diff --git a/sass/elements/_controls.scss b/sass/elements/_controls.scss index ac4c58d..dd79b8d 100644 --- a/sass/elements/_controls.scss +++ b/sass/elements/_controls.scss @@ -1,6 +1,7 @@ .button-primary { transition: background-color .25s, border .25s; + display: inline-block; border: 1px solid $brand-primary; border-radius: 3px; padding: 5px 10px; @@ -19,6 +20,7 @@ .button-secondary { transition: background-color .25s, border .25s; + display: inline-block; border: 1px solid $gray-l2; border: 1px solid $smoke; border-radius: 3px; diff --git a/sass/elements/_footer.scss b/sass/elements/_footer.scss index 9bd0e90..9eba39a 100644 --- a/sass/elements/_footer.scss +++ b/sass/elements/_footer.scss @@ -36,7 +36,7 @@ } .wrap-usergroups { - @extend %list-inline-pipe; + @extend .list-inline-pipe; font-size: $fs-small; } @@ -69,7 +69,7 @@ .wrap-footer.footer-slim { .sitemap-libraries-abbrev a { - @extend %list-inline-pipe; + @extend .list-inline-pipe; font-size: $fs-small; } @@ -99,7 +99,7 @@ } .about-mit { - @extend %list-inline-pipe; + @extend .list-inline-pipe; color: $gray-l2; text-transform: uppercase; } diff --git a/sass/elements/_modules.scss b/sass/elements/_modules.scss index e63046a..d07a77d 100644 --- a/sass/elements/_modules.scss +++ b/sass/elements/_modules.scss @@ -11,7 +11,7 @@ } ul { - @extend %list-unbulleted; + @extend .list-unbulleted; } } @@ -21,6 +21,10 @@ margin-bottom: .2rem; } + &.info { + color: $black; + } + &.success { color: $success; } @@ -32,8 +36,30 @@ &.error { color: $error; } +} +/* global app style alerts and notices */ + +.wrap-notices { + background-color: $white; + color: $black; + font-size: $fs-xsmall; + + &.info { + border-top: 2px solid $gray-l2; + } + &.success { + border-top: 2px solid $success; + } + + &.warning { + border-top: 2px solid $warning; + } + + &.error { + border-top: 2px solid $error; + } } .alert-banner { @@ -63,3 +89,23 @@ color: darken($error, 20%); } } + + +.inline-action { + + @media (min-width: $bp-screen-md) { + + .message { + display: inline-block; + vertical-align: middle; + width: 65% + } + + .actions { + display: inline-block; + vertical-align: middle; + width: 34%; + text-align: right; + } + } +} diff --git a/sass/global/_helpers.scss b/sass/global/_helpers.scss index 89f0ddd..3677163 100644 --- a/sass/global/_helpers.scss +++ b/sass/global/_helpers.scss @@ -74,13 +74,13 @@ } } -%list-unbulleted { +.list-unbulleted { list-style: none; padding-left: 0; text-indent: 0; } -%list-inline { +.list-inline { @extend %reset-list; li, @@ -90,17 +90,22 @@ } } -%list-inline-pipe { - display: inline-block; - padding-right: 1rem; +.list-inline-pipe { + padding-left: 0; - .item:after { - content: ' | '; - margin-left: 1rem; - } - - .item:last-child:after { - content: ''; + li, + .item { + display: inline-block; + padding-right: 1rem; + + &:after { + content: ' | '; + margin-left: 1rem; + } + + &:last-child:after { + content: ''; + } } } diff --git a/sass/global/_layouts.scss b/sass/global/_layouts.scss index ca6b208..7063e98 100644 --- a/sass/global/_layouts.scss +++ b/sass/global/_layouts.scss @@ -6,6 +6,7 @@ } .wrap-gridband, +.wrap-notice, .wrap-header, .wrap-header-local, .wrap-breadcrumb, diff --git a/templates/working.html b/templates/working.html index 9e318b5..33ebf48 100644 --- a/templates/working.html +++ b/templates/working.html @@ -20,6 +20,13 @@
+
+
+ +
+
+ +
+
+
+

Get help from a research professional

+

Our librarians are trained to find what you need.

+
+
+ AskUs: Chat with a Librarian +
+
+
+