semantic-ui-sass 0.0.3 → 0.8.0.0

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

@@ -74,27 +74,6 @@
   z-index: 1000;
 }
 
-/*
-.ui.dimmed.dimmable > :not(.dimmer) {
-  -webkit-transition:
-    filter 0.5s ease
-  ;
-  -moz-transition:
-    filter 0.5s ease
-  ;
-  -o-transition:
-    filter 0.5s ease
-  ;
-  -ms-transition:
-    filter 0.5s ease
-  ;
-  transition:
-    filter 0.5s ease
-  ;
-}
-*/
-
-
 /* Dimmer Content */;
 .ui.dimmer > .content {
   width: 100%;
@@ -129,12 +108,11 @@
 /*******************************
             States
 *******************************/
-/*
-.ui.dimmed.dimmable > :not(.dimmer) {
-  -webkit-filter: #{blur(5px) grayscale(0.7)};
-  -moz-filter: #{blur(5px) grayscale(0.7)};
+
+.ui.dimmed.dimmable:not(body) {
+  overflow: hidden;
 }
-*/
+
 .ui.dimmed.dimmable > .ui.dimmer,
 .ui.active.dimmer {
   display: block;
@@ -148,7 +126,6 @@
   height: 0em !important;
 }
 
-
 /*******************************
            Variations
 *******************************/

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

@@ -39,6 +39,10 @@
     border-radius 0.1s ease,
     width 0.2s ease
   ;
+
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+  -moz-tap-highlight-color: rgba(0, 0, 0, 0);
+  tap-highlight-color: rgba(0, 0, 0, 0);
 }
 
 
@@ -85,13 +89,12 @@
 
 .ui.dropdown > .dropdown.icon {
   width: auto;
-  margin: 0em 0em 0em 0.5em;
+  margin: 0em 0em 0em 1em;
 }
 
 .ui.dropdown > .dropdown.icon:before {
   content: "\f0d7";
 }
-
 .ui.dropdown .menu .item .dropdown.icon {
   width: auto;
   float: right;
@@ -176,6 +179,12 @@
   left: auto;
   right: 0px;
 }
+.ui.vertical.menu .dropdown.item > .dropdown.icon {
+  content: "\f0da";
+}
+.ui.dropdown.icon.button > .dropdown.icon {
+  margin: 0em;
+}
 
 
 /*******************************
@@ -183,10 +192,6 @@
 *******************************/
 
 /* Dropdown Visible */
-.ui.visible.dropdown {
-  border-bottom-left-radius: 0em !important;
-  border-bottom-right-radius: 0em !important;
-}
 .ui.visible.dropdown > .menu {
   display: block;
 }
@@ -200,8 +205,9 @@
 /* Menu Item Active */
 .ui.dropdown .menu .active.item {
   box-shadow: none;
-  background-color: rgba(0, 0, 0, 0.04);
+  background-color: rgba(0, 0, 0, 0.06) !important;
   border-left: none;
+  border-color: transparent !important;
 
   -webkit-box-shadow: none;
   -moz-shadow: none;
@@ -297,17 +303,18 @@
   line-height: 1.33;
   color: rgba(0, 0, 0, 0.8);
 
-  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
-  -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
-  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
+  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) !important;
+  -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) !important;
+  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) !important;
 
   -webkit-border-radius: 0.3125em !important;
   -moz-border-radius: 0.3125em !important;
   border-radius: 0.3125em !important;
 }
+.ui.selection.dropdown select {
+  display: none;
+}
 .ui.selection.dropdown > .dropdown.icon {
-  float: right;
-
   opacity: 0.7;
   margin: 0.2em 0em 0.2em 1.25em;
 
@@ -334,9 +341,9 @@
   overflow-x: hidden;
   overflow-y: auto;
 
-  -webkit-box-shadow: 0px 1px 0px 1px #EEEEEE;
-  -moz-box-shadow: 0px 1px 0px 1px #EEEEEE;
-  box-shadow: 0px 1px 0px 1px #EEEEEE;
+  -webkit-box-shadow: 0px 1px 0px 1px #E0E0E0;
+  -moz-box-shadow: 0px 1px 0px 1px #E0E0E0;
+  box-shadow: 0px 1px 0px 1px #E0E0E0;
 
   -moz-border-radius: 0px 0px 0.325em 0.325em;
   -webkit-border-radius: 0px 0px 0.325em 0.325em;
@@ -354,33 +361,37 @@
 }
 
 /* Hover */
-.ui.selection.dropdown:hover,
-.ui.selection.dropdown.hover {
-  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
-  -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
-  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
+.ui.selection.dropdown:hover {
+  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) !important;
+  -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) !important;
+  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) !important;
+}
+.ui.selection.dropdown:hover .menu {
+  -webkit-box-shadow: 0px 1px 0px 1px #D3D3D3;
+  -moz-box-shadow: 0px 1px 0px 1px #D3D3D3;
+  box-shadow: 0px 1px 0px 1px #D3D3D3;
 }
 .ui.selection.dropdown:hover > .dropdown.icon {
   opacity: 1;
 }
 
 /* Visible */
-.ui.selection.active.dropdown {
-  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) !important;
-  -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) !important;
-  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) !important;
+.ui.visible.selection.dropdown {
+  border-bottom-left-radius: 0em !important;
+  border-bottom-right-radius: 0em !important;
+}
+
+/* Active */
+.ui.active.selection.dropdown {
 
   -webkit-border-radius: 0.3125em 0.3125em 0em 0em !important;
   -moz-border-radius: 0.3125em 0.3125em 0em 0em !important;
   border-radius: 0.3125em 0.3125em 0em 0em !important;
 }
-.ui.selection.active.dropdown > .dropdown.icon {
+.ui.active.selection.dropdown > .dropdown.icon {
   opacity: 1;
 }
-.ui.selection.active.dropdown .menu {
-  -webkit-box-shadow: 0px 1px 0px 1px #D3D3D3;
-  -moz-box-shadow: 0px 1px 0px 1px #D3D3D3;
-  box-shadow: 0px 1px 0px 1px #D3D3D3;
+.ui.active.selection.dropdown .menu {
 }
 
 /*--------------
@@ -390,6 +401,9 @@
 .ui.fluid.dropdown {
   display: block;
 }
+.ui.fluid.dropdown > .dropdown.icon {
+  float: right;
+}
 
 /*--------------
      Inline
@@ -466,7 +480,7 @@
   z-index: 2;
 }
 
-.ui.pointing.dropdown .menu .item.active:first-child {
+.ui.pointing.dropdown .menu .active.item:first-child {
   background: transparent -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.03));
   background: transparent -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.03));
   background: transparent -o-linear-gradient(transparent, rgba(0, 0, 0, 0.03));

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

@@ -92,14 +92,13 @@
 }
 .ui.modal > .content > .left {
   display: table-cell;
-  padding-right: 5%;
+  padding-right: 1.5%;
   min-width: 25%;
 }
 .ui.modal > .content > .right {
   display: table-cell;
-  padding-left: 5%;
+  padding-left: 1.5%;
   vertical-align: top;
-  min-width: 25%;
 }
 .ui.modal > .content > .left > .icon {
   font-size: 8em;
@@ -161,20 +160,20 @@
 }
 @media only screen and (min-width : 1500px) {
   .ui.modal {
-    width: 64%;
-    margin-left: -32%;
+    width: 56%;
+    margin-left: -28%;
   }
 }
 @media only screen and (min-width : 1750px) {
   .ui.modal {
-    width: 54%;
-    margin-left: -27%;
+    width: 42%;
+    margin-left: -21%;
   }
 }
 @media only screen and (min-width : 2000px) {
   .ui.modal {
-    width: 44%;
-    margin-left: -22%;
+    width: 36%;
+    margin-left: -18%;
   }
 }
 
@@ -214,4 +213,64 @@
 
 .ui.active.modal {
   display: block;
+}
+
+
+/*--------------
+      Size
+---------------*/
+
+/* Small */
+.ui.small.modal > .header {
+  font-size: 1.3em;
+}
+@media only screen and (min-width : 998px) {
+  .ui.small.modal {
+    width: 58%;
+    margin-left: -29%;
+  }
+}
+  .ui.small.modal {
+@media only screen and (min-width : 1500px) {
+    width: 40%;
+    margin-left: -20%;
+  }
+}
+@media only screen and (min-width : 1750px) {
+  .ui.small.modal {
+    width: 26%;
+    margin-left: -13%;
+  }
+}
+@media only screen and (min-width : 2000px) {
+  .ui.small.modal {
+    width: 20%;
+    margin-left: -10%;
+  }
+}
+
+/* Large */
+@media only screen and (min-width : 998px) {
+  .ui.large.modal {
+    width: 74%;
+    margin-left: -37%;
+  }
+}
+@media only screen and (min-width : 1500px) {
+  .ui.large.modal {
+    width: 64%;
+    margin-left: -32%;
+  }
+}
+@media only screen and (min-width : 1750px) {
+  .ui.large.modal {
+    width: 54%;
+    margin-left: -27%;
+  }
+}
+@media only screen and (min-width : 2000px) {
+  .ui.large.modal {
+    width: 44%;
+    margin-left: -22%;
+  }
 }

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

@@ -20,7 +20,7 @@
   right: 0px;
   z-index: 900;
 
-  border: 1px solid #DCDDDE;
+  border: 1px solid rgba(0, 0, 0, 0.1);
   max-width: 250px;
   background-color: #FFFFFF;
 
@@ -34,9 +34,9 @@
   -moz-border-radius: 0.2em;
   border-radius: 0.2em;
 
-  -webkit-box-shadow: 0px 1px 1px #DCDDDE;
-  -moz-box-shadow: 0px 1px 1px #DCDDDE;
-  box-shadow: 0px 1px 1px #DCDDDE;
+  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
+  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
+  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
 }
 .ui.popup .header {
   padding: 0em 0em 0.5em;
@@ -66,9 +66,9 @@
   -ms-box-sizing: border-box;
   box-sizing: border-box;
 
-  -webkit-box-shadow: 1px 1px 1px #DCDDDE;
-  -moz-box-shadow: 1px 1px 1px #DCDDDE;
-  box-shadow: 1px 1px 1px #DCDDDE;
+  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
+  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
+  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
 }
 
 .ui.popup .ui.button {
@@ -113,13 +113,13 @@
   left: 50%;
   right: auto;
   bottom: auto;
-  -webkit-box-shadow: -1px -1px 1px #dcddde;
-  -moz-box-shadow: -1px -1px 1px #dcddde;
-  box-shadow: -1px -1px 1px #dcddde;
+  -webkit-box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
+  -moz-box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
+  box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
 }
 
 .ui.bottom.left.popup {
-  margin-right: -0.8em;
+  margin-right: -2em;
 }
 .ui.bottom.left.popup:before {
   top: -0.4em;
@@ -127,13 +127,13 @@
   bottom: auto;
   left: auto;
   margin-left: 0em;
-  -webkit-box-shadow: -1px -1px 1px #dcddde;
-  -moz-box-shadow: -1px -1px 1px #dcddde;
-  box-shadow: -1px -1px 1px #dcddde;
+  -webkit-box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
+  -moz-box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
+  box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
 }
 
 .ui.bottom.right.popup {
-  margin-left: -0.8em;
+  margin-left: -2em;
 }
 .ui.bottom.right.popup:before {
   top: -0.4em;
@@ -141,9 +141,9 @@
   right: auto;
   bottom: auto;
   margin-left: 0em;
-  -webkit-box-shadow: -1px -1px 1px #dcddde;
-  -moz-box-shadow: -1px -1px 1px #dcddde;
-  box-shadow: -1px -1px 1px #dcddde;
+  -webkit-box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
+  -moz-box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
+  box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
 }
 
 /*--- Above ---*/
@@ -155,7 +155,7 @@
   margin-left: -0.4em;
 }
 .ui.top.left.popup {
-  margin-right: -0.8em;
+  margin-right: -2em;
 }
 .ui.top.left.popup:before {
   bottom: -0.4em;
@@ -165,7 +165,7 @@
   margin-left: 0em;
 }
 .ui.top.right.popup {
-  margin-left: -0.8em;
+  margin-left: -2em;
 }
 .ui.top.right.popup:before {
   bottom: -0.4em;
@@ -182,9 +182,9 @@
   bottom: auto;
   left: auto;
   margin-top: -0.4em;
-  -moz-box-shadow: 1px -1px 1px #dcddde;
-  -webkit-box-shadow: 1px -1px 1px #dcddde;
-  box-shadow: 1px -1px 1px #dcddde;
+  -moz-box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.2);
+  -webkit-box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.2);
+  box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.2);
 }
 
 /*--- Right Center  ---*/
@@ -194,9 +194,9 @@
   bottom: auto;
   right: auto;
   margin-top: -0.4em;
-  -moz-box-shadow: -1px 1px 1px #dcddde;
-  -webkit-box-shadow: -1px 1px 1px #dcddde;
-  box-shadow: -1px 1px 1px #dcddde;
+  -moz-box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.2);
+  -webkit-box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.2);
+  box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.2);
 }
 
 /*******************************