ode-csslib 4.0.1 → 4.0.3

package/scss/specifics/competences/components/_materialize.scss

@@ -0,0 +1,12 @@
+// material icon
+i {
+
+  &.mdi-book::before{
+    font-family:  'material-icons';
+    content: "\F0BC";
+    cursor: pointer;
+    color: lightgrey;
+    font-size: 21px;
+  }
+
+}

package/scss/specifics/competences/components/_slider.scss

@@ -15,7 +15,7 @@
  *   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
  */
 
- /**
+/**
 * Angular JS slider directive
 *
 * (c) Rafal Zajac <rzajac$gmail.com>
@@ -37,7 +37,6 @@ $barDisabledFillColor: $disabled-color;
 $barNormalColor: $neutral-grey;
 
 body.vsco--global {
-
   $ticksColor: $barNormalColor;
   $selectedTicksColor: $barFillColor;
   $ticksWidth: 10px;
@@ -141,7 +140,7 @@ body.vsco--global {
       background-color: $primary;
       z-index: 3;
       @include rounded(calc($handleSize/2));
-      @include box-shadow(rgba(0,0,0,0.26) 0 1px 3px);
+      @include box-shadow(rgba(0, 0, 0, 0.26) 0 1px 3px);
       //  -webkit-transition:all linear 0.15s;
       //  -moz-transition:all linear 0.15s;
       //  -o-transition:all linear 0.15s;
@@ -207,7 +206,9 @@ body.vsco--global {
       position: absolute;
       top: 0;
       left: 0;
-      margin-left: calc($handleSize / 2 - $ticksWidth / 2); // for centering*padding:
+      margin-left: calc(
+        $handleSize / 2 - $ticksWidth / 2
+      ); // for centering*padding:
       padding: 0;
       &.rz-selected {
         background: $selectedTicksColor;
@@ -303,4 +304,4 @@ body.vsco--global {
       }
     }
   }
-}
+}

package/scss/specifics/competences/sniplets/_services.scss

@@ -8,6 +8,11 @@
   }
   .service-list-container{
     .serviceList {
+      .flex-row{
+        display: inline-flex!important;
+        flex-wrap: wrap;
+        flex-direction: row;
+      }
       &.active{
         box-shadow: -0.2em 0 3px rgba(10,10,10,0.2), 0.2em 0 3px rgba(10,10,10,0.2);
       }
@@ -140,15 +145,13 @@
     display: flex;
     align-items:center;
 
-    input {
+    input,i {
       padding-top: 5px;
+      margin-left: 1em;
     }
     .image-center{
       margin-left: 40%;
     }
-    input,i{
-      margin-left: 1em;
-    }
   }
 
 

package/scss/specifics/competences/sniplets/_switch.scss

@@ -0,0 +1,55 @@
+.switch {
+
+  .tick {
+    width: 40px;
+    height: 12px;
+    display: block;
+    border-radius: 10px;
+    background: $neutral-grey ;
+    position: relative;
+    overflow: visible;
+    margin: 5px;
+
+    &:before {
+      content: ' ';
+      width: 20px !important;
+      height: 20px !important;
+      left: 0 ;
+      display: block;
+      background: $white ;
+      border-radius: 50%;
+      position: absolute;
+      top: -4px;
+      box-shadow: 0 1px 1px $shadow;
+      margin-right: 0;
+      margin-top: 0 !important;
+      border: none;
+    }
+  }
+
+  input[type=checkbox]:checked + .tick {
+    background: $primary-light;
+    &:before {
+      left: 20px;
+      background: $primary-dark ;
+    }
+  }
+
+  input[type=checkbox]:disabled + .tick {
+    background: $disabled-color;
+
+    &:before {
+      background: $disabled-color;
+    }
+  }
+
+  input[type=checkbox]:disabled:checked + .tick {
+    background: $primary-lighter;
+
+    &:before {
+      background: $primary-lighter;
+    }
+  }
+
+}
+