semantic-ui-sass 0.0.3 → 0.8.0.0

data/app/assets/stylesheets/semantic-ui/elements/_header.scss

@@ -309,7 +309,7 @@ h5.ui.header {
 --------------------*/
 
 .ui.block.header {
-  background-color: #F5F5F5;
+  background-color: rgba(0, 0, 0, 0.05);
   padding: 0.5em 1em;
 }
 

data/app/assets/stylesheets/semantic-ui/elements/_icon.scss

@@ -71,6 +71,9 @@ i.icon {
   font-smoothing: antialiased;
 }
 
+i.icon.left:before { content: "\f060"; }
+i.icon.right:before { content: "\f061"; }
+
 i.icon.add.sign.box:before { content: "\f0fe"; }
 i.icon.add.sign:before { content: "\f055"; }
 i.icon.add:before { content: "\f067"; }
@@ -254,7 +257,6 @@ i.icon.layout.column:before { content: "\f0db"; }
 i.icon.layout.grid:before { content: "\f00a"; }
 i.icon.layout.list:before { content: "\f00b"; }
 i.icon.leaf:before { content: "\f06c"; }
-i.icon.left:before { content: "\f060"; }
 i.icon.legal:before { content: "\f0e3"; }
 i.icon.lemon:before { content: "\f094"; }
 i.icon.level.down:before { content: "\f149"; }
@@ -330,7 +332,6 @@ i.icon.resize.horizontal:before { content: "\f07e"; }
 i.icon.resize.small:before { content: "\f066"; }
 i.icon.resize.vertical:before { content: "\f07d"; }
 i.icon.retweet:before { content: "\f079"; }
-i.icon.right:before { content: "\f061"; }
 i.icon.road:before { content: "\f018"; }
 i.icon.rocket:before { content: "\f135"; }
 i.icon.rss.sign:before { content: "\f143"; }
@@ -596,9 +597,9 @@ i.link.icon:hover {
 --------------------*/
 
 i.circular.icon {
-  -webkit-border-radius: 500px;
-  -moz-border-radius: 500px;
-  border-radius: 500px;
+  -webkit-border-radius: 500em !important;
+  -moz-border-radius: 500em !important;
+  border-radius: 500em !important;
 
   padding: 0.5em 0.35em !important;
 
@@ -621,13 +622,7 @@ i.circular.inverted.icon {
       Flipped
 --------------------*/
 
-i.vertically.flipped.icon {
-  -webkit-transform: scale(1, -1);
-  -moz-transform: scale(1, -1);
-  -o-transform: scale(1, -1);
-  -ms-transform: scale(1, -1);
-  transform: scale(1, -1);
-}
+i.flipped.icon,
 i.horizontally.flipped.icon {
   -webkit-transform: scale(-1, 1);
   -moz-transform: scale(-1, 1);
@@ -635,19 +630,21 @@ i.horizontally.flipped.icon {
   -ms-transform: scale(-1, 1);
   transform: scale(-1, 1);
 }
+i.vertically.flipped.icon {
+  -webkit-transform: scale(1, -1);
+  -moz-transform: scale(1, -1);
+  -o-transform: scale(1, -1);
+  -ms-transform: scale(1, -1);
+  transform: scale(1, -1);
+}
 
 /*-------------------
-        Rotated
+      Rotated
 --------------------*/
 
-i.left.rotated.icon {
-  -webkit-transform: rotate(-90deg);
-  -moz-transform: rotate(-90deg);
-  -o-transform: rotate(-90deg);
-  -ms-transform: rotate(-90deg);
-  transform: rotate(-90deg);
-}
-i.right.rotated.icon {
+i.rotated.icon,
+i.right.rotated.icon,
+i.clockwise.rotated.icon {
   -webkit-transform: rotate(90deg);
   -moz-transform: rotate(90deg);
   -o-transform: rotate(90deg);
@@ -655,6 +652,14 @@ i.right.rotated.icon {
   transform: rotate(90deg);
 }
 
+i.left.rotated.icon,
+i.counterclockwise.rotated.icon {
+  -webkit-transform: rotate(-90deg);
+  -moz-transform: rotate(-90deg);
+  -o-transform: rotate(-90deg);
+  -ms-transform: rotate(-90deg);
+  transform: rotate(-90deg);
+}
 
 /*-------------------
         Square
@@ -671,9 +676,6 @@ i.square.icon {
 
   vertical-align: baseline;
 }
-i.square.icon:before {
-  vertical-align: middle;
-}
 i.square.inverted.icon {
   border: none;
   -webkit-box-shadow: none;

data/app/assets/stylesheets/semantic-ui/elements/_input.scss

@@ -22,6 +22,8 @@
 .ui.input {
   display: inline-block;
   position: relative;
+
+  color: rgba(0, 0, 0, 0.7);
 }
 .ui.input input {
   width: 100%;
@@ -178,6 +180,7 @@
 ---------------------*/
 
 .ui.icon.input > .icon {
+  cursor: default;
   position: absolute;
   opacity: 0.5;
   top: 0px;
@@ -187,7 +190,7 @@
 
   width: 2.6em;
   height: 100%;
-  padding-top: 0.85em;
+  padding-top: 0.82em;
 
   text-align: center;
 
@@ -206,6 +209,9 @@
   -ms-transition: opacity 0.3s ease-out;
   transition: opacity 0.3s ease-out;
 }
+.ui.icon.input > .link.icon {
+  cursor: pointer;
+}
 .ui.icon.input input {
   padding-right: 3em !important;
 }
@@ -278,25 +284,14 @@
 }
 .ui.action.input > .button {
   display: table-cell;
-  opacity: 0.9;
 
   border-top-left-radius: 0px;
   border-bottom-left-radius: 0px;
-
-  -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;
   white-space: nowrap;
 }
 .ui.action.input > .button > .icon {
   display: inline;
-}
-
-.ui.action.input > input:focus ~ .button {
-  opacity: 1;
-  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) inset;
-  -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) inset;
-  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) inset;
+  vertical-align: top;
 }
 
 /*--------------------

data/app/assets/stylesheets/semantic-ui/elements/_label.scss

@@ -106,6 +106,21 @@ a.ui.label {
   opacity: 0.99;
 }
 
+
+/*-------------------
+       Coupling
+--------------------*/
+
+/* Padding on next content after a label */
+.ui.segment > .attached.label:first-child + * {
+  margin-top: 2.5em;
+}
+.ui.segment > .bottom.attached.label:first-child ~ :last-child {
+  margin-top: 0em;
+  margin-bottom: 2.5em;
+}
+
+
 /*******************************
              Types
 *******************************/
@@ -266,11 +281,14 @@ a.ui.label:hover:before {
 
 .ui.ribbon.label {
   position: relative;
-  left: -1.8rem;
+  margin: 0em 0.2em;
+  left: -2rem;
   padding-left: 2rem;
   -webkit-border-radius: 0px 4px 4px 0px;
   -moz-border-radius: 0px 4px 4px 0px;
   border-radius: 0px 4px 4px 0px;
+
+  border-color: rgba(0, 0, 0, 0.15);
 }
 
 .ui.ribbon.label:after {
@@ -302,6 +320,9 @@ a.ui.label:hover:before {
   margin: 0em;
   top: 0em;
   left: 0em;
+
+  padding: 0.75em 1em;
+
   -webkit-border-radius: 4px 4px 0em 0em;
   -moz-border-radius: 4px 4px 0em 0em;
   border-radius: 4px 4px 0em 0em;
@@ -495,13 +516,13 @@ a.ui.label:hover:before {
 /* Hover */
 a.ui.black.labels .label:hover,
 a.ui.black.label:hover {
-  background-color: #888888 !important;
-  border-color: #888888 !important;
+  background-color: #333333 !important;
+  border-color: #333333 !important;
 }
 .ui.labels a.black.label:hover:before,
 .ui.black.labels a.label:hover:before,
 a.ui.black.label:hover:before {
-  background-color: #888888 !important;
+  background-color: #333333 !important;
 }
 
 /* Corner */
@@ -509,6 +530,10 @@ a.ui.black.label:hover:before {
 .ui.black.corner.label:hover {
   background-color: transparent !important;
 }
+/* Ribbon */
+.ui.black.ribbon.label {
+  border-color: #333333 !important;
+}
 
 
 /*--- Green ---*/
@@ -541,6 +566,10 @@ a.ui.green.label:hover:before {
 .ui.green.corner.label:hover {
   background-color: transparent !important;
 }
+/* Ribbon */
+.ui.green.ribbon.label {
+  border-color: #89B84C !important;
+}
 
 
 /*--- Red ---*/
@@ -573,6 +602,10 @@ a.ui.red.label:hover{
 a.ui.red.label:hover:before {
   background-color: #DE3859 !important;
 }
+/* Ribbon */
+.ui.red.ribbon.label {
+  border-color: #DE3859 !important;
+}
 
 
 /*--- Blue ---*/
@@ -605,6 +638,10 @@ a.ui.blue.label:hover:before {
 .ui.blue.corner.label:hover {
   background-color: transparent !important;
 }
+/* Ribbon */
+.ui.blue.ribbon.label {
+  border-color: #1AB8F3 !important;
+}
 
 /*--- Purple ---*/
 .ui.purple.labels .label,
@@ -636,9 +673,50 @@ a.ui.purple.label:hover:before {
 .ui.purple.corner.label:hover {
   background-color: transparent !important;
 }
+/* Ribbon */
+.ui.purple.ribbon.label {
+  border-color: #3E3773 !important;
+}
+
+/*--- Orange ---*/
+.ui.orange.labels .label,
+.ui.orange.label {
+  background-color: #F05940 !important;
+  border-color: #F05940 !important;
+  color: #FFFFFF !important;
+}
+.ui.labels .orange.label:before,
+.ui.orange.labels .label:before,
+.ui.orange.label:before {
+  background-color: #F05940 !important;
+}
+/* Hover */
+a.ui.orange.labels .label:hover,
+.ui.orange.labels a.label:hover,
+a.ui.orange.label:hover {
+  background-color: #FF4121 !important;
+  border-color: #FF4121 !important;
+  color: #FFFFFF !important;
+}
+.ui.labels a.orange.label:hover:before,
+.ui.orange.labels a.label:hover:before,
+a.ui.orange.label:hover:before {
+  background-color: #FF4121 !important;
+}
+/* Corner */
+.ui.orange.corner.label,
+.ui.orange.corner.label:hover {
+  background-color: transparent !important;
+}
+/* Ribbon */
+.ui.orange.ribbon.label {
+  border-color: #FF4121 !important;
+}
 
 
-/*--- Pink ---*/
+
+
+/*--- Teal ---*/
 .ui.teal.labels .label,
 .ui.teal.label {
   background-color: #00B5AD !important;
@@ -668,6 +746,10 @@ a.ui.teal.label:hover:before {
 .ui.teal.corner.label:hover {
   background-color: transparent !important;
 }
+/* Ribbon */
+.ui.teal.ribbon.label {
+  border-color: #009A93 !important;
+}
 
 /*-------------------
      Horizontal

data/app/assets/stylesheets/semantic-ui/elements/_segment.scss

@@ -118,15 +118,6 @@
   margin-bottom: 0em;
 }
 
-/* Padding on next content after a label */
-.ui.segment > .attached.label:first-child + * {
-  margin-top: 2em;
-}
-.ui.segment > .bottom.attached.label:first-child ~ :last-child {
-  margin-top: 0em;
-  margin-bottom: 2em;
-}
-
 /*******************************
              Types
 *******************************/
@@ -303,6 +294,9 @@
 .ui.red.segment {
   border-top: 0.2em solid #D95C5C;
 }
+.ui.orange.segment {
+  border-top: 0.2em solid #F05940;
+}
 .ui.purple.segment {
   border-top: 0.2em solid #564F8A;
 }
@@ -330,6 +324,10 @@
   background-color: #D95C5C !important;
   color: #FFFFFF !important;
 }
+.ui.inverted.orange.segment {
+  background-color: #F05940 !important;
+  color: #FFFFFF !important;
+}
 .ui.inverted.purple.segment {
   background-color: #564F8A !important;
   color: #FFFFFF !important;

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

@@ -143,8 +143,7 @@
 }
 
 .ui.basic.accordion .content {
-  padding-left: 0em;
-  padding-right: 0em;
+  padding: 0.5em 0em;
 }
 
 .ui.basic.accordion .active.title {

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

@@ -24,8 +24,9 @@
   position: relative;
   display: inline-block;
 
-  width: 1em;
-  height: 1.5em;
+  min-width: 1em;
+  height: 1.25em;
+  line-height: 1em;
 
   outline: none;
   vertical-align: middle;
@@ -44,21 +45,14 @@
 .ui.checkbox .box,
 .ui.checkbox label {
   cursor: pointer;
-  position: relative;
-
-  min-width: 1em;
-  height: 1.5em;
-
   padding-left: 2em;
   outline: none;
-
-  white-space: nowrap;
 }
 
 .ui.checkbox .box:before,
 .ui.checkbox label:before {
   position: absolute;
-  top: 0.25em;
+  top: 0em;
   left: 0em;
 
   line-height: 1;
@@ -117,7 +111,7 @@
 }
 .ui.checkbox .box:after,
 .ui.checkbox label:after {
-  top: 0.54em;
+  top: 0.275em;
   left: 0.2em;
   width: 0.45em;
   height: 0.15em;
@@ -208,7 +202,7 @@
 
 .ui.radio.checkbox .box:before,
 .ui.radio.checkbox label:before {
-  width: 1em;
+  min-width: 1em;
   height: 1em;
   -webkit-border-radius: 500px;
   -moz-border-radius: 500px;
@@ -217,7 +211,7 @@
 .ui.radio.checkbox .box:after,
 .ui.radio.checkbox label:after {
   border: none;
-  top: 0.45em;
+  top: 0.2em;
   left: 0.2em;
 
   width: 0.6em;
@@ -225,6 +219,8 @@
 
   background-color: #555555;
 
+  transform: none;
+
   -webkit-border-radius: 500px;
   -moz-border-radius: 500px;
   border-radius: 500px;
@@ -237,13 +233,12 @@
 .ui.slider.checkbox {
   cursor: pointer;
   min-width: 3em;
-  height: 2em;
 }
 
 /* Line */
 .ui.slider.checkbox:after {
   position: absolute;
-  top: 0.8em;
+  top: 0.5em;
   left: 0em;
   content: '';
 
@@ -263,8 +258,8 @@
   display: block;
 
   position: absolute;
-  top: 0em;
-  left: 0;
+  top: -0.25em;
+  left: 0em;
   z-index: 1;
 
   width: 1.5em;
@@ -290,7 +285,7 @@
 
   position: absolute;
   content: '';
-  top: 0.375em;
+  top: 0.15em;
   left: 0em;
   z-index: 2;
 
@@ -302,6 +297,8 @@
 
   border-radius: 50rem;
 
+  transform: none;
+
   -webkit-transition:
     background 0.3s ease 0s,
     left 0.3s ease 0s
@@ -360,7 +357,6 @@
 
 .ui.toggle.checkbox {
   cursor: pointer;
-  height: 2em;
 }
 
 .ui.toggle.checkbox .box,
@@ -376,7 +372,7 @@
 
   position: absolute;
   content: '';
-  top: 0em;
+  top: -0.25em;
   left: 0em;
   z-index: 1;
 
@@ -403,7 +399,7 @@
 
   content: '';
   position: absolute;
-  top: 0.35em;
+  top: 0.15em;
   left: 0.5em;
   z-index: 2;