diff options
Diffstat (limited to 'ui/app/css/itcss/generic/index.scss')
-rw-r--r-- | ui/app/css/itcss/generic/index.scss | 68 |
1 files changed, 61 insertions, 7 deletions
diff --git a/ui/app/css/itcss/generic/index.scss b/ui/app/css/itcss/generic/index.scss index 75f823320..92321394b 100644 --- a/ui/app/css/itcss/generic/index.scss +++ b/ui/app/css/itcss/generic/index.scss @@ -13,7 +13,6 @@ body { font-family: Roboto, Arial; color: #4d4d4d; font-weight: 300; - line-height: 1.4em; background: #f7f7f7; width: 100%; height: 100%; @@ -70,6 +69,10 @@ input.large-input { height: 36px; } +.allcaps { + text-transform: uppercase; +} + .page-container { width: 400px; background-color: $white; @@ -77,13 +80,36 @@ input.large-input { z-index: 25; display: flex; flex-flow: column; + border-radius: 7px; &__header { display: flex; flex-flow: column; border-bottom: 1px solid $geyser; - padding: 1.6rem 1rem; + padding: 20px; flex: 0 0 auto; + position: relative; + } + + &__header-close { + color: $tundora; + position: absolute; + top: 20px; + right: 20px; + cursor: pointer; + overflow: hidden; + + &::after { + content: '\00D7'; + font-size: 40px; + line-height: 20px; + } + } + + &__header-row { + padding-bottom: 10px; + display: flex; + justify-content: space-between; } &__footer { @@ -93,32 +119,46 @@ input.large-input { border-top: 1px solid $geyser; padding: 1.6rem; flex: 0 0 auto; + + .btn-clear, + .btn-cancel, + .btn-confirm { + font-size: 1rem; + } } &__footer-button { width: 165px; - height: 60px; + height: 55px; font-size: 1rem; text-transform: uppercase; - margin-right: 1rem; + margin-right: 1.2rem; + border-radius: 2px; &:last-of-type { margin-right: 0; } } + &__back-button { + color: #2f9ae0; + font-size: 1rem; + cursor: pointer; + font-weight: 400; + } + &__title { - color: $tundora; - font-family: Roboto; + color: $black; font-size: 2rem; font-weight: 500; - line-height: initial; + line-height: 2rem; } &__subtitle { padding-top: .5rem; line-height: initial; font-size: .9rem; + color: $gray; } &__tabs { @@ -155,6 +195,19 @@ input.large-input { } } } + + &--full-width { + width: initial; + } + + &--full-height { + height: 100%; + } + + &__content { + height: 100%; + overflow-y: auto; + } } @media screen and (max-width: 250px) { @@ -181,5 +234,6 @@ input.large-input { width: 100%; overflow-y: auto; background-color: $white; + border-radius: 0; } } |