v3

2025-12-09 08:08:03 -06:00 · 2017-10-10 22:15:49 -07:00
parent 73e71e1ba4
commit b05b913105
374 changed files with 52888 additions and 19170 deletions
--- a/_scss/partials/_switch.scss
+++ b/_scss/partials/_switch.scss
@@ -0,0 +1,62 @@
+.switch-wrapper {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: absolute;
+  top: 20px;
+  right: 30px;
+  @include mobile {
+    top: 10px;
+    right: 20px;
+  }
+  .sun, .moon {
+    width: 17px;
+    height: 17px;
+  }
+  .sun {
+    background: url('../img/switch/sun.svg') no-repeat center;
+    background-size: 100%;
+  }
+  .moon {
+    background: url('../img/switch/moon.svg') no-repeat center;
+    background-size: 100%;
+  }
+  .toggle-wrapper {
+    margin: 10px;
+    #switch {
+      height: 0;
+      width: 0;
+      visibility: hidden;
+      position: absolute;
+      &:checked + label {
+        background: $green;
+      }
+      &:checked + label:after {
+        left: calc(100% - 3px);
+        transform: translateX(-100%);
+      }
+    }
+
+    label {
+      cursor: pointer;
+      text-indent: -9999px;
+      width: 45px;
+      height: 25px;
+      background: grey;
+      display: block;
+      border-radius: 100px;
+      position: relative;
+      &:after {
+        content: '';
+        position: absolute;
+        top: 3px;
+        left: 3px;
+        width: 19px;
+        height: 19px;
+        background: #fff;
+        border-radius: 100%;
+        transition: 0.25s;
+      }
+    }
+  }
+}