aboutsummaryrefslogtreecommitdiffstats
path: root/components/button
diff options
context:
space:
mode:
authorIsrael Lavi <il0695@att.com>2018-08-07 10:54:17 +0300
committerIsrael Lavi <il0695@att.com>2018-08-07 11:06:44 +0300
commitb2a3acea0d0f66028c9ce5fad02d4ecc64abf70c (patch)
tree8d70110f34cb845965c42a5915e950bca967d2c3 /components/button
parent05b37297177e8a342668c15e5d6f738b51f7aedd (diff)
Initial commit.
Adding files needed for Linux Foundation. Change-Id: I9f2b4851a5ae01f83800c7f8bab8608a2221c730 Issue-ID: SDC-1608 Signed-off-by: Israel Lavi <il0695@att.com>
Diffstat (limited to 'components/button')
-rw-r--r--components/button/_button.scss168
-rw-r--r--components/button/button-link-auto.html3
-rw-r--r--components/button/button-link-disabled.html3
-rw-r--r--components/button/button-link-extra-small.html3
-rw-r--r--components/button/button-link-large.html3
-rw-r--r--components/button/button-link-medium.html3
-rw-r--r--components/button/button-link-small.html3
-rw-r--r--components/button/button-link.html3
-rw-r--r--components/button/button-primary-auto.html3
-rw-r--r--components/button/button-primary-disabled.html3
-rw-r--r--components/button/button-primary-extra-small.html3
-rw-r--r--components/button/button-primary-large.html3
-rw-r--r--components/button/button-primary-medium.html3
-rw-r--r--components/button/button-primary-small.html3
-rw-r--r--components/button/button-primary.html3
-rw-r--r--components/button/button-secondary-auto.html3
-rw-r--r--components/button/button-secondary-disabled.html3
-rw-r--r--components/button/button-secondary-extra-small.html3
-rw-r--r--components/button/button-secondary-large.html3
-rw-r--r--components/button/button-secondary-medium.html3
-rw-r--r--components/button/button-secondary-small.html3
-rw-r--r--components/button/button-secondary.html3
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>