Add SCSS variable for spacing, remove color manipulation outside variable definitions

[MAILPOET-2770]
This commit is contained in:
Ján Mikláš
2020-04-30 15:13:03 +02:00
committed by Veljko V
parent f186001f38
commit 17545f1b79
5 changed files with 5 additions and 8 deletions

View File

@@ -14,5 +14,5 @@
} }
.mailpoet_breadcrumb a:hover { .mailpoet_breadcrumb a:hover {
color: darken($color-text, 50%); color: $color-text-hover;
} }

View File

@@ -60,5 +60,5 @@ p.sender_email_address_warning:first-child {
} }
.widefat { .widefat {
margin-bottom: 20px; margin-bottom: $grid-gap;
} }

View File

@@ -21,12 +21,7 @@ h5 {
color: $color-text; color: $color-text;
font-weight: bold; font-weight: bold;
line-height: 1.25; line-height: 1.25;
margin: 0 0 20px 0; margin: 0 0 $grid-gap 0;
}
h4,
h5 {
margin: 0 0 10px 0;
} }
h1 { font-size: 32px; } h1 { font-size: 32px; }

View File

@@ -6,6 +6,7 @@ $color-white: rgb(255, 255, 255);
// Typography colors // Typography colors
$color-text: #071c6d; $color-text: #071c6d;
$color-text-inactive: #9ca6cc; $color-text-inactive: #9ca6cc;
$color-text-hover: darken($color-text, 15%);
// Primary (blueish) color // Primary (blueish) color
$color-primary: #0074a2; $color-primary: #0074a2;

View File

@@ -1 +1,2 @@
$grid-editor-width: 660px; $grid-editor-width: 660px;
$grid-gap: 16px;