aboutsummaryrefslogtreecommitdiffstats
path: root/demo/src/sass/components/header.scss
diff options
context:
space:
mode:
authorSam Potts <sam@potts.es>2020-04-24 00:22:39 +1000
committerGitHub <noreply@github.com>2020-04-24 00:22:39 +1000
commit68137aa789b195b26d4306eaebc7fee2f8eb3374 (patch)
tree8c38683d043fdfbe8b1dcb385a446de4df7396a1 /demo/src/sass/components/header.scss
parentdbe618c644a525b196466b7254274cc9bde76275 (diff)
parent2458eaa11b5c2805bcf1e5349ab900485bac325f (diff)
downloadplyr-68137aa789b195b26d4306eaebc7fee2f8eb3374.tar.lz
plyr-68137aa789b195b26d4306eaebc7fee2f8eb3374.tar.xz
plyr-68137aa789b195b26d4306eaebc7fee2f8eb3374.zip
Merge pull request #1770 from sampotts/css-variables
Allow customization via CSS Custom Properties
Diffstat (limited to 'demo/src/sass/components/header.scss')
-rw-r--r--demo/src/sass/components/header.scss38
1 files changed, 19 insertions, 19 deletions
diff --git a/demo/src/sass/components/header.scss b/demo/src/sass/components/header.scss
index fd014ead..47ba69b0 100644
--- a/demo/src/sass/components/header.scss
+++ b/demo/src/sass/components/header.scss
@@ -3,28 +3,28 @@
// ==========================================================================
header {
- padding-bottom: $spacing-base;
- text-align: center;
+ padding-bottom: $spacing-base;
+ text-align: center;
- 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;
- }
+ 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;
+ }
- .call-to-action {
- margin-top: ($spacing-base * 1.5);
- }
+ .call-to-action {
+ margin-top: ($spacing-base * 1.5);
+ }
- @media only screen and (min-width: $screen-md) {
- margin-right: ($spacing-base * 3);
- max-width: 360px;
- padding-bottom: ($spacing-base * 2);
- text-align: left;
+ @media only screen and (min-width: $screen-md) {
+ margin-right: ($spacing-base * 3);
+ max-width: 360px;
+ padding-bottom: ($spacing-base * 2);
+ text-align: left;
- p:first-of-type {
- @include font-size($font-size-base + 1);
- }
+ p:first-of-type {
+ @include font-size($font-size-base + 1);
}
+ }
}