diff options
Diffstat (limited to 'demo/src/sass/components')
| -rw-r--r-- | demo/src/sass/components/buttons.scss | 8 | ||||
| -rw-r--r-- | demo/src/sass/components/header.scss | 15 |
2 files changed, 15 insertions, 8 deletions
diff --git a/demo/src/sass/components/buttons.scss b/demo/src/sass/components/buttons.scss index 5ff6fc12..6afe98d7 100644 --- a/demo/src/sass/components/buttons.scss +++ b/demo/src/sass/components/buttons.scss @@ -22,13 +22,13 @@ // Buttons .button { font-weight: $font-weight-bold; - padding-left: $spacing-base; - padding-right: $spacing-base; + padding-left: ($spacing-base * 1.25); + padding-right: ($spacing-base * 1.25); transition: all 0.2s ease; &:hover, &:focus { - color: $gray-dark; + color: $color-button-text-hover; // Remove the underline/border &::after { @@ -65,7 +65,7 @@ // Count bubble .button__count { animation: fadein 0.2s ease; - margin-left: ($spacing-base / 2); + margin-left: ($spacing-base * 0.75); &::before { border: $arrow-size solid transparent; diff --git a/demo/src/sass/components/header.scss b/demo/src/sass/components/header.scss index b2a04cb1..3c2ba67e 100644 --- a/demo/src/sass/components/header.scss +++ b/demo/src/sass/components/header.scss @@ -6,12 +6,15 @@ header { padding-bottom: $spacing-base; text-align: center; - .call-to-action { - margin-top: ($spacing-base * 1.5); + h1 span { + animation: shrinkHide 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 2s forwards; + display: inline-block; + font-weight: $font-weight-light; + opacity: 0.5; } - p:first-of-type { - @include font-size(16); + .call-to-action { + margin-top: ($spacing-base * 1.5); } @media only screen and (min-width: $screen-md) { @@ -19,5 +22,9 @@ header { max-width: 360px; padding-bottom: ($spacing-base * 2); text-align: left; + + p:first-of-type { + @include font-size($font-size-large); + } } } |