diff options
author | Michael Davis <michael.s.davis@ibm.com> | 2017-06-09 13:51:05 -0500 |
---|---|---|
committer | Patrick Williams <patrick@stwcx.xyz> | 2017-09-20 13:14:23 -0500 |
commit | 005d6505396f2278ea20448a2c90e0705758c24b (patch) | |
tree | 53452a71766cc3b1dfec739d243a1cedb24571d4 /app/common/styles | |
parent | 522a552dd9b5c67d1a84c7a6bd2f96dcfe4e607a (diff) | |
download | phosphor-webui-005d6505396f2278ea20448a2c90e0705758c24b.tar.gz phosphor-webui-005d6505396f2278ea20448a2c90e0705758c24b.zip |
Create quicklinks style class
Change-Id: Ibbe769a9c23d288db6b8e9db1a41b25d7b060999
Signed-off-by: Michael Davis <michael.s.davis@ibm.com>
Diffstat (limited to 'app/common/styles')
-rw-r--r-- | app/common/styles/elements/index.scss | 3 | ||||
-rw-r--r-- | app/common/styles/elements/quicklinks | 62 |
2 files changed, 64 insertions, 1 deletions
diff --git a/app/common/styles/elements/index.scss b/app/common/styles/elements/index.scss index b19ecab..d136134 100644 --- a/app/common/styles/elements/index.scss +++ b/app/common/styles/elements/index.scss @@ -10,4 +10,5 @@ @import "paginate"; @import "thresholds"; @import "export"; -@import "modals";
\ No newline at end of file +@import "modals"; +@import "quicklinks";
\ No newline at end of file diff --git a/app/common/styles/elements/quicklinks b/app/common/styles/elements/quicklinks new file mode 100644 index 0000000..45f7ffb --- /dev/null +++ b/app/common/styles/elements/quicklinks @@ -0,0 +1,62 @@ +//Quick links block +.quick-links { + background-color: $lightgrey; + padding: 1em 1.4em; + font-size: .9em; + font-weight: 400; + a { + color: $black; + text-decoration: none; + display: block; + } + p { + margin-bottom: 0; + } + .event-log__events { + margin-top: 0; + } +} + +.quick-links__item { + padding: 1em 0 1em 0; + border-bottom: 1px solid $medgrey; + position: relative; + &:after { + content: '\203A'; + position: absolute; + top: 50%; + right: 0; + font-size: 3em; + color: lighten($darkgrey, 15%); + transform: translateY(-50%); + } + &.no-icon { + &:after { + display: none; + } + } + &:last-child { + border-bottom: 0; + } +} + +.quick-links__label { + font-weight: 700; +} + +.quick-links__event-copy { + color: $alert__error; + margin-left: 1em; + margin-bottom: 0; + font-weight: 700; + font-size: .9em; + a { + color: $alert__error; + } +} + +//toggle switch +.quick-links__item .toggle label { + transform: translateY(-2px); + margin-right: 0; +} |