semantic-ui-sass 0.8.1.0 → 0.8.2.0

data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss

@@ -17,20 +17,18 @@
     Standard
 ---------------*/
 
-
 /*--- Content ---*/
 
 .ui.checkbox {
   position: relative;
   display: inline-block;
-
   min-width: 1em;
   height: 1.25em;
   line-height: 1em;
-
   outline: none;
   vertical-align: middle;
 }
+
 .ui.checkbox input {
   position: absolute;
   top: 0px;
@@ -39,7 +37,6 @@
   outline: none;
 }
 
-
 /*--- Box ---*/
 
 .ui.checkbox .box,
@@ -54,44 +51,23 @@
   position: absolute;
   top: 0em;
   left: 0em;
-
   line-height: 1;
   width: 1em;
   height: 1em;
   left: 0em;
   content: '';
-
   border-radius: 4px;
-
   background: #FFFFFF;
-
-  -webkit-transition:
-    background-color 0.3s ease,
-    box-shadow 0.3s ease
-  ;
-  -moz-transition:
-    background-color 0.3s ease,
-    box-shadow 0.3s ease
-  ;
-  -o-transition:
-    background-color 0.3s ease,
-    box-shadow 0.3s ease
-  ;
-  -ms-transition:
-    background-color 0.3s ease,
-    box-shadow 0.3s ease
-  ;
-  transition:
-    background-color 0.3s ease,
-    box-shadow 0.3s ease
-  ;
-
+  -webkit-transition: background-color 0.3s ease,
+    -webkit-box-shadow 0.3s ease;
+  transition: background-color 0.3s ease,
+    box-shadow 0.3s ease;
   -webkit-box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.2);
-  -moz-box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.2);
   box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.2);
 }
 
 /*--- Checkbox ---*/
+
 .ui.checkbox .box:after,
 .ui.checkbox label:after {
   -ms-filter: "progid:DXImageTransform.Microsoft@include ctb-Alpha(Opacity=0);";
@@ -104,11 +80,10 @@
   border-top: none;
   border-right: none;
   -webkit-transform: rotate(-45deg);
-  -moz-transform: rotate(-45deg);
-  -o-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   transform: rotate(-45deg);
 }
+
 .ui.checkbox .box:after,
 .ui.checkbox label:after {
   top: 0.275em;
@@ -118,15 +93,13 @@
 }
 
 /*--- Inside Label ---*/
+
 .ui.checkbox label {
   color: rgba(0, 0, 0, 0.6);
-
   -webkit-transition: color 0.2s ease;
-  -moz-transition: color 0.2s ease;
-  -o-transition: color 0.2s ease;
-  -ms-transition: color 0.2s ease;
   transition: color 0.2s ease;
 }
+
 .ui.checkbox label:hover {
   color: rgba(0, 0, 0, 0.8);
 }
@@ -136,44 +109,46 @@
 }
 
 /*--- Outside Label  ---*/
+
 .ui.checkbox + label {
   cursor: pointer;
   opacity: 0.85;
   vertical-align: middle;
 }
+
 .ui.checkbox + label:hover {
   opacity: 1;
 }
 
-
 /*******************************
            States
 *******************************/
 
-
 /*--- Hover ---*/
+
 .ui.checkbox .box:hover::before,
 .ui.checkbox label:hover::before {
   -webkit-box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.3);
-  -moz-box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.3);
   box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.3);
 }
 
 /*--- Down ---*/
+
 .ui.checkbox .box:active::before,
 .ui.checkbox label:active::before {
   background-color: #F5F5F5;
 }
 
 /*--- Focus ---*/
+
 .ui.checkbox input:focus + .box:before,
 .ui.checkbox input:focus + label:before {
   -webkit-box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.3);
-  -moz-box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.3);
   box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.3);
 }
 
 /*--- Active ---*/
+
 .ui.checkbox input:checked + .box:after,
 .ui.checkbox input:checked + label:after {
   -ms-filter: "progid:DXImageTransform.Microsoft@include ctb-Alpha(Opacity=100);";
@@ -182,6 +157,7 @@
 }
 
 /*--- Disabled ---*/
+
 .ui.disabled.checkbox + .box:after,
 .ui.checkbox input[disabled] + .box:after,
 .ui.disabled.checkbox label,
@@ -190,12 +166,10 @@
   color: rgba(0, 0, 0, 0.3);
 }
 
-
 /*******************************
           Variations
 *******************************/
 
-
 /*--------------
      Radio
 ---------------*/
@@ -204,25 +178,20 @@
 .ui.radio.checkbox label:before {
   min-width: 1em;
   height: 1em;
-  -webkit-border-radius: 500px;
-  -moz-border-radius: 500px;
   border-radius: 500px;
 }
+
 .ui.radio.checkbox .box:after,
 .ui.radio.checkbox label:after {
   border: none;
   top: 0.2em;
   left: 0.2em;
-
   width: 0.6em;
   height: 0.6em;
-
   background-color: #555555;
-
+  -webkit-transform: none;
+  -ms-transform: none;
   transform: none;
-
-  -webkit-border-radius: 500px;
-  -moz-border-radius: 500px;
   border-radius: 500px;
 }
 
@@ -236,92 +205,67 @@
 }
 
 /* Line */
+
 .ui.slider.checkbox:after {
   position: absolute;
   top: 0.5em;
   left: 0em;
   content: '';
-
   width: 3em;
   height: 2px;
   background-color: rgba(0, 0, 0, 0.1);
 }
 
 /* Button */
+
 .ui.slider.checkbox .box,
 .ui.slider.checkbox label {
   padding-left: 4em;
 }
+
 .ui.slider.checkbox .box:before,
 .ui.slider.checkbox label:before {
   cursor: pointer;
   display: block;
-
   position: absolute;
   top: -0.25em;
   left: 0em;
   z-index: 1;
-
   width: 1.5em;
   height: 1.5em;
-
   -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
-  -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
   box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
-
   border-radius: 50rem;
-
   -webkit-transition: left 0.3s ease 0s;
-  -moz-transition: left 0.3s ease 0s;
-  -o-transition: left 0.3s ease 0s;
-  -ms-transition: left 0.3s ease 0s;
   transition: left 0.3s ease 0s;
 }
 
 /* Button Activation Light */
+
 .ui.slider.checkbox .box:after,
 .ui.slider.checkbox label:after {
   opacity: 1;
-
   position: absolute;
   content: '';
   top: 0.15em;
   left: 0em;
   z-index: 2;
-
   margin-left: 0.375em;
-
   border: none;
   width: 0.75em;
   height: 0.75em;
-
   border-radius: 50rem;
-
+  -webkit-transform: none;
+  -ms-transform: none;
   transform: none;
-
-  -webkit-transition:
-    background 0.3s ease 0s,
-    left 0.3s ease 0s
-  ;
-  -moz-transition:
-    background 0.3s ease 0s,
-    left 0.3s ease 0s
-  ;
-  -o-transition:
-    background 0.3s ease 0s,
-    left 0.3s ease 0s
-  ;
-  -ms-transition:
-    background 0.3s ease 0s,
-    left 0.3s ease 0s
-  ;
-  transition:
-    background 0.3s ease 0s,
-    left 0.3s ease 0s
-  ;
+  -webkit-transition: background 0.3s ease 0s,
+    left 0.3s ease 0s;
+  transition: background 0.3s ease 0s,
+    left 0.3s ease 0s;
 }
 
 /* Selected Slider Toggle */
+
 .ui.slider.checkbox input:checked + .box:before,
 .ui.slider.checkbox input:checked + label:before,
 .ui.slider.checkbox input:checked + .box:after,
@@ -330,27 +274,19 @@
 }
 
 /* Off Color */
-// .ui.slider.checkbox .box,
-// .ui.slider.checkbox label {
-//   color: #D95C5C !important;
-// }
+
 .ui.slider.checkbox .box:after,
 .ui.slider.checkbox label:after {
   background-color: #D95C5C;
 }
 
 /* On Color */
-// .ui.slider.checkbox input:checked + .box,
-// .ui.slider.checkbox input:checked + label {
-//   color: #89B84C !important;
-// }
+
 .ui.slider.checkbox input:checked + .box:after,
 .ui.slider.checkbox input:checked + label:after {
   background-color: #89B84C;
 }
 
-
-
 /*--------------
      Toggle
 ---------------*/
@@ -365,88 +301,63 @@
 }
 
 /* Switch */
+
 .ui.toggle.checkbox .box:before,
 .ui.toggle.checkbox label:before {
   cursor: pointer;
   display: block;
-
   position: absolute;
   content: '';
   top: -0.25em;
   left: 0em;
   z-index: 1;
-
   background-color: #FFFFFF;
   width: 3em;
   height: 1.5em;
-
   -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
-  -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
   box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
-
   border-radius: 50rem;
 }
 
 /* Activation Light */
+
 .ui.toggle.checkbox .box:after,
 .ui.toggle.checkbox label:after {
   opacity: 1;
-
   background-color: transparent;
   -webkit-box-shadow: none;
-  -moz-box-shadow: none;
   box-shadow: none;
-
   content: '';
   position: absolute;
   top: 0.15em;
   left: 0.5em;
   z-index: 2;
-
   border: none;
   width: 0.75em;
   height: 0.75em;
-
   background-color: #D95C5C;
   border-radius: 50rem;
-
-  -webkit-transition:
-    background 0.3s ease 0s,
-    left 0.3s ease 0s
-  ;
-  -moz-transition:
-    background 0.3s ease 0s,
-    left 0.3s ease 0s
-  ;
-  -o-transition:
-    background 0.3s ease 0s,
-    left 0.3s ease 0s
-  ;
-  -ms-transition:
-    background 0.3s ease 0s,
-    left 0.3s ease 0s
-  ;
-  transition:
-    background 0.3s ease 0s,
-    left 0.3s ease 0s
-  ;
+  -webkit-transition: background 0.3s ease 0s,
+    left 0.3s ease 0s;
+  transition: background 0.3s ease 0s,
+    left 0.3s ease 0s;
 }
 
 /* Active */
+
 .ui.toggle.checkbox:active .box:before,
 .ui.toggle.checkbox:active label:before {
   background-color: #F5F5F5;
 }
 
 /* Active */
+
 .ui.toggle.checkbox input:checked + .box:after,
 .ui.toggle.checkbox input:checked + label:after {
   left: 1.75em;
   background-color: #89B84C;
 }
 
-
-
 /*--------------
      Sizes
 ---------------*/
@@ -454,9 +365,11 @@
 .ui.checkbox {
   font-size: 1em;
 }
+
 .ui.large.checkbox {
   font-size: 1.25em;
 }
+
 .ui.huge.checkbox {
   font-size: 1.5em;
 }

data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss

@@ -22,86 +22,59 @@
   position: absolute;
   top: 0em !important;
   left: 0em !important;
-
   width: 0%;
   height: 0%;
-
   text-align: center;
   vertical-align: middle;
-
   background-color: rgba(0, 0, 0, 0.85);
   opacity: 0;
   line-height: 1;
-
   -webkit-animation-fill-mode: both;
-  -moz-animation-fill-mode: both;
-  -o-animation-fill-mode: both;
   -ms-animation-fill-mode: both;
   animation-fill-mode: both;
-
   -webkit-animation-duration: 0.5s;
-  -moz-animation-duration: 0.5s;
-  -o-animation-duration: 0.5s;
   -ms-animation-duration: 0.5s;
   animation-duration: 0.5s;
-
-  -webkit-transition:
-    background-color 0.5s linear
-  ;
-  -moz-transition:
-    background-color 0.5s linear
-  ;
-  -o-transition:
-    background-color 0.5s linear
-  ;
-  -ms-transition:
-    background-color 0.5s linear
-  ;
-  transition:
-    background-color 0.5s linear
-  ;
-
+  -webkit-transition: background-color 0.5s linear;
+  transition: background-color 0.5s linear;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
-
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   -ms-box-sizing: border-box;
   box-sizing: border-box;
-
   z-index: 1000;
 }
 
-/* Dimmer Content */;
+/* Dimmer Content */
+
+;
 .ui.dimmer > .content {
   width: 100%;
   height: 100%;
   display: table;
-
   -webkit-user-select: text;
   -moz-user-select: text;
   -ms-user-select: text;
   user-select: text;
 }
+
 .ui.dimmer > .content > div {
   display: table-cell;
   vertical-align: middle;
   color: #FFFFFF;
 }
 
-
 /* Loose Coupling */
+
 .ui.segment > .ui.dimmer {
-  -webkit-border-radius: 5px;
-  -moz-border-radius: 5px;
   border-radius: 5px;
 }
+
 .ui.horizontal.segment > .ui.dimmer,
 .ui.vertical.segment > .ui.dimmer {
-  -webkit-border-radius: 5px;
-  -moz-border-radius: 5px;
   border-radius: 5px;
 }
 
@@ -136,31 +109,20 @@
 
 .ui.page.dimmer {
   position: fixed;
-
   -webkit-transform-style: preserve-3d;
-  -moz-transform-style: preserve-3d;
   -ms-transform-style: preserve-3d;
   transform-style: preserve-3d;
-
   -webkit-perspective: 2000px;
-  -moz-perspective: 2000px;
+  -ms-perspective: 2000px;
   perspective: 2000px;
-
   -webkit-transform-origin: center center;
-  -moz-transform-origin: center center;
-  -o-transform-origin: center center;
   -ms-transform-origin: center center;
   transform-origin: center center;
 }
+
 .ui.scrolling.page.dimmer {
   position: absolute;
 }
-/*
-body.ui.dimmed.dimmable > :not(.dimmer){
-  -webkit-filter: #{blur(15px) grayscale(0.7)};
-  -moz-filter: #{blur(15px) grayscale(0.7)};
-}
-*/
 
 /*--------------
     Aligned
@@ -169,6 +131,7 @@ body.ui.dimmed.dimmable > :not(.dimmer){
 .ui.dimmer > .top.aligned.content > * {
   vertical-align: top;
 }
+
 .ui.dimmer > .bottom.aligned.content > * {
   vertical-align: bottom;
 }
@@ -180,6 +143,7 @@ body.ui.dimmed.dimmable > :not(.dimmer){
 .ui.inverted.dimmer {
   background-color: rgba(255, 255, 255, 0.85);
 }
+
 .ui.inverted.dimmer > .content > * {
   color: rgba(0, 0, 0, 0.8);
 }
@@ -187,6 +151,7 @@ body.ui.dimmed.dimmable > :not(.dimmer){
 /*--------------
      Simple
 ---------------*/
+
 /* Displays without javascript */
 
 .ui.simple.dimmer {
@@ -196,6 +161,7 @@ body.ui.dimmed.dimmable > :not(.dimmer){
   z-index: -100;
   background-color: rgba(0, 0, 0, 0);
 }
+
 .ui.dimmed.dimmable > .ui.simple.dimmer {
   overflow: visible;
   opacity: 1;
@@ -208,6 +174,7 @@ body.ui.dimmed.dimmable > :not(.dimmer){
 .ui.simple.inverted.dimmer {
   background-color: rgba(255, 255, 255, 0);
 }
+
 .ui.dimmed.dimmable > .ui.simple.inverted.dimmer {
-  background-color: rgba(255, 255, 255, 0.85)
+  background-color: rgba(255, 255, 255, 0.85);
 }