diff options
Diffstat (limited to 'components/button')
22 files changed, 0 insertions, 231 deletions
diff --git a/components/button/_button.scss b/components/button/_button.scss deleted file mode 100644 index 3c21a45..0000000 --- a/components/button/_button.scss +++ /dev/null @@ -1,168 +0,0 @@ -.sdc-button { - order:1; - @include box-sizing; - display: inline-flex; - align-items: center; - justify-content: center; - flex-direction: row; - outline: none; - border-radius: 2px; - padding: 0 12px; - height: 36px; - line-height: 36px; - width: 120px; - min-width: 90px; - cursor: pointer; - text-align: center; - text-transform: uppercase; - @include body-1; - - &:disabled { - cursor: default; - } - - // Primary button - &.sdc-button__primary { - border: 1px solid transparent; - background-color: $blue; - color: $white; - - &:not(:disabled) { - &:hover, &:active { - background-color: $light-blue; - } - &:focus:not(:active) { - border: 1px solid $white; - background-color: $light-blue; - box-shadow: 0px 0px 0px 1px $light-blue; - } - } - - &:disabled{ - background: $blue-disabled; - } - } - - // Secondary button - &.sdc-button__secondary { - border: 1px solid $blue; - background-color: transparent; - color: $blue; - - &:not(:disabled) { - &:hover, &:active { - background-color: $light-blue; - color:$white; - } - &:focus:not(:active) { - color: $light-blue; - box-shadow: inset 0px 0px 0px 0px $dark-blue, 0px 0px 0px 1px $blue; - &:hover { - color: $white; - } - } - } - - &:disabled { - color: $blue-disabled; - border-color: $blue-disabled; - } - } - - // Link button - &.sdc-button__link { - background-color: transparent; - color: $blue; - fill: $blue; - border: none; - - &:not(:disabled) { - &:hover, &:active { - color: $light-blue; - } - &:focus:not(:active) { - border: 1px solid $dark-blue; - color: $light-blue; - } - } - - &:disabled{ - color: $blue-disabled; - } - } - - - // alert button - &.sdc-button__alert { - border: none; - background-color: $red; - color: $white; - - &:not(:disabled) { - &:hover, &:active { - background-color: $light-red; - } - &:focus:not(:active) { - border: 0.5px solid $white; - background-color: $light-red; - box-shadow: 0px 0px 0px 1px $light-red; - } - } - - &:disabled{ - background: $disabled-red; - } - } - - - /*** Sizes ***/ - &.btn-large{ - width: $btn-large; - } - - &.btn-medium{ - width: $btn-medium; - } - - &.btn-small{ - width: $btn-small; - } - - &.btn-x-small{ - width: $btn-extra-small; - } - - &.btn-default{ - width: $btn-default; - } - - /*** Buttons with icons ***/ - &.sdc-icon-right { - flex-direction: row-reverse; - .svg-icon { - margin-left: 15px; - } - } - - &.sdc-icon-left { - flex-direction: row; - .svg-icon { - margin-right: 15px; - } - } - - svg { - display: inline-block; - vertical-align: middle; - } -} -.sdc-button__wrapper { - display: inline-flex; -} -.sdc-button__spinner { - padding-top: 6px; - margin:0 2px; - &.left { - order:2; - } -} diff --git a/components/button/button-link-auto.html b/components/button/button-link-auto.html deleted file mode 100644 index 22ac4c8..0000000 --- a/components/button/button-link-auto.html +++ /dev/null @@ -1,3 +0,0 @@ -<button class="sdc-button sdc-button__link btn-default"> - Click Me -</button> diff --git a/components/button/button-link-disabled.html b/components/button/button-link-disabled.html deleted file mode 100644 index 9267620..0000000 --- a/components/button/button-link-disabled.html +++ /dev/null @@ -1,3 +0,0 @@ -<button class="sdc-button sdc-button__link" disabled> - Click Me -</button> diff --git a/components/button/button-link-extra-small.html b/components/button/button-link-extra-small.html deleted file mode 100644 index 245f885..0000000 --- a/components/button/button-link-extra-small.html +++ /dev/null @@ -1,3 +0,0 @@ -<button class="sdc-button sdc-button__link btn-x-small"> - Click Me -</button> diff --git a/components/button/button-link-large.html b/components/button/button-link-large.html deleted file mode 100644 index 6d1780c..0000000 --- a/components/button/button-link-large.html +++ /dev/null @@ -1,3 +0,0 @@ -<button class="sdc-button sdc-button__link btn-large"> - Click Me -</button> diff --git a/components/button/button-link-medium.html b/components/button/button-link-medium.html deleted file mode 100644 index cb0293d..0000000 --- a/components/button/button-link-medium.html +++ /dev/null @@ -1,3 +0,0 @@ -<button class="sdc-button sdc-button__link btn-medium"> - Click Me -</button> diff --git a/components/button/button-link-small.html b/components/button/button-link-small.html deleted file mode 100644 index 5c195fa..0000000 --- a/components/button/button-link-small.html +++ /dev/null @@ -1,3 +0,0 @@ -<button class="sdc-button sdc-button__link btn-small"> - Click Me -</button> diff --git a/components/button/button-link.html b/components/button/button-link.html deleted file mode 100644 index 5c2070b..0000000 --- a/components/button/button-link.html +++ /dev/null @@ -1,3 +0,0 @@ -<button class="sdc-button sdc-button__link"> - Click Me -</button> diff --git a/components/button/button-primary-auto.html b/components/button/button-primary-auto.html deleted file mode 100644 index 125276f..0000000 --- a/components/button/button-primary-auto.html +++ /dev/null @@ -1,3 +0,0 @@ -<button class="sdc-button sdc-button__primary btn-default"> - Click Me -</button> diff --git a/components/button/button-primary-disabled.html b/components/button/button-primary-disabled.html deleted file mode 100644 index b2ef842..0000000 --- a/components/button/button-primary-disabled.html +++ /dev/null @@ -1,3 +0,0 @@ -<button class="sdc-button sdc-button__primary" disabled> - Click Me -</button> diff --git a/components/button/button-primary-extra-small.html b/components/button/button-primary-extra-small.html deleted file mode 100644 index a3be965..0000000 --- a/components/button/button-primary-extra-small.html +++ /dev/null @@ -1,3 +0,0 @@ -<button class="sdc-button sdc-button__primary btn-x-small"> - Click Me -</button> diff --git a/components/button/button-primary-large.html b/components/button/button-primary-large.html deleted file mode 100644 index c0a41b1..0000000 --- a/components/button/button-primary-large.html +++ /dev/null @@ -1,3 +0,0 @@ -<button class="sdc-button sdc-button__primary btn-large"> - Click Me -</button> diff --git a/components/button/button-primary-medium.html b/components/button/button-primary-medium.html deleted file mode 100644 index 9ddedc5..0000000 --- a/components/button/button-primary-medium.html +++ /dev/null @@ -1,3 +0,0 @@ -<button class="sdc-button sdc-button__primary btn-medium"> - Click Me -</button> diff --git a/components/button/button-primary-small.html b/components/button/button-primary-small.html deleted file mode 100644 index 847f753..0000000 --- a/components/button/button-primary-small.html +++ /dev/null @@ -1,3 +0,0 @@ -<button class="sdc-button sdc-button__primary btn-small"> - Click Me -</button> diff --git a/components/button/button-primary.html b/components/button/button-primary.html deleted file mode 100644 index b1524bf..0000000 --- a/components/button/button-primary.html +++ /dev/null @@ -1,3 +0,0 @@ -<button class="sdc-button sdc-button__primary"> - Click Me -</button> diff --git a/components/button/button-secondary-auto.html b/components/button/button-secondary-auto.html deleted file mode 100644 index a183ad8..0000000 --- a/components/button/button-secondary-auto.html +++ /dev/null @@ -1,3 +0,0 @@ -<button class="sdc-button sdc-button__secondary btn-default"> - Click Me -</button> diff --git a/components/button/button-secondary-disabled.html b/components/button/button-secondary-disabled.html deleted file mode 100644 index 4125328..0000000 --- a/components/button/button-secondary-disabled.html +++ /dev/null @@ -1,3 +0,0 @@ -<button class="sdc-button sdc-button__secondary" disabled> - Click Me -</button> diff --git a/components/button/button-secondary-extra-small.html b/components/button/button-secondary-extra-small.html deleted file mode 100644 index 92c4784..0000000 --- a/components/button/button-secondary-extra-small.html +++ /dev/null @@ -1,3 +0,0 @@ -<button class="sdc-button sdc-button__secondary btn-x-small"> - Click Me -</button> diff --git a/components/button/button-secondary-large.html b/components/button/button-secondary-large.html deleted file mode 100644 index 958c151..0000000 --- a/components/button/button-secondary-large.html +++ /dev/null @@ -1,3 +0,0 @@ -<button class="sdc-button sdc-button__secondary btn-large"> - Click Me -</button> diff --git a/components/button/button-secondary-medium.html b/components/button/button-secondary-medium.html deleted file mode 100644 index 67f9741..0000000 --- a/components/button/button-secondary-medium.html +++ /dev/null @@ -1,3 +0,0 @@ -<button class="sdc-button sdc-button__secondary btn-medium"> - Click Me -</button> diff --git a/components/button/button-secondary-small.html b/components/button/button-secondary-small.html deleted file mode 100644 index d9d8cd7..0000000 --- a/components/button/button-secondary-small.html +++ /dev/null @@ -1,3 +0,0 @@ -<button class="sdc-button sdc-button__secondary btn-small"> - Click Me -</button> diff --git a/components/button/button-secondary.html b/components/button/button-secondary.html deleted file mode 100644 index 64967cc..0000000 --- a/components/button/button-secondary.html +++ /dev/null @@ -1,3 +0,0 @@ -<button class="sdc-button sdc-button__secondary"> - Click Me -</button> |