diff options
author | Jorik Schellekens <joriks@matrix.org> | 2019-08-15 17:20:10 +0100 |
---|---|---|
committer | Jorik Schellekens <joriks@matrix.org> | 2019-08-28 15:59:54 +0100 |
commit | aa657705e463883a614b768cf2e9f0f7ec1e3e49 (patch) | |
tree | afa2617875071ba39cc376444e258333a2ca6624 | |
parent | I hope this doesn't break your design Nad. (diff) | |
download | synapse-aa657705e463883a614b768cf2e9f0f7ec1e3e49.tar.xz |
Lint scss
-rw-r--r-- | synapse_topology/webui/src/scss/main.scss | 140 |
1 files changed, 70 insertions, 70 deletions
diff --git a/synapse_topology/webui/src/scss/main.scss b/synapse_topology/webui/src/scss/main.scss index 633a81a56a..f8b941ed00 100644 --- a/synapse_topology/webui/src/scss/main.scss +++ b/synapse_topology/webui/src/scss/main.scss @@ -2,47 +2,47 @@ @import './animations.scss'; @import './bootstrap.min.css'; @mixin theme { - @include dark; + @include dark; } html { - box-sizing: border-box; - font-family: Ariel, sans-serif; - font-size: 2rem; + box-sizing: border-box; + font-family: Ariel, sans-serif; + font-size: 2rem; } *, *:before, *:after { - box-sizing: inherit; + box-sizing: inherit; } body { - @include theme; - background-color: $primary; - color: $font; - margin: 0; + @include theme; + background-color: $primary; + color: $font; + margin: 0; } a { - @include theme; - color: $link; - text-decoration: none; + @include theme; + color: $link; + text-decoration: none; } .invalid { border-color: red; } .logo { - position: absolute; - top:0; - right: 0; - margin: 0.5rem; + position: absolute; + top:0; + right: 0; + margin: 0.5rem; } .servername { - position: absolute; - margin-top: 0.5rem; - margin-left: 0.5rem; - color: darken(silver, 20%); + position: absolute; + margin-top: 0.5rem; + margin-left: 0.5rem; + color: darken(silver, 20%); } @@ -55,84 +55,84 @@ a { } .keyDisplay { -word-wrap: break-word; + word-wrap: break-word; } button { -@include rippler; -@include dropshadowed; -border-radius: 0.5rem; -font-size: 1rem; -padding: 0.6rem; -color: $font; -background-color: $tertiary; -border: none; -display: inline-block; -text-transform: capitalize; -font-style: bold; -color: $primary; -margin-left: 0.4rem; -margin-right: 0.4rem; + @include rippler; + @include dropshadowed; + border-radius: 0.5rem; + font-size: 1rem; + padding: 0.6rem; + color: $font; + background-color: $tertiary; + border: none; + display: inline-block; + text-transform: capitalize; + font-style: bold; + color: $primary; + margin-left: 0.4rem; + margin-right: 0.4rem; } button[disabled] { -background-color: darken($secondary, 20%); -color: lighten($font, 20%); + background-color: darken($secondary, 20%); + color: lighten($font, 20%); } @mixin select { -padding: 0.4rem; -font-size: 1rem; -background-color: $secondary; -border-width: 0.1rem; -border-radius: 0.5rem; -color: lighten($font, 20%); -margin-bottom: 1rem; -border-style: solid; -border-color: darken($secondary, 50%); + padding: 0.4rem; + font-size: 1rem; + background-color: $secondary; + border-width: 0.1rem; + border-radius: 0.5rem; + color: lighten($font, 20%); + margin-bottom: 1rem; + border-style: solid; + border-color: darken($secondary, 50%); } input { -@include select; + @include select; } select { -@include select; --webkit-appearance: none; --moz-appearance: none; -appearance: none; - -&:after { - content: ▸; - transform: rotate(90deg); - position: absolute; -} + @include select; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + + &:after { + content: ▸; + transform: rotate(90deg); + position: absolute; + } } pre { -padding: 0.4rem; -font-size: 0.6rem; -text-align: left; -border-style: solid; -border-color: darken($secondary, 50%); -border-radius: 0.5rem; -text-decoration: none; + padding: 0.4rem; + font-size: 0.6rem; + text-align: left; + border-style: solid; + border-color: darken($secondary, 50%); + border-radius: 0.5rem; + text-decoration: none; } .redButton { -background-color: red; + background-color: red; } .invalidInput { -border-color: red; + border-color: red; } p { -text-align: justify; -text-align-last: center; + text-align: justify; + text-align-last: center; } h1 { - @include theme; - font-size: 2rem; + @include theme; + font-size: 2rem; } \ No newline at end of file |