From 502d5977d79148957828cbf313b7ef4c9f31973f Mon Sep 17 00:00:00 2001 From: Sam Potts Date: Sat, 11 Apr 2020 16:23:14 +1000 Subject: Converted to 2 space indentation --- demo/src/sass/components/buttons.scss | 110 +++++++++++++++---------------- demo/src/sass/components/header.scss | 38 +++++------ demo/src/sass/components/icons.scss | 12 ++-- demo/src/sass/components/links.scss | 62 ++++++++--------- demo/src/sass/components/lists.scss | 6 +- demo/src/sass/components/media.scss | 4 +- demo/src/sass/components/navigation.scss | 6 +- demo/src/sass/components/players.scss | 40 +++++------ 8 files changed, 139 insertions(+), 139 deletions(-) (limited to 'demo/src/sass/components') diff --git a/demo/src/sass/components/buttons.scss b/demo/src/sass/components/buttons.scss index 279007fb..1c9375bf 100644 --- a/demo/src/sass/components/buttons.scss +++ b/demo/src/sass/components/buttons.scss @@ -5,80 +5,80 @@ // Shared .button, .button__count { - align-items: center; - border: 0; - border-radius: $border-radius-base; - box-shadow: 0 1px 1px rgba(#000, 0.1); - display: inline-flex; - padding: ($spacing-base * 0.75); - position: relative; - text-shadow: none; - user-select: none; - vertical-align: middle; + align-items: center; + border: 0; + border-radius: $border-radius-base; + box-shadow: 0 1px 1px rgba(#000, 0.1); + display: inline-flex; + padding: ($spacing-base * 0.75); + position: relative; + text-shadow: none; + user-select: none; + vertical-align: middle; } // Buttons .button { - background: $color-button-background; - color: $color-button-text; - font-weight: $font-weight-bold; - padding-left: ($spacing-base * 1.25); - padding-right: ($spacing-base * 1.25); - transition: all 0.2s ease; + background: $color-button-background; + color: $color-button-text; + font-weight: $font-weight-bold; + padding-left: ($spacing-base * 1.25); + padding-right: ($spacing-base * 1.25); + transition: all 0.2s ease; - &:hover, - &:focus { - background: $color-button-background-hover; + &:hover, + &:focus { + background: $color-button-background-hover; - // Remove the underline/border - &::after { - display: none; - } + // Remove the underline/border + &::after { + display: none; } + } - &:hover { - box-shadow: 0 2px 2px rgba(#000, 0.1); - } + &:hover { + box-shadow: 0 2px 2px rgba(#000, 0.1); + } - &:focus { - outline: 0; - } + &:focus { + outline: 0; + } - &.tab-focus { - @include tab-focus(); - } + &.tab-focus { + @include tab-focus(); + } - &:active { - top: 1px; - } + &:active { + top: 1px; + } } // Button group .button--with-count { - display: inline-flex; + display: inline-flex; - .button .icon { - flex-shrink: 0; - } + .button .icon { + flex-shrink: 0; + } } // Count bubble .button__count { - animation: fadein 0.2s ease; - background: $color-button-count-background; - color: $color-button-count-text; - margin-left: ($spacing-base * 0.75); + animation: fadein 0.2s ease; + background: $color-button-count-background; + color: $color-button-count-text; + margin-left: ($spacing-base * 0.75); - &::before { - border: $arrow-size solid transparent; - border-left-width: 0; - border-right-color: $color-button-count-background; - content: ''; - height: 0; - position: absolute; - right: 100%; - top: 50%; - transform: translateY(-50%); - width: 0; - } + &::before { + border: $arrow-size solid transparent; + border-left-width: 0; + border-right-color: $color-button-count-background; + content: ''; + height: 0; + position: absolute; + right: 100%; + top: 50%; + transform: translateY(-50%); + width: 0; + } } 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); } + } } diff --git a/demo/src/sass/components/icons.scss b/demo/src/sass/components/icons.scss index ec9f8c5c..32e5f685 100644 --- a/demo/src/sass/components/icons.scss +++ b/demo/src/sass/components/icons.scss @@ -4,20 +4,20 @@ // Base size icon styles .icon { - fill: currentColor; - height: $icon-size; - vertical-align: -3px; - width: $icon-size; + fill: currentColor; + height: $icon-size; + vertical-align: -3px; + width: $icon-size; } // Within elements a svg, button svg, label svg { - pointer-events: none; + pointer-events: none; } a .icon, .btn .icon { - margin-right: ($spacing-base / 2); + margin-right: ($spacing-base / 2); } diff --git a/demo/src/sass/components/links.scss b/demo/src/sass/components/links.scss index 1d49be3a..92e71931 100644 --- a/demo/src/sass/components/links.scss +++ b/demo/src/sass/components/links.scss @@ -4,45 +4,45 @@ // Make a