From 8a2c5826bbf35b129977750d98554cd6bd692c14 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ferit=20Yi=C4=9Fit=20BALABAN?= Date: Fri, 22 Jul 2022 00:22:46 +0300 Subject: [PATCH] Move gradients to variables file --- resources/css/main.scss | 4 ++-- resources/css/variables.scss | 2 ++ 2 files changed, 4 insertions(+), 2 deletions(-) diff --git a/resources/css/main.scss b/resources/css/main.scss index 3b0e691..9bc0b01 100644 --- a/resources/css/main.scss +++ b/resources/css/main.scss @@ -68,7 +68,7 @@ html, body { .dropdown { position: fixed; z-index: 2; - background: linear-gradient(to left bottom, variables.$clr_brand, #003e86); + background: variables.$cg_drawer; width: 100%; height: 90vh; -webkit-animation: drawer-open 550ms; @@ -79,7 +79,7 @@ html, body { .dropdown-nav-item { position: relative; margin-top: math.div(variables.$px_horizontalPadding, 4); - background: linear-gradient(#FFFFFF, #adf0ff); + background: variables.$cg_drawer_navitem; -webkit-background-clip: text; //noinspection CssInvalidPropertyValue background-clip: text; diff --git a/resources/css/variables.scss b/resources/css/variables.scss index 0bbce49..dd3bd03 100644 --- a/resources/css/variables.scss +++ b/resources/css/variables.scss @@ -24,6 +24,8 @@ $sz_s_footer_p: 8px; $clr_dark: #01003B; $clr_brand: #1d60b5; $clr_brand_gradient: linear-gradient(to left, $clr_brand, #3b8fff); +$cg_drawer: linear-gradient(to left bottom, $clr_brand, #003e86); +$cg_drawer_navitem: linear-gradient(#FFFFFF, #adf0ff); $clr_logo: #FDFFFF; $clr_header: #FDFFFF;