new version

2020-10-17 16:42:59 +02:00
parent 0d70067fe4
commit db76378425
388 changed files with 47326 additions and 19804 deletions
--- a/src/client/sass/lib/_settingsSite.scss
+++ b/src/client/sass/lib/_settingsSite.scss
@@ -0,0 +1,97 @@
+//@import "../../../node_modules/foundation-sites/scss/foundation";
+
+.settings-container {
+  border: 1px solid black;
+  border-radius: 2px;
+  padding: 0.3rem;
+
+  #settings-fragments-container {
+    @include breakpoint(medium) {
+      border-left: 1px solid $prototype-border-color;
+    }
+
+    #settings-fragments {
+      > * {
+        display: none;
+        &.active {
+          display: block;
+        }
+      }
+    }
+  }
+}
+
+.switch {
+  position: relative;
+  display: inline-block;
+
+  @include breakpoint(small down){
+    font-size: 0.6em;
+  }
+  @include breakpoint(smedium down){
+    font-size: 0.7em;
+  }
+  input {
+
+    display: none;
+    &:checked + .slider{
+      //background-color: #2196F3;
+      &:before{
+        transform: translateX(1.5em);
+      }
+    }
+    &:focus + .slider{
+      //box-shadow: 0 0 1px #2196F3;
+    }
+  }
+  .slider {
+    display: inline-block;
+    position: relative;
+    cursor: pointer;
+    width: 3em;
+    height: 1.5em;
+    border-radius: 1.5em;
+    background-color: #ccc;
+    transition: .4s;
+    margin-bottom: 0;
+    margin-top: 0;
+    &:before{
+      position: absolute;
+      content: "";
+      height: 1.1em;
+      width: 1.1em;
+      left: 0.15em;
+      bottom: 0.15em;
+      background-color: white;
+      transition: .4s;
+      border-radius: 50%;
+    }
+  }
+  img, svg{
+    width: 1.4em;
+    display: inline;
+    vertical-align: initial;
+    path{
+      stroke-color: inherit;
+    }
+  }
+}
+label{
+  font-size: 1em !important;
+
+}
+.setting-row:not(.hidden){
+  line-height: 1;
+  padding-top: 0.5em;
+  padding-bottom: 0.5em;
+  width: 100%;
+  cursor: pointer;
+  background: rgba(195, 195, 195, 0.13);
+  //display: inline-block;
+
+  input[type=checkbox]
+  {
+    margin: 0;
+  }
+}
+