diff options
Diffstat (limited to 'src/style/scss/themes/1802/modal.scss')
-rw-r--r-- | src/style/scss/themes/1802/modal.scss | 193 |
1 files changed, 0 insertions, 193 deletions
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; -} - |