diff options
author | Jorik Schellekens <joriks@matrix.org> | 2019-08-16 14:31:49 +0100 |
---|---|---|
committer | Jorik Schellekens <joriks@matrix.org> | 2019-08-28 15:59:54 +0100 |
commit | eb537f087fd6425cd4a909b3843b241ea3bcbd0b (patch) | |
tree | c9f33bcbc14194c825ea055f9c015f3cc6ae97a5 | |
parent | Just a little lint (diff) | |
download | synapse-eb537f087fd6425cd4a909b3843b241ea3bcbd0b.tar.xz |
Linting. Unfortunately we're using 4 spaces
-rw-r--r-- | synapse_topology/webui/src/scss/main.scss | 162 |
1 files changed, 81 insertions, 81 deletions
diff --git a/synapse_topology/webui/src/scss/main.scss b/synapse_topology/webui/src/scss/main.scss index 292fac6b1c..bced686b84 100644 --- a/synapse_topology/webui/src/scss/main.scss +++ b/synapse_topology/webui/src/scss/main.scss @@ -6,9 +6,9 @@ } html { - box-sizing: border-box; - font-family: Ariel, sans-serif; - font-size: 1.6rem; + box-sizing: border-box; + font-family: Ariel, sans-serif; + font-size: 1.6rem; } *, *:before, *:after { @@ -16,26 +16,26 @@ html { } body { - @include theme; - background-color: $primary; - color: $font; - margin: auto; - width: 48rem; - max-width: 90%; - text-align: center; + @include theme; + background-color: $primary; + color: $font; + margin: auto; + width: 48rem; + max-width: 90%; + text-align: center; } a { - @include theme; - color: $link; - text-decoration: none; - font-size: 0.6rem; - line-height: 0.8rem; + @include theme; + color: $link; + text-decoration: none; + font-size: 0.6rem; + line-height: 0.8rem; } a:hover { - color: $link; - text-decoration: none; + color: $link; + text-decoration: none; } .invalid { @@ -69,29 +69,29 @@ a:hover { } button { -@include rippler; - border-radius: 5rem; - font-size: 0.8rem; - padding: 0.4rem 1.2rem; - 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; + border-radius: 5rem; + font-size: 0.8rem; + padding: 0.4rem 1.2rem; + 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:hover { - background-color: $link; + background-color: $link; } button[disabled] { - background-color: darken($secondary, 8%); - color: lighten($font, 50%); + background-color: darken($secondary, 8%); + color: lighten($font, 50%); } @mixin select { @@ -107,39 +107,39 @@ button[disabled] { } input { -@include select - font-size: 0.6rem; - border-style: none; - background: white; - border-radius: 4rem; - color: $font; - padding: 0.6rem 1rem; + @include select; + font-size: 0.6rem; + border-style: none; + background: white; + border-radius: 4rem; + color: $font; + padding: 0.6rem 1rem; } pre { - background: white; - border-radius: 4rem; - border-style: none !important; - color: $font; + background: white; + border-radius: 4rem; + border-style: none !important; + color: $font; } select { -@include select; --webkit-appearance: none; --moz-appearance: none; -appearance: none; -font-size: 0.6rem; -border-style: none; -background: white; -border-radius: 4rem; -color: $font; -padding: 0.6rem 1rem; - -&:after { - content: ▸; - transform: rotate(90deg); - position: absolute; -} + @include select; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + font-size: 0.6rem; + border-style: none; + background: white; + border-radius: 4rem; + color: $font; + padding: 0.6rem 1rem; + + &:after { + content: ▸; + transform: rotate(90deg); + position: absolute; + } } pre { @@ -161,39 +161,39 @@ pre { } h1 { - @include theme; - font-size: 1rem; - margin: 1rem; + @include theme; + font-size: 1rem; + margin: 1rem; } p { - font-size: 0.6rem; - line-height: 0.8rem; + font-size: 0.6rem; + line-height: 0.8rem; } label { - font-size: 0.6rem; - font-weight: 600; + font-size: 0.6rem; + font-weight: 600; } input[type=checkbox] { - margin-right: 0.4rem; + margin-right: 0.4rem; } .card { - text-align: left; - border-style: none; - background: $secondary; - margin-bottom: 8px; + text-align: left; + border-style: none; + background: $secondary; + margin-bottom: 8px; } .baseintro { - padding: 2rem 1rem; + padding: 2rem 1rem; } .card-header { - font-size: 0.8rem; - border-style: none; + font-size: 0.8rem; + border-style: none; } .active-card-header { @@ -205,16 +205,16 @@ input[type=checkbox] { } .blockwrapper { - display: block; + display: block; } .or { - font-size: 0.6rem; - margin-left: 0.4rem; - margin-right: 0.4rem; + font-size: 0.6rem; + margin-left: 0.4rem; + margin-right: 0.4rem; } .buttonGroup { - margin-top: 1rem; - margin-bottom: 1rem; + margin-top: 1rem; + margin-bottom: 1rem; } |