diff options
author | David Yip <yipdw@member.fsf.org> | 2018-01-18 10:25:37 -0600 |
---|---|---|
committer | David Yip <yipdw@member.fsf.org> | 2018-01-18 10:25:37 -0600 |
commit | bcd86404daf90b120eeb339f0cfeee7a6c25dd94 (patch) | |
tree | ea89d9c5f9936678ef9cd05e879dc594d9c390a0 /app/javascript/flavours/glitch/styles/components/regeneration_indicator.scss | |
parent | 1964a0f9415de1082c9948cd7dd02ededa36af7b (diff) |
Port 7badad7797b487b411a2ab34e0f7413741974bb4 to glitch frontend
Diffstat (limited to 'app/javascript/flavours/glitch/styles/components/regeneration_indicator.scss')
-rw-r--r-- | app/javascript/flavours/glitch/styles/components/regeneration_indicator.scss | 53 |
1 files changed, 53 insertions, 0 deletions
diff --git a/app/javascript/flavours/glitch/styles/components/regeneration_indicator.scss b/app/javascript/flavours/glitch/styles/components/regeneration_indicator.scss new file mode 100644 index 000000000..9c1873cdf --- /dev/null +++ b/app/javascript/flavours/glitch/styles/components/regeneration_indicator.scss @@ -0,0 +1,53 @@ +.regeneration-indicator { + text-align: center; + font-size: 16px; + font-weight: 500; + color: lighten($ui-base-color, 16%); + background: $ui-base-color; + cursor: default; + display: flex; + flex: 1 1 auto; + align-items: center; + justify-content: center; + padding: 20px; + + & > div { + width: 100%; + background: transparent; + padding-top: 0; + } + + &__figure { + background: url('~flavours/glitch/images/elephant_ui_working.svg') no-repeat center 0; + width: 100%; + height: 160px; + background-size: contain; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + } + + &.missing-indicator { + padding-top: 20px + 48px; + + .regeneration-indicator__figure { + background-image: url('~flavours/glitch/images/elephant_ui_disappointed.svg'); + } + } + + &__label { + margin-top: 200px; + + strong { + display: block; + margin-bottom: 10px; + color: lighten($ui-base-color, 34%); + } + + span { + font-size: 15px; + font-weight: 400; + } + } +} |