aboutsummaryrefslogtreecommitdiffstats
path: root/demo/src
diff options
context:
space:
mode:
Diffstat (limited to 'demo/src')
-rw-r--r--demo/src/sass/components/buttons.scss6
-rw-r--r--demo/src/sass/layout/core.scss1
-rw-r--r--demo/src/sass/settings/colors.scss4
-rw-r--r--demo/src/sass/type/headings.scss2
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);
}