diff options
Diffstat (limited to 'app/common/styles/elements')
-rw-r--r-- | app/common/styles/elements/modals.scss | 25 | ||||
-rw-r--r-- | app/common/styles/elements/quicklinks.scss | 28 |
2 files changed, 27 insertions, 26 deletions
diff --git a/app/common/styles/elements/modals.scss b/app/common/styles/elements/modals.scss index 87ad432..dc1c9d8 100644 --- a/app/common/styles/elements/modals.scss +++ b/app/common/styles/elements/modals.scss @@ -11,9 +11,9 @@ opacity: 0; } -.modal-overlay.active{ +.modal-overlay.active { z-index: 100; - opacity: .5; + opacity: 0.5; display: block; @include fastTransition-all; } @@ -23,12 +23,12 @@ height: auto; left: 50%; top: 50%; - transform: translate(-50%,-50%); + transform: translate(-50%, -50%); max-width: 850px; min-width: 450px; - padding: .8em 1.5em; + padding: 0.8em 1.5em; border: thin $primary-dark solid; - background-color :$background-01; + background-color: $background-01; z-index: 101; position: fixed; overflow: hidden; @@ -38,13 +38,13 @@ } } -.modal.active{ +.modal.active { @include fastTransition-all; display: block; } .modal .page-header { - padding-bottom: .7em; + padding-bottom: 0.7em; } .screen-reader-offscreen { @@ -61,20 +61,21 @@ } .modal__link { display: block; - margin: .8em 0 1em; + margin: 0.8em 0 1em; @include mediaQuery(medium) { display: inline-block; - margin: .6em 0; + margin: 0.6em 0; } } +// TODO: Use the form__actions pattern / selector .modal__button-wrapper { float: right; button { - margin-bottom: .8em; - margin-right: .8em; + margin-bottom: 0.8em; + margin-right: 0.8em; display: inline-block; @include mediaQuery(medium) { - margin-left: .8em; + margin-left: 0.8em; margin-right: 0; } } diff --git a/app/common/styles/elements/quicklinks.scss b/app/common/styles/elements/quicklinks.scss index c1bff93..e6f49a3 100644 --- a/app/common/styles/elements/quicklinks.scss +++ b/app/common/styles/elements/quicklinks.scss @@ -1,21 +1,26 @@ //Quick links block .quick-links { background-color: $background-02; - padding: .5em 1em; - font-size: .9em; + padding: 0.5em 1em; + font-size: 0.9em; font-weight: 400; margin: 1em 0; @include mediaQuery(medium) { margin: 0 0 0 1em; } + a { + display: flex; + justify-content: space-between; + align-items: center; color: $primary-dark; text-decoration: none; - display: block; } + p { margin-bottom: 0; } + .event-log__events { margin-top: 0; } @@ -25,21 +30,16 @@ padding: 1em 0 1em 0; border-bottom: 1px solid $border-color-01; position: relative; - &:after { - content: '\203A'; - position: absolute; - top: 50%; - right: 0; - font-size: 3em; - color: $text-02; - transform: translateY(-50%); - } + &.no-icon { overflow: auto; + .bmc-time { + @include fontCourierBold; text-align: right; max-width: 17em; float: right; + @include mediaQuery(medium) { display: block; text-align: left; @@ -59,7 +59,7 @@ } .float-right { float: right; - @media(min-width: 1024px) and (max-width: 1140px) { + @media (min-width: 1024px) and (max-width: 1140px) { display: block; float: none; } @@ -74,7 +74,7 @@ color: $status-error; margin-bottom: 0; font-weight: 700; - font-size: .9em; + font-size: 0.9em; a { color: $status-error; } |