From 58cda9cc7fb79ca9df6746de7f9662bc08dc156a Mon Sep 17 00:00:00 2001 From: Stefan Malzner Date: Fri, 13 Oct 2017 12:29:40 +0200 Subject: initial commit --- src/styles/infobox.scss | 61 +++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 61 insertions(+) create mode 100644 src/styles/infobox.scss (limited to 'src/styles/infobox.scss') diff --git a/src/styles/infobox.scss b/src/styles/infobox.scss new file mode 100644 index 000000000..ad363314d --- /dev/null +++ b/src/styles/infobox.scss @@ -0,0 +1,61 @@ +@import './config.scss'; + +.infobox { + height: auto; + padding: 15px 20px; + margin-bottom: 30px; + border-radius: $theme-border-radius-small; + display: flex; + align-items: center; + + a { + color: #FFF; + } + + .infobox__content { + flex: 1; + } + + &.infobox--success { + background: $theme-brand-success; + color: #FFF; + } + + &.infobox--primary { + background: $theme-brand-primary; + color: #FFF; + } + + &.infobox--danger { + background: $theme-brand-danger; + color: #FFF; + } + + .mdi { + margin-right: 10px; + } + + .infobox__cta { + color: #FFF; + padding: 3px 8px; + border-radius: $theme-border-radius-small; + border-color: #FFF; + border-width: 2px; + border-style: solid; + margin-left: 15px; + + .loader { + position: relative; + width: 20px; + height: 12px; + z-index: 9999; + display: inline-block; + margin-right: 5px; + } + } + + .infobox__delete { + color: #FFF; + margin-right: 0; + } +} -- cgit v1.2.3-54-g00ecf