semantic-ui-sass 0.0.3 → 0.8.0.0

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

@@ -18,7 +18,7 @@
 
   font-size: 0em;
   vertical-align: baseline;
-  margin: 0em 0.5em 0em 0em;
+  margin: 0em 0.5rem 0em 0em;
 }
 .ui.rating:last-child {
   margin-right: 0em;

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

@@ -21,7 +21,7 @@
 }
 
 .ui.reveal > .content {
-  font-size: 1em !important;
+  font-size: 1rem !important;
 }
 
 .ui.reveal > .visible.content {

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

@@ -14,12 +14,19 @@
 *******************************/
 
 .ui.shape {
+  display: inline-block;
   position: relative;
 
   -webkit-perspective: 2000px;
   -moz-perspective: 2000px;
   -ms-perspective: 2000px;
   perspective: 2000px;
+
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  box-sizing: border-box;
+
 }
 
 .ui.shape .sides {
@@ -32,10 +39,18 @@
 .ui.shape .side {
   opacity: 1;
   width: 100%;
+
+  margin: 0em !important;
+
   -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   -ms-backface-visibility: hidden;
   backface-visibility: hidden;
+
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  box-sizing: border-box;
 }
 
 .ui.shape .side {
@@ -43,22 +58,77 @@
 }
 
 
+/*******************************
+             Types
+*******************************/
+
+.ui.cube.shape .side {
+  min-width: 15em;
+  height: 15em;
+
+  padding: 2em;
+
+  background-color: #E6E6E6;
+  color: rgba(0, 0, 0, 0.6);
+
+  -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
+  -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
+  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
+}
+.ui.cube.shape .side > .content {
+  width: 100%;
+  height: 100%;
+  display: table;
+
+  text-align: center;
+
+  -webkit-user-select: text;
+  -moz-user-select: text;
+  -ms-user-select: text;
+  user-select: text;
+}
+.ui.cube.shape .side > .content > div {
+  display: table-cell;
+  vertical-align: middle;
+  font-size: 2em;
+}
 
 /*******************************
-             States
+          Variations
 *******************************/
 
+.ui.text.shape.animating .sides {
+  position: static;
+}
+.ui.text.shape .side {
+  white-space: nowrap;
+}
+.ui.text.shape .side > * {
+  white-space: normal;
+}
+
+
+/*******************************
+             States
+*******************************/
 
 /*--------------
-    Animating
+    Loading
 ---------------*/
 
-.ui.shape.animating .sides {
+.ui.loading.shape {
   position: absolute;
+  top: -9999px;
+  left: -9999px;
 }
+
+
+/*--------------
+    Animating
+---------------*/
+
 .ui.shape .animating.side {
   position: absolute;
-  width: 100%;
   top: 0px;
   left: 0px;
   z-index: 100;
@@ -72,7 +142,7 @@
       CSS
 ---------------*/
 
-.ui.shape.css {
+.ui.shape.animating {
   -webkit-transition:
     all 0.6s ease-in-out;
   ;
@@ -89,14 +159,17 @@
     all 0.6s ease-in-out;
   ;
 }
-.ui.shape.css .sides {
+.ui.shape.animating .sides {
+  position: absolute;
+}
+.ui.shape.animating .sides {
   -webkit-transition: all 0.6s ease-in-out;
   -moz-transition: all 0.6s ease-in-out;
   -o-transition: all 0.6s ease-in-out;
   -ms-transition: all 0.6s ease-in-out;
   transition: all 0.6s ease-in-out;
 }
-.ui.shape.css .side {
+.ui.shape.animating .side {
   -webkit-transition: opacity 0.6s ease-in-out;
   -moz-transition: opacity 0.6s ease-in-out;
   -o-transition: opacity 0.6s ease-in-out;
@@ -104,6 +177,7 @@
   transition: opacity 0.6s ease-in-out;
 }
 
+
 /*--------------
      Active
 ---------------*/

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

@@ -40,13 +40,17 @@ body {
 
   margin: 0 !important;
 
-  width: 275px !important;
   height: 100% !important;
 
   -webkit-border-radius: 0px !important;
   -moz-border-radius: 0px !important;
   border-radius: 0px !important;
 
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  box-sizing: border-box;
+
   -ms-overflow-y: auto;
   overflow-y: auto;
   top: 0px;
@@ -77,12 +81,13 @@ body {
 
 
 /*******************************
-            Types
+             Types
 *******************************/
 
-.ui.sidebar {
-  margin-left: -275px !important;
-}
+/*-------------------
+       Direction
+--------------------*/
+
 
 .ui.right.sidebar {
   left: 100%;
@@ -90,14 +95,11 @@ body {
 }
 
 .ui.top.sidebar {
-  margin: -40px 0px 0px 0px !important;
   width: 100% !important;
-  height: 40px !important;
 }
 
 .ui.bottom.sidebar {
   width: 100% !important;
-  height: 40px !important;
   top: 100%;
   margin: 0px !important;
 }
@@ -110,41 +112,140 @@ body {
 .ui.active.sidebar {
   margin-left: 0px !important;
 }
-.ui.active.right.sidebar {
-  margin-left: -275px !important;
-}
-
-.ui.active.top.sidebar {
-  margin-top: 0px !important;
-}
+.ui.active.top.sidebar,
 .ui.active.bottom.sidebar {
-  margin-top: -40px !important;
+  margin-top: 0px !important;
 }
 
+
 /*******************************
            Variations
 *******************************/
 
+/*-------------------
+      Formatted
+--------------------*/
+
+.ui.styled.sidebar {
+  padding: 1em 1.5em;
+  background-color: #FFFFFF;
+  box-shadow: 1px 0px 0px rgba(0, 0, 0, 0.1);
+}
+.ui.styled.very.thin.sidebar {
+  padding: 0.5em;
+}
+.ui.styled.thin.sidebar {
+  padding: 1em;
+}
+
+
+/*-------------------
+       Floating
+--------------------*/
+
 .ui.floating.sidebar {
-  -webkit-box-shadow: 3px 0px 3px rgba(0, 0, 0, 0.2);
-  -moz-box-shadow: 3px 0px 3px rgba(0, 0, 0, 0.2);
-  box-shadow: 3px 0px 3px rgba(0, 0, 0, 0.2);
+  -webkit-box-shadow: 2px 0px 2px rgba(0, 0, 0, 0.2);
+  -moz-box-shadow: 2px 0px 2px rgba(0, 0, 0, 0.2);
+  box-shadow: 2px 0px 2px rgba(0, 0, 0, 0.2);
 }
 
 .ui.right.floating.sidebar {
-  -webkit-box-shadow: -3px 0px 3px rgba(0, 0, 0, 0.2);
-  -moz-box-shadow: -3px 0px 3px rgba(0, 0, 0, 0.2);
-  box-shadow: -3px 0px 3px rgba(0, 0, 0, 0.2);
+  -webkit-box-shadow: -2px 0px 2px rgba(0, 0, 0, 0.2);
+  -moz-box-shadow: -2px 0px 2px rgba(0, 0, 0, 0.2);
+  box-shadow: -2px 0px 2px rgba(0, 0, 0, 0.2);
 }
 
 .ui.top.floating.sidebar {
-  -webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2);
-  -moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2);
-  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2);
+  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
+  -moz-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
+  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
 }
 
 .ui.bottom.floating.sidebar {
-  -webkit-box-shadow: 0px -5px 5px rgba(0, 0, 0, 0.2);
-  -moz-box-shadow: 0px -5px 5px rgba(0, 0, 0, 0.2);
-  box-shadow: 0px -5px 5px rgba(0, 0, 0, 0.2);
+  -webkit-box-shadow: 0px -4px 4px rgba(0, 0, 0, 0.2);
+  -moz-box-shadow: 0px -4px 4px rgba(0, 0, 0, 0.2);
+  box-shadow: 0px -4px 4px rgba(0, 0, 0, 0.2);
+}
+
+
+/*-------------------
+        Width
+--------------------*/
+
+/* Very Thin */
+.ui.very.thin.sidebar {
+  width: 60px !important;
+  margin-left: -60px !important;
+}
+.ui.active.very.thin.sidebar {
+  margin-left: 0px !important;
+}
+.ui.active.right.very.thin.sidebar {
+  margin-left: -60px !important;
+}
+
+/* Thin */
+.ui.thin.sidebar {
+  width: 200px !important;
+  margin-left: -200px !important;
+}
+.ui.active.thin.sidebar {
+  margin-left: 0px !important;
+}
+.ui.active.right.thin.sidebar {
+  margin-left: -200px !important;
+}
+
+/* Standard */
+.ui.sidebar {
+  width: 275px !important;
+  margin-left: -275px !important;
+}
+.ui.active.sidebar {
+  margin-left: 0px !important;
+}
+.ui.active.right.sidebar {
+  margin-left: -275px !important;
+}
+
+/* Wide */
+.ui.wide.sidebar {
+  width: 350px !important;
+  margin-left: -350px !important;
+}
+.ui.active.wide.sidebar {
+  margin-left: 0px !important;
+}
+.ui.active.right.wide.sidebar {
+  margin-left: -350px !important;
 }
+
+/* Very Wide */
+.ui.very.wide.sidebar {
+  width: 475px !important;
+  margin-left: -475px !important;
+}
+.ui.active.very.wide.sidebar {
+  margin-left: 0px !important;
+}
+.ui.active.right.very.wide.sidebar {
+  margin-left: -475px !important;
+}
+
+
+
+/*-------------------
+       Height
+--------------------*/
+
+/* Standard */
+.ui.top.sidebar {
+  margin: -40px 0px 0px 0px !important;
+}
+.ui.top.sidebar,
+.ui.bottom.sidebar {
+  height: 40px !important;
+}
+.ui.active.bottom.sidebar {
+  margin-top: -40px !important;
+}

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

@@ -14,12 +14,6 @@
 
 
 .ui.transition {
-  -webkit-backface-visibility: hidden;
-  -moz-backface-visibility: hidden;
-  -ms-backface-visibility: hidden;
-  -o-backface-visibility: hidden;
-  backface-visibility: hidden;
-
   -webkit-animation-iteration-count: 1;
   -moz-animation-iteration-count: 1;
   -ms-animation-iteration-count: 1;
@@ -40,6 +34,18 @@
   -ms-animation-fill-mode: both;
   -o-animation-fill-mode: both;
   animation-fill-mode: both;
+}
+
+/*******************************
+            States
+*******************************/
+
+.ui.animating.transition {
+  -webkit-backface-visibility: hidden;
+  -moz-backface-visibility: hidden;
+  -ms-backface-visibility: hidden;
+  -o-backface-visibility: hidden;
+  backface-visibility: hidden;
 
   -webkit-transform: translateZ(0);
   -moz-transform: translateZ(0);
@@ -48,10 +54,6 @@
   transform: translateZ(0);
 }
 
-/*******************************
-       States
-*******************************/
-
 /* Loading */
 .ui.loading.transition {
   position: absolute;

data/app/assets/stylesheets/semantic-ui/views/_item.scss

@@ -110,26 +110,16 @@
   -ms-box-sizing: border-box;
   box-sizing: border-box;
 
-  -webkit-box-shadow: 0px 0px 0px 1px rbga(0, 0, 0, 0.1);
-  -moz-box-shadow: 0px 0px 0px 1px rbga(0, 0, 0, 0.1);
-  box-shadow: 0px 0px 0px 1px rbga(0, 0, 0, 0.1);
-
   -webkit-border-radius: 0.2em;
   -moz-border-radius: 0.2em;
   border-radius: 0.2em;
 }
 .ui.items .item > .image > img {
-  position: relative;
   display: block;
   width: 100%;
-  overflow: hidden;
-  -webkit-border-radius: 0.2em;
-  -moz-border-radius: 0.2em;
-  border-radius: 0.2em;
 }
 
 
-
 /*--------------
      Content
 ---------------*/