RubyGems - semantic-ui-sass - Versions diffs - 1.7.3.0 → 1.8.0.0 - Mend

semantic-ui-sass 1.7.3.0 → 1.8.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (57) hide show

data/app/assets/stylesheets/semantic-ui/elements/_flag.scss CHANGED Viewed

@@ -1,5 +1,5 @@
  /*
- * # Semantic UI - 1.7.3
+ * # Semantic UI - 1.8.0
  * https://github.com/Semantic-Org/Semantic-UI
  * http://www.semantic-ui.com/
  *

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

@@ -1,5 +1,5 @@
  /*
- * # Semantic UI - 1.7.3
+ * # Semantic UI - 1.8.0
  * https://github.com/Semantic-Org/Semantic-UI
  * http://www.semantic-ui.com/
  *
@@ -28,20 +28,25 @@
   text-transform: none;
   color: rgba(0, 0, 0, 0.8);
 }
+.ui.header:first-child {
+  margin-top: -0.165em;
+}
+.ui.header:last-child {
+  margin-bottom: 0em;
+}
+/*--------------
+   Sub Header
+---------------*/
 .ui.header .sub.header {
-  font-size: 1.0714rem;
   font-weight: normal;
   margin: 0em;
   padding: 0em;
+  font-size: 1.1428rem;
   line-height: 1.2em;
   color: rgba(0, 0, 0, 0.5);
 }
-.ui.header:first-child {
-  margin-top: -0.165em;
-}
-.ui.header:last-child {
-  margin-bottom: 0em;
-}
 /*--------------
       Icon
@@ -78,27 +83,6 @@
   vertical-align: middle;
 }
-/*--------------
- Content Heading
----------------*/
-.ui.tiny.header {
-  font-size: 1em;
-}
-.ui.small.header {
-  font-size: 1.071em;
-}
-.ui.medium.header {
-  font-size: 1.285em;
-}
-.ui.large.header {
-  font-size: 1.714em;
-}
-.ui.huge.header {
-  min-height: 1em;
-  font-size: 2em;
-}
 /*--------------
  Loose Coupling
 ---------------*/
@@ -139,6 +123,61 @@ h5.ui.header {
   font-size: 1rem;
 }
+/* Sub Header */
+h1.ui.header .sub.header {
+  font-size: 1.4285rem;
+}
+h2.ui.header .sub.header {
+  font-size: 1.1428rem;
+}
+h3.ui.header .sub.header {
+  font-size: 1.1428rem;
+}
+h4.ui.header .sub.header {
+  font-size: 1rem;
+}
+h5.ui.header .sub.header {
+  font-size: 0.9285rem;
+}
+/*--------------
+ Content Heading
+---------------*/
+.ui.huge.header {
+  min-height: 1em;
+  font-size: 2em;
+}
+.ui.large.header {
+  font-size: 1.714em;
+}
+.ui.medium.header {
+  font-size: 1.28em;
+}
+.ui.small.header {
+  font-size: 1.071em;
+}
+.ui.tiny.header {
+  font-size: 1em;
+}
+/* Sub Header */
+.ui.huge.header .sub.header {
+  font-size: 1.4285rem;
+}
+.ui.large.header .sub.header {
+  font-size: 1.4285rem;
+}
+.ui.header .sub.header {
+  font-size: 1.1428rem;
+}
+.ui.small.header .sub.header {
+  font-size: 1rem;
+}
+.ui.tiny.header .sub.header {
+  font-size: 0.9285rem;
+}
 /*-------------------
         Icon
 --------------------*/
@@ -453,7 +492,7 @@ a.ui.inverted.yellow.header:hover {
   font-size: 1.071em;
 }
 .ui.block.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
-  font-size: 1.285em;
+  font-size: 1.28em;
 }
 .ui.large.block.header {
   font-size: 1.714em;
@@ -517,7 +556,7 @@ a.ui.inverted.yellow.header:hover {
 --------------------*/
 .ui.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
-  font-size: 1.285em;
+  font-size: 1.28em;
 }

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

@@ -1,5 +1,5 @@
  /*
- * # Semantic UI - 1.7.3
+ * # Semantic UI - 1.8.0
  * https://github.com/Semantic-Org/Semantic-UI
  * http://www.semantic-ui.com/
  *

data/app/assets/stylesheets/semantic-ui/elements/_image.scss CHANGED Viewed

@@ -1,5 +1,5 @@
  /*
- * # Semantic UI - 1.7.3
+ * # Semantic UI - 1.8.0
  * https://github.com/Semantic-Org/Semantic-UI
  * http://www.semantic-ui.com/
  *

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

@@ -1,5 +1,5 @@
  /*
- * # Semantic UI - 1.7.3
+ * # Semantic UI - 1.8.0
  * https://github.com/Semantic-Org/Semantic-UI
  * http://www.semantic-ui.com/
  *

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

@@ -1,5 +1,5 @@
  /*
- * # Semantic UI - 1.7.3
+ * # Semantic UI - 1.8.0
  * https://github.com/Semantic-Org/Semantic-UI
  * http://www.semantic-ui.com/
  *
@@ -212,7 +212,7 @@ a.ui.label {
   text-align: center;
   width: 3.25em;
   height: 3.25em;
-  z-index: 10;
+  z-index: 1;
   -webkit-transition: border-color 0.2s ease;
           transition: border-color 0.2s ease;
 }
@@ -290,8 +290,10 @@ a.ui.label {
 .ui.ribbon.label {
   position: relative;
   margin: 0em;
-  left: -2rem;
-  padding-left: 2rem;
+  left: -webkit-calc( -1rem  -  1.2em );
+  left: calc( -1rem  -  1.2em );
+  padding-left: -webkit-calc( 1rem  +  1.2em );
+  padding-left: calc( 1rem  +  1.2em );
   border-radius: 0em 0.2857rem 0.2857rem 0em;
   border-color: rgba(0, 0, 0, 0.15);
 }
@@ -313,11 +315,12 @@ a.ui.label {
   -webkit-transform: translateX(-100%);
       -ms-transform: translateX(-100%);
           transform: translateX(-100%);
-  left: -webkit-calc(100% +  2rem );
-  left: calc(100% +  2rem );
+  left: -webkit-calc(100% +  1rem  +  1.2em );
+  left: calc(100% +  1rem  +  1.2em );
   border-radius: 0.2857rem 0em 0em 0.2857rem;
   padding-left: 0.8em;
-  padding-right: 2rem;
+  padding-right: -webkit-calc( 1rem  +  1.2em );
+  padding-right: calc( 1rem  +  1.2em );
 }
 .ui[class*="right ribbon"].label:after {
   left: auto;
@@ -329,7 +332,7 @@ a.ui.label {
 }
 /*-------------------
-       Attached
+      Attached
 --------------------*/
 .ui.top.attached.label,

data/app/assets/stylesheets/semantic-ui/elements/_list.scss CHANGED Viewed

@@ -1,5 +1,5 @@
  /*
- * # Semantic UI - 1.7.3
+ * # Semantic UI - 1.8.0
  * https://github.com/Semantic-Org/Semantic-UI
  * http://www.semantic-ui.com/
  *
@@ -777,7 +777,6 @@ ol.ui.horizontal.list li:before,
        Relaxed
 --------------------*/
-.ui.relaxed.list:not(.horizontal) .list > .item,
 .ui.relaxed.list:not(.horizontal) > .item {
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
@@ -792,7 +791,6 @@ ol.ui.horizontal.list li:before,
 }
 /* Very Relaxed */
-.ui[class*="very relaxed"].list:not(.horizontal) .list > .item,
 .ui[class*="very relaxed"].list:not(.horizontal) > .item {
   padding-top: 1rem;
   padding-bottom: 1rem;
@@ -811,36 +809,28 @@ ol.ui.horizontal.list li:before,
       Sizes
 --------------------*/
-.ui.mini.list .list > .item,
-.ui.mini.list > .item {
+.ui.mini.list {
   font-size: 0.71428571em;
 }
-.ui.tiny.list .list > .item,
-.ui.tiny.list > .item {
+.ui.tiny.list {
   font-size: 0.85714286em;
 }
-.ui.small.list .list > .item,
-.ui.small.list > .item {
+.ui.small.list {
   font-size: 0.92857143em;
 }
-.ui.list .list > .item,
-.ui.list > .item {
+.ui.list {
   font-size: 1em;
 }
-.ui.large.list .list > .item,
-.ui.large.list > .item {
+.ui.large.list {
   font-size: 1.14285714em;
 }
-.ui.big.list .list > .item,
-.ui.big.list > .item {
+.ui.big.list {
   font-size: 1.28571429em;
 }
-.ui.huge.list .list > .item,
-.ui.huge.list > .item {
+.ui.huge.list {
   font-size: 1.42857143em;
 }
-.ui.massive.list .list > .item,
-.ui.massive.list > .item {
+.ui.massive.list {
   font-size: 1.71428571em;
 }
 .ui.mini.horizontal.list .list > .item,

data/app/assets/stylesheets/semantic-ui/elements/_loader.scss CHANGED Viewed

@@ -1,5 +1,5 @@
  /*
- * # Semantic UI - 1.7.3
+ * # Semantic UI - 1.8.0
  * https://github.com/Semantic-Org/Semantic-UI
  * http://www.semantic-ui.com/
  *

data/app/assets/stylesheets/semantic-ui/elements/_rail.scss CHANGED Viewed

@@ -1,5 +1,5 @@
  /*
- * # Semantic UI - 1.7.3
+ * # Semantic UI - 1.8.0
  * https://github.com/Semantic-Org/Semantic-UI
  * http://www.semantic-ui.com/
  *

data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss CHANGED Viewed

@@ -1,5 +1,5 @@
  /*
- * # Semantic UI - 1.7.3
+ * # Semantic UI - 1.8.0
  * https://github.com/Semantic-Org/Semantic-UI
  * http://www.semantic-ui.com/
  *

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

@@ -1,5 +1,5 @@
  /*
- * # Semantic UI - 1.7.3
+ * # Semantic UI - 1.8.0
  * https://github.com/Semantic-Org/Semantic-UI
  * http://www.semantic-ui.com/
  *

data/app/assets/stylesheets/semantic-ui/elements/_step.scss CHANGED Viewed

@@ -1,5 +1,5 @@
  /*
- * # Semantic UI - 1.7.3
+ * # Semantic UI - 1.8.0
  * https://github.com/Semantic-Org/Semantic-UI
  * http://www.semantic-ui.com/
  *

data/app/assets/stylesheets/semantic-ui/globals/_reset.scss CHANGED Viewed

@@ -1,5 +1,5 @@
  /*
- * # Semantic UI - 1.7.3
+ * # Semantic UI - 1.8.0
  * https://github.com/Semantic-Org/Semantic-UI
  * http://www.semantic-ui.com/
  *

data/app/assets/stylesheets/semantic-ui/globals/_site.scss CHANGED Viewed

@@ -1,5 +1,5 @@
  /*
- * # Semantic UI - 1.7.3
+ * # Semantic UI - 1.8.0
  * https://github.com/Semantic-Org/Semantic-UI
  * http://www.semantic-ui.com/
  *

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

@@ -1,5 +1,5 @@
  /*
- * # Semantic UI - 1.7.3
+ * # Semantic UI - 1.8.0
  * https://github.com/Semantic-Org/Semantic-UI
  * http://www.semantic-ui.com/
  *
@@ -18,7 +18,7 @@
 .ui.accordion,
 .ui.accordion .accordion {
   max-width: 100%;
-  font-size: 14px;
+  font-size: 1em;
 }
 .ui.accordion .accordion {
   margin: 1em 0em 0em;
@@ -60,8 +60,8 @@
 .ui.accordion .accordion .title .dropdown.icon {
   display: inline-block;
   float: none;
-  opacity: 0.75;
-  width: 1.18em;
+  opacity: 1;
+  width: 1.25em;
   height: 1em;
   margin: 0em 0.25rem 0em 0rem;
   padding: 0em;
@@ -69,9 +69,9 @@
   -webkit-transition: -webkit-transform 0.2s ease, opacity 0.2s ease;
           transition: transform 0.2s ease, opacity 0.2s ease;
   vertical-align: baseline;
-  -webkit-transform: rotate(0deg);
-      -ms-transform: rotate(0deg);
-          transform: rotate(0deg);
+  -webkit-transform: none;
+      -ms-transform: none;
+          transform: none;
 }
 /*--------------

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

@@ -1,5 +1,5 @@
  /*
- * # Semantic UI - 1.7.3
+ * # Semantic UI - 1.8.0
  * https://github.com/Semantic-Org/Semantic-UI
  * http://www.semantic-ui.com/
  *
@@ -32,7 +32,8 @@
   outline: none;
   vertical-align: middle;
 }
-.ui.checkbox input {
+.ui.checkbox input[type="checkbox"],
+.ui.checkbox input[type="radio"] {
   position: absolute;
   top: 0px;
   left: 0px;
@@ -142,7 +143,8 @@
   background: #f5f5f5;
   border: 1px solid 1px solid rgba(39, 41, 43, 0.3);
 }
-.ui.checkbox input:active ~ label {
+.ui.checkbox input[type="checkbox"]:active ~ label,
+.ui.checkbox input[type="radio"]:active ~ label {
   color: rgba(0, 0, 0, 0.8);
 }
@@ -150,12 +152,15 @@
       Focus
 ---------------*/
-.ui.checkbox input:focus ~ .box:before,
-.ui.checkbox input:focus ~ label:before {
+.ui.checkbox input[type="checkbox"]:focus ~ .box:before,
+.ui.checkbox input[type="checkbox"]:focus ~ label:before,
+.ui.checkbox input[type="radio"]:focus ~ .box:before,
+.ui.checkbox input[type="radio"]:focus ~ label:before {
   background: #f5f5f5;
   border: 1px solid 1px solid rgba(39, 41, 43, 0.3);
 }
-.ui.checkbox input:focus ~ label {
+.ui.checkbox input[type="checkbox"]:focus ~ label,
+.ui.checkbox input[type="radio"]:focus ~ label {
   color: rgba(0, 0, 0, 0.8);
 }
@@ -163,8 +168,10 @@
      Active
 ---------------*/
-.ui.checkbox input:checked ~ .box:after,
-.ui.checkbox input:checked ~ label:after {
+.ui.checkbox input[type="checkbox"]:checked ~ .box:after,
+.ui.checkbox input[type="checkbox"]:checked ~ label:after,
+.ui.checkbox input[type="radio"]:checked ~ .box:after,
+.ui.checkbox input[type="radio"]:checked ~ label:after {
   opacity: 1;
 }
@@ -183,8 +190,10 @@
 .ui.disabled.checkbox .box:after,
 .ui.disabled.checkbox label,
-.ui.checkbox input[disabled] ~ .box:after,
-.ui.checkbox input[disabled] ~ label {
+.ui.checkbox input[type="checkbox"][disabled] ~ .box:after,
+.ui.checkbox input[type="checkbox"][disabled] ~ label,
+.ui.checkbox input[type="radio"][disabled] ~ .box:after,
+.ui.checkbox input[type="radio"][disabled] ~ label {
   cursor: default;
   opacity: 0.5;
   color: #000000;
@@ -306,8 +315,10 @@
 }
 /* Focus */
-.ui.slider.checkbox input:focus ~ .box:before,
-.ui.slider.checkbox input:focus ~ label:before {
+.ui.slider.checkbox input[type="checkbox"]:focus ~ .box:before,
+.ui.slider.checkbox input[type="checkbox"]:focus ~ label:before,
+.ui.slider.checkbox input[type="radio"]:focus ~ .box:before,
+.ui.slider.checkbox input[type="radio"]:focus ~ label:before {
   background-color: rgba(0, 0, 0, 0.1);
   border: none;
 }
@@ -323,16 +334,22 @@
 }
 /* Active */
-.ui.slider.checkbox input:checked ~ .box,
-.ui.slider.checkbox input:checked ~ label {
+.ui.slider.checkbox input[type="checkbox"]:checked ~ .box,
+.ui.slider.checkbox input[type="checkbox"]:checked ~ label,
+.ui.slider.checkbox input[type="radio"]:checked ~ .box,
+.ui.slider.checkbox input[type="radio"]:checked ~ label {
   color: rgba(0, 0, 0, 0.8);
 }
-.ui.slider.checkbox input:checked ~ .box:before,
-.ui.slider.checkbox input:checked ~ label:before {
+.ui.slider.checkbox input[type="checkbox"]:checked ~ .box:before,
+.ui.slider.checkbox input[type="checkbox"]:checked ~ label:before,
+.ui.slider.checkbox input[type="radio"]:checked ~ .box:before,
+.ui.slider.checkbox input[type="radio"]:checked ~ label:before {
   background-color: rgba(0, 0, 0, 0.1);
 }
-.ui.slider.checkbox input:checked ~ .box:after,
-.ui.slider.checkbox input:checked ~ label:after {
+.ui.slider.checkbox input[type="checkbox"]:checked ~ .box:after,
+.ui.slider.checkbox input[type="checkbox"]:checked ~ label:after,
+.ui.slider.checkbox input[type="radio"]:checked ~ .box:after,
+.ui.slider.checkbox input[type="radio"]:checked ~ label:after {
   left: 2rem;
 }
@@ -393,14 +410,18 @@
     left 0.3s ease 0s
   ;
 }
-.ui.toggle.checkbox input ~ .box:after,
-.ui.toggle.checkbox input ~ label:after {
+.ui.toggle.checkbox input[type="checkbox"] ~ .box:after,
+.ui.toggle.checkbox input[type="checkbox"] ~ label:after,
+.ui.toggle.checkbox input[type="radio"] ~ .box:after,
+.ui.toggle.checkbox input[type="radio"] ~ label:after {
   left: -0.05rem;
 }
 /* Focus */
-.ui.toggle.checkbox input:focus ~ .box:before,
-.ui.toggle.checkbox input:focus ~ label:before {
+.ui.toggle.checkbox input[type="checkbox"]:focus ~ .box:before,
+.ui.toggle.checkbox input[type="checkbox"]:focus ~ label:before,
+.ui.toggle.checkbox input[type="radio"]:focus ~ .box:before,
+.ui.toggle.checkbox input[type="radio"]:focus ~ label:before {
   background-color: rgba(0, 0, 0, 0.1);
   border: none;
 }
@@ -413,16 +434,22 @@
 }
 /* Active */
-.ui.toggle.checkbox input:checked ~ .box,
-.ui.toggle.checkbox input:checked ~ label {
+.ui.toggle.checkbox input[type="checkbox"]:checked ~ .box,
+.ui.toggle.checkbox input[type="checkbox"]:checked ~ label,
+.ui.toggle.checkbox input[type="radio"]:checked ~ .box,
+.ui.toggle.checkbox input[type="radio"]:checked ~ label {
   color: #5bbd72;
 }
-.ui.toggle.checkbox input:checked ~ .box:before,
-.ui.toggle.checkbox input:checked ~ label:before {
+.ui.toggle.checkbox input[type="checkbox"]:checked ~ .box:before,
+.ui.toggle.checkbox input[type="checkbox"]:checked ~ label:before,
+.ui.toggle.checkbox input[type="radio"]:checked ~ .box:before,
+.ui.toggle.checkbox input[type="radio"]:checked ~ label:before {
   background-color: #5bbd72;
 }
-.ui.toggle.checkbox input:checked ~ .box:after,
-.ui.toggle.checkbox input:checked ~ label:after {
+.ui.toggle.checkbox input[type="checkbox"]:checked ~ .box:after,
+.ui.toggle.checkbox input[type="checkbox"]:checked ~ label:after,
+.ui.toggle.checkbox input[type="radio"]:checked ~ .box:after,
+.ui.toggle.checkbox input[type="radio"]:checked ~ label:after {
   left: 2.05rem;
 }