diff options
Diffstat (limited to 'src/style/scss/themes')
-rw-r--r-- | src/style/scss/themes/1802/_components.scss | 23 | ||||
-rw-r--r-- | src/style/scss/themes/1802/button.scss | 148 | ||||
-rw-r--r-- | src/style/scss/themes/1802/modal.scss | 193 | ||||
-rw-r--r-- | src/style/scss/themes/1802/style.scss | 5 | ||||
-rw-r--r-- | src/style/scss/themes/1802/tabs.scss | 39 |
5 files changed, 0 insertions, 408 deletions
diff --git a/src/style/scss/themes/1802/_components.scss b/src/style/scss/themes/1802/_components.scss deleted file mode 100644 index 6800005..0000000 --- a/src/style/scss/themes/1802/_components.scss +++ /dev/null @@ -1,23 +0,0 @@ -/* Deafult theme */ -@import "../../../../../components/tile/tile"; -@import "../../../../../components/checkbox/checkbox"; -@import "../../../../../components/radio/radio"; -@import "../../../../../components/radioGroup/radioGroup"; -@import "../../../../../components/icon/icon"; -@import "../../../../../components/input/input"; -@import "../../../../../components/dropdown/dropdown"; -@import "../../../../../components/menu/menu"; -@import "../../../../../components/filter-bar/_filter-bar"; -@import "../../../../../components/search-bar/_search-bar"; -@import "../../../../../components/checklist/checklist"; -@import "../../../../../components/autocomplete/autocomplete"; -@import "../../../../../components/tooltip/tooltip"; -@import "../../../../../components/tag-cloud/_tag-cloud"; -@import "../../../../../components/notification/notification"; -@import "../../../../../components/notifications-container/notifications-container"; -@import "../../../../../components/validation/validation"; - -/* 1802 theme */ -@import "button"; -@import "modal"; -@import "tabs"; diff --git a/src/style/scss/themes/1802/button.scss b/src/style/scss/themes/1802/button.scss deleted file mode 100644 index 05d91d5..0000000 --- a/src/style/scss/themes/1802/button.scss +++ /dev/null @@ -1,148 +0,0 @@ -.sdc-button { - @include box-sizing; - display: inline-block; - - outline: none; - border-radius: 2px; - padding: 0 16px; - - height: 32px; - line-height: 32px; - width: 120px; - min-width: 90px; - - cursor: pointer; - text-align: center; - @include body-1; - &:disabled { - cursor: default; - } - - // Primary button - &.sdc-button__primary { - border: none; - background-color: $blue; - color: $white; - - &:not(:disabled) { - &:hover, &:active { - background-color: $light-blue; - } - &:focus:not(:active) { - border: 0.5px 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 $light-gray; - background-color: transparent; - color: $text-black; - - &:not(:disabled) { - &:hover, &:active { - background-color: transparent; - color:$text-black; - border: 1px solid $gray; - } - &:focus:not(:active) { - color: $text-black; - box-shadow: inset 0px 0px 0px 0px $light-gray, 0px 0px 0px 1px $gray; - } - } - - &: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{ - margin-left: 15px; - } - - .sdc-icon-left{ - margin-right: 15px; - } - - svg { - display: inline-block; - vertical-align: middle; - } -} - diff --git a/src/style/scss/themes/1802/modal.scss b/src/style/scss/themes/1802/modal.scss deleted file mode 100644 index de99d52..0000000 --- a/src/style/scss/themes/1802/modal.scss +++ /dev/null @@ -1,193 +0,0 @@ - -.sdc-modal { - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - - overflow: auto; - margin: auto; - display: flex; - align-items: center; - z-index: 1001; - - - svg path { - fill: inherit; - } - - .sdc-modal__wrapper { - @include body-1; - background: $white; - width: 100%; - - @include box-shadow(0 0 4px 0 rgba(0,0,0,0.50)); - color: $text-black; - display: flex; - flex-direction: column; - &.sdc-modal-type-info { - border-top: solid 6px $blue; - .sdc-modal__svg-use { - fill: $blue; - } - .svg-icon { - &.__errorCircle { - width: 30px; - height: 30px; - } - } - } - &.sdc-modal-type-alert { - border-top: solid 6px $yellow; - .sdc-modal__svg-use { - fill: $yellow; - } - .svg-icon { - &.__exclamationTriangleLine { - width: 30px; - height: 30px; - } - } - } - &.sdc-modal-type-error { - border-top: solid 6px $red; - .sdc-modal__svg-use { - fill: $red; - } - .svg-icon { - &.__error { - width: 30px; - height: 30px; - } - } - } - &.sdc-modal-type-custom { - padding: 0 30px; - border-radius: 4px; - - .sdc-custom__header { - @include box-sizing; - color: $dark-gray; - height: 50px; - border-bottom: solid 3px $blue; - padding: 0; - - .title { - @include heading-3; - color: $dark-gray; - } - - .sdc-modal__close-button { - margin-top: 0px; - width: 20px; - height: 14px; - } - .sdc-modal__close-button-svg { - width: 20px; - height: 20px; - .sdc-modal__svg-use { - fill: $white; - } - .svg-icon { - height: 14px; - width: 14px; - fill: $white; - } - } - } - .sdc-modal__content { - padding: 20px 40px; - } - } - .sdc-modal__header { - padding: 0px 10px 8px 14px; - display: flex; - justify-content: space-between; - text-align: left; - .sdc-modal__icon { - padding: 20px 12px 0px 6px; - } - - .title { - @include heading-2; - flex: 1 1 auto; - color: $text-black; - padding-top: 19px; - } - - .sdc-modal__close-button { - order:3; - width: 14px; - height: 14px; - margin-top:10px; - cursor: pointer; - .sdc-modal__svg-use { - fill: $black; - } - } - } - .sdc-modal__content { - order:2; - padding-left: 63px; - padding-right: 68px; - padding-bottom: 26px; - } - - .sdc-modal__footer { - order:3; - background-color: $light-silver; - border-top: solid 1px $silver; - padding: 17px 30px; - display: flex; - justify-content: flex-end; - margin: 0 -30px; - button{ - margin-left: 10px; - } - } - } -} - -.modal-background { - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - background-color: $black; - opacity: 0.70; - z-index: 1000; - - &.show { - z-index: 1000; - opacity: 0.70; - transition: opacity .3s ease, z-index .3s; - } - &.hide { - z-index: -1; - opacity: 0; - transition: opacity .35s ease, z-index .35s; - } -} - -.xl { - width: 1200px; -} - -.l { - width: 875px; -} - -.md { - width: 650px; -} - -.sm { - width: 500px; -} - -.xsm { - width: 432px; -} - diff --git a/src/style/scss/themes/1802/style.scss b/src/style/scss/themes/1802/style.scss deleted file mode 100644 index ae314d8..0000000 --- a/src/style/scss/themes/1802/style.scss +++ /dev/null @@ -1,5 +0,0 @@ -@import "../../common"; -@import "components"; - -// for angular -@import "../../angular/svg_icon"; diff --git a/src/style/scss/themes/1802/tabs.scss b/src/style/scss/themes/1802/tabs.scss deleted file mode 100644 index 70ee4cb..0000000 --- a/src/style/scss/themes/1802/tabs.scss +++ /dev/null @@ -1,39 +0,0 @@ -.sdc-tabs { - .sdc-tab { - background-color: $white; - border: 1px solid $silver; - border-left: none; - display: inline-block; - height: 36px; - text-align: center; - cursor: pointer; - padding: 2px 10px 0 10px; - margin: 0; - - - &:first-child { - border-left: 1px solid $silver; - } - &.sdc-tab-active { - background-color: $silver; - } - &[disabled] { - opacity: 0.3; - cursor: default; - } - } - &.sdc-tabs-header { - .sdc-tab { - @include heading-2; - } - } - &.sdc-tabs-menu { - .sdc-tab { - @include body-1; - padding: 0px 10px 4px 10px; - } - } - .sdc-tab-content { - margin-top: 30px; - } -} |