From c4489c20e337578d796cc7ab689f6b4cba7107a1 Mon Sep 17 00:00:00 2001 From: kolaente Date: Wed, 30 Oct 2019 20:05:40 +0100 Subject: [PATCH] Moved non-theme stuff in general.scss --- src/styles/general.scss | 83 ++++++++++++++++++++++++++++++++++++++++- src/styles/theme.scss | 81 ---------------------------------------- 2 files changed, 82 insertions(+), 82 deletions(-) diff --git a/src/styles/general.scss b/src/styles/general.scss index 411520891..35c2b1d57 100644 --- a/src/styles/general.scss +++ b/src/styles/general.scss @@ -347,4 +347,85 @@ .button-right{ float: right; -} \ No newline at end of file +} + +.switch-view { + background: $white; + display: inline-block; + margin: 1em 0; + border-radius: $radius; + font-size: .8em; + box-shadow: 0.3em 0.3em 0.8em darken($light, 6); + + a { + padding: .5em; + display: inline-block; + margin: .4em; + border-radius: $radius; + + -webkit-transition: all 100ms; + -moz-transition: all 100ms; + -ms-transition: all 100ms; + -o-transition: all 100ms; + transition: all 100ms; + + &:not(:last-child) { + margin-right: 0; + } + + &.is-active, &:hover { + color: $white; + } + + &.is-active { + background: $primary; + font-weight: bold; + box-shadow: 0.3em 0.3em 0.8em darken($light, 6); + } + + &:hover { + background: lighten($primary, 5); + } + } +} + +.link-share-view { + .logo { + max-width: 500px; + width: 90%; + margin: 2em 0 4em; + } + + .logout { + text-align: right; + } + + .column { + max-width: 100%; + } +} + +.offline { + background: url('../public/images/llama-nightscape.png') no-repeat center; + -webkit-background-size: cover; + background-size: cover; + height: 100vh; + + .offline-message { + text-align: center; + position: absolute; + width: 100vw; + bottom: 5vh; + color: $white; + padding: 0 1em; + + h1 { + font-weight: bold; + font-size: 1.5em; + text-align: center; + color: $white; + font-weight: 700 !important; + font-size: 1.5em; + } + } +} diff --git a/src/styles/theme.scss b/src/styles/theme.scss index 8094d2896..520bcece4 100644 --- a/src/styles/theme.scss +++ b/src/styles/theme.scss @@ -263,84 +263,3 @@ h1,h2,h3,h4,h5,h6{ } } } - -.switch-view { - background: $white; - display: inline-block; - margin: 1em 0; - border-radius: $radius; - font-size: .8em; - box-shadow: 0.3em 0.3em 0.8em darken($light, 6); - - a { - padding: .5em; - display: inline-block; - margin: .4em; - border-radius: $radius; - - -webkit-transition: all 100ms; - -moz-transition: all 100ms; - -ms-transition: all 100ms; - -o-transition: all 100ms; - transition: all 100ms; - - &:not(:last-child) { - margin-right: 0; - } - - &.is-active, &:hover { - color: $white; - } - - &.is-active { - background: $primary; - font-weight: bold; - box-shadow: 0.3em 0.3em 0.8em darken($light, 6); - } - - &:hover { - background: lighten($primary, 5); - } - } -} - -.link-share-view { - .logo { - max-width: 500px; - width: 90%; - margin: 2em 0 4em; - } - - .logout { - text-align: right; - } - - .column { - max-width: 100%; - } -} - -.offline { - background: url('../public/images/llama-nightscape.png') no-repeat center; - -webkit-background-size: cover; - background-size: cover; - height: 100vh; - - .offline-message { - text-align: center; - position: absolute; - width: 100vw; - bottom: 5vh; - color: $white; - padding: 0 1em; - - h1 { - font-weight: bold; - font-size: 1.5em; - text-align: center; - color: $white; - font-weight: 700 !important; - font-size: 1.5em; - } - } -} \ No newline at end of file