summary refs log tree commit diff
diff options
context:
space:
mode:
authorJorik Schellekens <joriks@matrix.org>2019-08-16 14:31:49 +0100
committerJorik Schellekens <joriks@matrix.org>2019-08-28 15:59:54 +0100
commiteb537f087fd6425cd4a909b3843b241ea3bcbd0b (patch)
treec9f33bcbc14194c825ea055f9c015f3cc6ae97a5
parentJust a little lint (diff)
downloadsynapse-eb537f087fd6425cd4a909b3843b241ea3bcbd0b.tar.xz
Linting. Unfortunately we're using 4 spaces
-rw-r--r--synapse_topology/webui/src/scss/main.scss162
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;
 }