diff options
Diffstat (limited to 'demo/src')
-rw-r--r-- | demo/src/sass/components/buttons.scss | 6 | ||||
-rw-r--r-- | demo/src/sass/layout/core.scss | 1 | ||||
-rw-r--r-- | demo/src/sass/settings/colors.scss | 4 | ||||
-rw-r--r-- | demo/src/sass/type/headings.scss | 2 |
4 files changed, 9 insertions, 4 deletions
diff --git a/demo/src/sass/components/buttons.scss b/demo/src/sass/components/buttons.scss index db821ad3..1b2d652e 100644 --- a/demo/src/sass/components/buttons.scss +++ b/demo/src/sass/components/buttons.scss @@ -6,11 +6,11 @@ .button, .button__count { align-items: center; - background: #fff; + background: $color-button-background; border: 0; border-radius: $border-radius-base; box-shadow: 0 1px 1px rgba(#000, 0.1); - color: $gray; + color: $color-button-text; display: inline-flex; padding: ($spacing-base * 0.75); position: relative; @@ -71,7 +71,7 @@ &::before { border: $arrow-size solid transparent; border-left-width: 0; - border-right-color: #fff; + border-right-color: $color-button-background; content: ''; height: 0; position: absolute; diff --git a/demo/src/sass/layout/core.scss b/demo/src/sass/layout/core.scss index c4d9a445..0501c1df 100644 --- a/demo/src/sass/layout/core.scss +++ b/demo/src/sass/layout/core.scss @@ -28,6 +28,7 @@ body { main { margin: auto; + padding-bottom: 1px; // Collapsing margins text-align: center; } diff --git a/demo/src/sass/settings/colors.scss b/demo/src/sass/settings/colors.scss index 4de90760..65d3f7b7 100644 --- a/demo/src/sass/settings/colors.scss +++ b/demo/src/sass/settings/colors.scss @@ -24,5 +24,9 @@ $color-vimeo: #19b7ed; $color-link: #fff; $color-background: $color-brand-primary; +// Buttons +$color-button-background: #fff; +$color-button-text: $gray; + // Focus $tab-focus-default-color: #fff; diff --git a/demo/src/sass/type/headings.scss b/demo/src/sass/type/headings.scss index b83421fa..c2abc97e 100644 --- a/demo/src/sass/type/headings.scss +++ b/demo/src/sass/type/headings.scss @@ -4,7 +4,7 @@ h1 { @include font-size($font-size-h1); - font-weight: $font-weight-light; + font-weight: $font-weight-bold; letter-spacing: $letter-spacing-headings; margin: 0 0 ($spacing-base / 2); } |