semantic-ui-sass 0.8.6.0 → 0.9.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 60de3a4ee4987fe38e2c24d130ffe804a4513c0a
-  data.tar.gz: 00509f64a8978e7771d7c68c72999bf881c51261
+  metadata.gz: 35b3961f69dee7e7f7aa8635590d477209d8a2a7
+  data.tar.gz: be240fff8f70d9d6dcf9269b73aa5e5ea5f76b83
 SHA512:
-  metadata.gz: 14373f419088441640c4084becd59b0a8a9814b895f2db5fdfb698878517e1e5cc4964945a148b82b83961179081c4612c0483b69b3458f8a8d4205d61b0e727
-  data.tar.gz: 06e56e05ee084cf246b678e001b21a4aec502e57b1c2e06ca66eb513cc475cdbc980602d6f307a77c1b778ba30a88fff6cbb4c7405ad0041983fbb63b6e20ae1
+  metadata.gz: 9b12c2710daed2dd83dcaaec689697a8e355ea03a3cbb9a63da710544cad37448ef14aa69999385f6758316a72bfc6dfee7590b57b7858d25e8a2690a0f1feee
+  data.tar.gz: fc103b3f4a3945dcf9b9f0926da0a899c32385f226d00a417653c0f18e82506106e01c6ffef46095e0f1a99ef1303eb68fae507c4680f7471771a3ef9d05ff7b

data/CHANGELOG.md

@@ -1,3 +1,9 @@
+## 0.9.0.0
+
+* Update Semantic UI to 0.9.0
+
+* Add browsers setting for autoprefixer
+
 ## 0.8.6.0
 
 * Update Semantic UI to 0.8.6

data/README.md

@@ -5,7 +5,7 @@
 ## Installation and Usage
 
 ```ruby
-gem 'semantic-ui-sass', '~> 0.8.6.0'
+gem 'semantic-ui-sass', '~> 0.9.0.0'
 ```
 or
 

data/app/assets/stylesheets/semantic-ui/collections/_form.scss

@@ -269,19 +269,19 @@
 /* browsers require these rules separate */
 
 .ui.form ::-webkit-input-placeholder {
-  color: #E0E0E0;
+  color: #AAAAAA;
 }
 
 .ui.form ::-moz-placeholder {
-  color: #E0E0E0;
+  color: #AAAAAA;
 }
 
 .ui.form :focus::-webkit-input-placeholder {
-  color: #AAAAAA;
+  color: #999999;
 }
 
 .ui.form :focus::-moz-placeholder {
-  color: #AAAAAA;
+  color: #999999;
 }
 
 /* Error Placeholder */

data/app/assets/stylesheets/semantic-ui/collections/_grid.scss

@@ -26,8 +26,8 @@
 }
 
 body > .ui.grid {
-  margin-left: 0%;
-  margin-right: 0%;
+  margin-left: 0% !important;
+  margin-right: 0% !important;
 }
 
 .ui.grid:after,
@@ -562,6 +562,7 @@ body > .ui.grid {
 @media only screen and (min-width : 768px) {
   .ui.mobile.only.grid,
   .ui.grid > .mobile.only.row,
+  .ui.grid > .mobile.only.column,
   .ui.grid > .row > .mobile.only.column {
     display: none;
   }
@@ -603,6 +604,7 @@ body > .ui.grid {
 @media only screen and (max-width : 768px), (min-width: 998px) {
   .ui.tablet.only.grid,
   .ui.grid > .tablet.only.row,
+  .ui.grid > .tablet.only.column,
   .ui.grid > .row > .tablet.only.column {
     display: none;
   }
@@ -644,6 +646,7 @@ body > .ui.grid {
 @media only screen and (max-width : 998px) {
   .ui.computer.only.grid,
   .ui.grid > .computer.only.row,
+  .ui.grid > .computer.only.column,
   .ui.grid > .row > .computer.only.column {
     display: none;
   }

data/app/assets/stylesheets/semantic-ui/collections/_menu.scss

@@ -256,11 +256,16 @@
 
 .ui.menu .dropdown.item .menu {
   left: 1px;
-  margin: 1px 0px 0px 0px;
+  margin: 0px;
   min-width: -webkit-calc(100% - 1px);
   min-width: calc(100% - 1px);
-  -webkit-box-shadow: 0 1px 1px 1px #DDDDDD;
-  box-shadow: 0 1px 1px 1px #DDDDDD;
+  -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
+}
+
+.ui.secondary.menu .dropdown.item .menu {
+  left: 0px;
+  min-width: 100%;
 }
 
 .ui.menu .pointing.dropdown.item .menu {
@@ -804,8 +809,8 @@
   color: rgba(255, 255, 255, 0.9);
 }
 
-.ui.secondary.inverted.menu > .active.item {
-  background-color: rgba(255, 255, 255, 0.9);
+.ui.secondary.inverted.menu .active.item {
+  background-color: rgba(255, 255, 255, 0.1);
 }
 
 /* disable variations */
@@ -840,8 +845,11 @@
 /* Item Types */
 
 .ui.secondary.pointing.menu .header.item {
-  border-right-width: 0px;
-  font-weight: bold;
+  margin-bottom: -3px;
+  background-color: transparent !important;
+  border-right-width: 0px !important;
+  font-weight: bold !important;
+  color: rgba(0, 0, 0, 0.8) !important;
 }
 
 .ui.secondary.pointing.menu .text.item {
@@ -950,23 +958,29 @@
   color: rgba(255, 255, 255, 0.7);
 }
 
+.ui.secondary.inverted.pointing.menu > .header.item {
+  color: #FFFFFF !important;
+}
+
 /* Hover */
 
-.ui.secondary.inverted.pointing.menu > .item.hover,
+.ui.secondary.inverted.pointing.menu > .menu > .item:hover,
 .ui.secondary.inverted.pointing.menu > .item:hover {
   color: rgba(255, 255, 255, 0.85);
 }
 
 /* Down */
 
+.ui.secondary.inverted.pointing.menu > .menu > .item:active,
 .ui.secondary.inverted.pointing.menu > .item:active {
-  border-color: rgba(255, 255, 255, 0.4) !important;
+  border-color: rgba(255, 255, 255, 0.4);
 }
 
 /* Active */
 
+.ui.secondary.inverted.pointing.menu > .menu > .item.active,
 .ui.secondary.inverted.pointing.menu > .item.active {
-  border-color: rgba(255, 255, 255, 0.8) !important;
+  border-color: rgba(255, 255, 255, 0.8);
   color: rgba(255, 255, 255, 1);
 }
 
@@ -1312,13 +1326,13 @@
 /*--- Pointers ---*/
 
 .ui.inverted.pointing.menu .active.item:after {
-  background-color: #505050;
+  background-color: #5B5B5B;
   -webkit-box-shadow: none;
   box-shadow: none;
 }
 
 .ui.inverted.pointing.menu .active.item:hover:after {
-  background-color: #3B3B3B;
+  background-color: #4A4A4A;
 }
 
 /*--------------
@@ -1597,7 +1611,7 @@
 
 .ui.pointing.menu .active.item:after {
   position: absolute;
-  bottom: -0.35em;
+  bottom: -0.3em;
   left: 50%;
   content: "";
   margin-left: -0.3em;

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

@@ -25,7 +25,7 @@
   background-color: #FAFAFA;
   color: #808080;
   margin: 0em;
-  padding: 0.8em 1.5em 0.875em;
+  padding: 0.8em 1.5em;
   font-size: 1rem;
   text-transform: uppercase;
   line-height: 1;
@@ -37,10 +37,8 @@
   background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05));
   background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05));
   border-radius: 0.25em;
-  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.08) inset,
-    0px -0.133em 0px 0px rgba(0, 0, 0, 0.1) inset;
-  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.08) inset,
-    0px -0.133em 0px 0px rgba(0, 0, 0, 0.1) inset;
+  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.08) inset;
+  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.08) inset;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
@@ -504,29 +502,29 @@
 
 .ui.mini.buttons .button,
 .ui.mini.button {
-  padding: 0.6em 0.8em 0.73em;
+  padding: 0.6em 0.8em;
 }
 
 .ui.mini.icon.buttons .button,
 .ui.mini.buttons .icon.button {
-  padding: 0.6em 0.6em 0.73em;
+  padding: 0.6em 0.6em;
 }
 
 .ui.tiny.buttons .button,
 .ui.tiny.buttons .or,
 .ui.tiny.button {
-  font-size: 0.875rem;
+  font-size: 0.875em;
 }
 
 .ui.tiny.buttons .button,
 .ui.tiny.buttons .button,
 .ui.tiny.button {
-  padding: 0.6em 0.8em 0.73em;
+  padding: 0.6em 0.8em;
 }
 
 .ui.tiny.icon.buttons .button,
 .ui.tiny.buttons .icon.button {
-  padding: 0.6em 0.6em 0.73em;
+  padding: 0.6em 0.6em;
 }
 
 .ui.small.buttons .button,
@@ -611,7 +609,7 @@
 
 .ui.icon.buttons .button,
 .ui.icon.button {
-  padding: 0.8em 0.8em 0.875em;
+  padding: 0.8em;
 }
 
 .ui.icon.buttons .button > .icon,
@@ -671,6 +669,44 @@
   background-color: rgba(0, 0, 0, 0.1);
 }
 
+/* Inverted */
+
+.ui.basic.inverted.buttons .button,
+.ui.basic.inverted.button {
+  color: #FAFAFA !important;
+  -webkit-box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.3) inset;
+  box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.3) inset;
+}
+
+.ui.basic.inverted.buttons .button:hover,
+.ui.basic.inverted.button:hover {
+  background-image: none;
+  color: #FFFFFF !important;
+  -webkit-box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.5) inset;
+  box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.5) inset;
+}
+
+.ui.basic.inverted.buttons .button:active,
+.ui.basic.inverted.button:active {
+  background-color: rgba(255, 255, 255, 0.05) !important;
+  color: #FFFFFF !important;
+  -webkit-box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.8) inset !important;
+  box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.8) inset !important;
+}
+
+.ui.basic.inverted.buttons .button.active,
+.ui.basic.inverted.button.active {
+  background-color: rgba(255, 255, 255, 0.5);
+  color: #FFFFFF;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+
+.ui.basic.inverted.buttons .button.active:hover,
+.ui.basic.inverted.button.active:hover {
+  background-color: rgba(0, 0, 0, 0.1);
+}
+
 /* Basic Group */
 
 .ui.basic.buttons .button {
@@ -713,7 +749,7 @@
   box-sizing: border-box;
   width: 2.75em;
   height: 100%;
-  padding-top: 0.85em;
+  padding-top: 0.8em;
   background-color: rgba(0, 0, 0, 0.05);
   text-align: center;
   border-radius: 0.25em 0px 0px 0.25em;

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

@@ -41,6 +41,7 @@
 
 .ui.header .icon:only-child {
   display: inline-block;
+  vertical-align: baseline;
 }
 
 .ui.header .content {

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

@@ -54,11 +54,11 @@
 /* browsers require these rules separate */
 
 .ui.input::-web inputkit-input-placeholder {
-  color: #E0E0E0;
+  color: #BBBBBB;
 }
 
 .ui.input::-moz input-placeholder {
-  color: #E0E0E0;
+  color: #BBBBBB;
 }
 
 /*******************************
@@ -217,9 +217,14 @@
 .ui.labeled.input .corner.label {
   top: 1px;
   right: 1px;
+  font-size: 0.55em;
   border-top-right-radius: 0.3125em;
 }
 
+.ui.labeled.input .corner.label > .icon {
+  margin: 0.4em 0em 0em 2em;
+}
+
 .ui.labeled.input input {
   padding-right: 2.5em !important;
 }

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

@@ -79,6 +79,21 @@
   top: 1px;
 }
 
+.ui.page.grid.segment
+.ui.grid .ui.segment.column {
+  padding-top: 2rem;
+  padding-bottom: 2rem;
+}
+
+.ui.grid.segment,
+.ui.grid .ui.segment.row,
+.ui.grid .ui.segment.column {
+  border-radius: 0em;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+  border: none;
+}
+
 /* No padding on edge content */
 
 .ui.segment > :first-child {
@@ -396,10 +411,18 @@
   border-radius: 5px 5px 0px 0px;
 }
 
+.ui.segment.top.attached:first-child {
+  margin-top: 0em;
+}
+
 .ui.segment.bottom.attached {
   top: -1px;
   bottom: 0px;
   margin-top: 0em;
   margin-bottom: 1em;
   border-radius: 0px 0px 5px 5px;
+}
+
+.ui.segment.bottom.attached:last-child {
+  margin-bottom: 0em;
 }

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

@@ -14,6 +14,7 @@
 *******************************/
 
 .ui.dropdown {
+  cursor: pointer;
   position: relative;
   display: inline-block;
   line-height: 1;
@@ -35,6 +36,7 @@
 ---------------*/
 
 .ui.dropdown .menu {
+  cursor: auto;
   position: absolute;
   display: none;
   top: 100%;
@@ -80,7 +82,6 @@
 ---------------*/
 
 .ui.dropdown > .text {
-  cursor: pointer;
   display: inline-block;
   -webkit-transition: color 0.2s ease;
   transition: color 0.2s ease;
@@ -393,7 +394,7 @@
 .ui.floating.dropdown .menu {
   left: 0;
   right: auto;
-  margin-top: 0.5em;
+  margin-top: 0.5em !important;
   border-radius: 0.325em;
 }
 

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

@@ -77,19 +77,19 @@
   box-sizing: border-box;
 }
 
-.ui.modal > .content > .left {
+.ui.modal > .content > .left:not(.ui) {
   display: table-cell;
   padding-right: 1.5%;
   min-width: 25%;
 }
 
-.ui.modal > .content > .right {
+.ui.modal > .content > .right:not(.ui) {
   display: table-cell;
   padding-left: 1.5%;
   vertical-align: top;
 }
 
-.ui.modal > .content > .left > .icon {
+.ui.modal > .content > .left:not(.ui) > i.icon {
   font-size: 8em;
   margin: 0em;
 }
@@ -118,12 +118,12 @@
 /* Mobile Only */
 
 @media only screen and (max-width : 768px) {
-  .ui.modal .content .left {
+  .ui.modal .content > .left:not(.ui) {
     display: block;
     padding: 0em 0em 1em;
   }
 
-  .ui.modal .content .right {
+  .ui.modal .content > .right:not(.ui) {
     display: block;
     padding: 1em 0em 0em;
     -webkit-box-shadow: none;
@@ -139,8 +139,8 @@
     padding-bottom: 0em;
   }
 
-  .ui.modal .actions .buttons,
-  .ui.modal .actions .button {
+  .ui.modal .actions > .buttons,
+  .ui.modal .actions > .button {
     margin-bottom: 1em;
   }
 }

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

@@ -65,13 +65,19 @@ ol.ui.list li,
   visibility: hidden;
 }
 
+/* Sub-List */
+
+.ui.list .list {
+  clear: both;
+}
+
 /* Icon */
 
 .ui.list .item > .icon {
-  display: table-cell;
-  margin: 0em;
-  padding: 0.1em 0.5em 0em 0em;
-  vertical-align: top;
+  display: block;
+  float: left;
+  margin: 0em 1em 0em 0em;
+  padding: 0.1em 0em 0em 0em;
 }
 
 .ui.list .item > .icon:only-child {
@@ -79,17 +85,23 @@ ol.ui.list li,
 }
 
 .ui.horizontal.list .item > .icon {
+  margin: 0em;
   padding: 0em 0.25em 0em 0em;
 }
 
+.ui.horizontal.list .item > .icon,
+.ui.horizontal.list .item > .icon + .content {
+  float: none;
+  display: inline-block;
+}
+
 /* Image */
 
 .ui.list .item > img {
-  display: inline-block;
-  width: 2em;
-  margin-right: 0.5em;
+  display: block;
+  float: left;
+  margin-right: 1em;
   vertical-align: middle;
-  border-radius: 0.2em;
 }
 
 /* Content */
@@ -101,9 +113,8 @@ ol.ui.list li,
 }
 
 .ui.list .item > .icon + .content {
-  display: table-cell;
+  float: left;
   vertical-align: top;
-  padding-left: 0.5em;
 }
 
 /* Link */
@@ -153,16 +164,21 @@ ol.ui.list li,
   font-size: 0em;
 }
 
-.ui.horizontal.list .item {
+.ui.horizontal.list > .item {
   display: inline-block;
   margin-left: 1em;
   font-size: 1rem;
 }
 
-.ui.horizontal.list .item:first-child {
+.ui.horizontal.list > .item:first-child {
   margin-left: 0em;
 }
 
+.ui.horizontal.list .list {
+  padding-left: 0em;
+  padding-bottom: 0em;
+}
+
 /*******************************
              States
 *******************************/
@@ -179,17 +195,33 @@ ol.ui.list li,
            Variations
 *******************************/
 
+/*-------------------
+       Inverted
+--------------------*/
+
+.ui.inverted.list a .icon {
+  color: rgba(255, 255, 255, 0.6);
+}
+
+.ui.inverted.list .description {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.ui.inverted.link.list .item {
+  color: rgba(255, 255, 255, 0.4);
+}
+
 /*-------------------
        Link
 --------------------*/
 
 .ui.link.list .item {
-  color: rgba(0, 0, 0, 0.4);
+  color: rgba(0, 0, 0, 0.3);
 }
 
 .ui.link.list a.item,
 .ui.link.list .item a {
-  color: rgba(0, 0, 0, 0.6);
+  color: rgba(0, 0, 0, 0.5);
 }
 
 .ui.link.list a.item:hover,
@@ -199,7 +231,7 @@ ol.ui.list li,
 
 .ui.link.list a.item:active,
 .ui.link.list .item a:active {
-  color: rgba(0, 0, 0, 0.9);
+  color: rgba(0, 0, 0, 0.8);
 }
 
 .ui.link.list a.active.item,
@@ -207,6 +239,28 @@ ol.ui.list li,
   color: rgba(0, 0, 0, 0.8);
 }
 
+/* Inverted */
+
+.ui.inverted.link.list a.item,
+.ui.inverted.link.list .item a {
+  color: rgba(255, 255, 255, 0.6);
+}
+
+.ui.inverted.link.list a.item:hover,
+.ui.inverted.link.list .item a:hover {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.ui.inverted.link.list a.item:active,
+.ui.inverted.link.list .item a:active {
+  color: rgba(255, 255, 255, 0.9);
+}
+
+.ui.inverted.link.list a.active.item,
+.ui.inverted.link.list .active.item a {
+  color: rgba(255, 255, 255, 0.8);
+}
+
 /*-------------------
       Selection
 --------------------*/
@@ -228,16 +282,6 @@ ol.ui.list li,
   color: rgba(0, 0, 0, 0.7);
 }
 
-.ui.selection.list:not(.horizontal,
-.ordered) .item:hover {
-  padding-left: 1em;
-}
-
-.ui.selection.list:not(.horizontal,
-.ordered) .item:hover .item:hover {
-  padding-left: 0.5em;
-}
-
 .ui.selection.list .item:active {
   background-color: rgba(0, 0, 0, 0.05);
   color: rgba(0, 0, 0, 0.7);
@@ -248,6 +292,44 @@ ol.ui.list li,
   color: rgba(0, 0, 0, 0.7);
 }
 
+.ui.animated.list .item {
+  -webkit-transition: 0.2s color ease,
+    0.2s padding-left ease,
+    0.2s background-color ease;
+  transition: 0.2s color ease,
+    0.2s padding-left ease,
+    0.2s background-color ease;
+}
+
+.ui.animated.list:not(.horizontal) .item:hover {
+  padding-left: 1em;
+}
+
+.ui.animated.list:not(.horizontal) .item:hover .item:hover {
+  padding-left: 0.5em;
+}
+
+/* Inverted */
+
+.ui.inverted.selection.list .item {
+  color: rgba(255, 255, 255, 0.6);
+}
+
+.ui.inverted.selection.list .item:hover {
+  background-color: rgba(255, 255, 255, 0.04);
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.ui.inverted.selection.list .item:active {
+  background-color: rgba(255, 255, 255, 0.1);
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.ui.inverted.selection.list .item.active {
+  background-color: rgba(255, 255, 255, 0.08);
+  color: #FFFFFF;
+}
+
 /*-------------------
       Bulleted
 --------------------*/
@@ -360,7 +442,7 @@ ol.ui.horizontal.list li:before,
 --------------------*/
 
 .ui.divided.list > .item,
-.ui.divided.list > .list {
+.ui.divided.list:not(.horizontal) > .list {
   border-top: 1px solid rgba(0, 0, 0, 0.1);
   padding-left: 0.5em;
   padding-right: 0.5em;
@@ -376,17 +458,17 @@ ol.ui.horizontal.list li:before,
 
 /* Sub Menu */
 
-.ui.divided.list .list {
+.ui.divided.list:not(.horizontal) .list {
   margin-left: -0.5em;
   margin-right: -0.5em;
 }
 
-.ui.divided.list .list .item {
+.ui.divided.list:not(.horizontal) .list .item {
   padding-left: 1em;
   padding-right: 1em;
 }
 
-.ui.divided.list .list .item:first-child {
+.ui.divided.list:not(.horizontal) .list .item:first-child {
   border-top-width: 1px;
 }
 
@@ -430,7 +512,7 @@ ol.ui.horizontal.list li:before,
   margin-left: 0em;
 }
 
-.ui.divided.horizontal.list .item {
+.ui.divided.horizontal.list > .item {
   border-top: none;
   border-left: 1px solid rgba(0, 0, 0, 0.1);
   margin: 0em;
@@ -439,11 +521,22 @@ ol.ui.horizontal.list li:before,
   line-height: 0.6;
 }
 
-.ui.horizontal.divided.list .item:first-child {
+.ui.horizontal.divided.list > .item:first-child {
   border-left: none;
   padding-left: 0em;
 }
 
+/* Inverted */
+
+.ui.divided.inverted.list > .item,
+.ui.divided.inverted.list > .list {
+  border-color: rgba(255, 255, 255, 0.2);
+}
+
+.ui.divided.inverted.horizontal.list .item {
+  border-color: rgba(255, 255, 255, 0.2);
+}
+
 /*-------------------
         Celled
 --------------------*/
@@ -528,6 +621,17 @@ ol.ui.horizontal.list li:before,
   border-right: 1px solid rgba(0, 0, 0, 0.1);
 }
 
+/* Inverted */
+
+.ui.celled.inverted.list > .item,
+.ui.celled.inverted.list > .list {
+  border-color: rgba(255, 255, 255, 0.2);
+}
+
+.ui.celled.inverted.horizontal.list .item {
+  border-color: rgba(255, 255, 255, 0.2);
+}
+
 /*-------------------
        Relaxed
 --------------------*/
@@ -537,6 +641,10 @@ ol.ui.horizontal.list li:before,
   padding-bottom: 0.5em;
 }
 
+.ui.relaxed.list .header {
+  margin-bottom: 0.25em;
+}
+
 .ui.horizontal.relaxed.list .item {
   padding-left: 1.25em;
   padding-right: 1.25em;
@@ -547,6 +655,10 @@ ol.ui.horizontal.list li:before,
   padding-bottom: 1em;
 }
 
+.ui.very.relaxed.list .header {
+  margin-bottom: 0.5em;
+}
+
 .ui.horizontal.very.relaxed.list .item {
   padding-left: 2em;
   padding-right: 2em;

data/lib/semantic/ui/sass/version.rb

@@ -1,8 +1,8 @@
 module Semantic
   module Ui
     module Sass
-      VERSION = "0.8.6.0"
-      SEMANTIC_UI_SHA = '64bdb9f5fad4e94853a68e061e01ba92a90829d6'
+      VERSION = "0.9.0.0"
+      SEMANTIC_UI_SHA = 'b5e2e6df3b30d23a788217f524fc9a79314776db'
     end
   end
 end

data/tasks/converter.rb

@@ -15,6 +15,7 @@ class Converter
   GIT_DATA = 'https://api.github.com/repos'
   GIT_RAW  = 'https://raw.github.com'
   TOKEN    = ENV['TOKEN']
+  BROWSERS = ['last 2 version', '> 1%', 'opera 12.1', 'safari 6', 'ie 9', 'bb 10', 'android 4']
 
   def initialize(branch)
     @repo               = 'jlukic/Semantic-UI'
@@ -49,7 +50,7 @@ class Converter
         file = open_git_file("#{@git_raw_src}/#{path}/#{name}")
         file = convert(file)
         begin
-          file = AutoprefixerRails.compile(file)
+          file = AutoprefixerRails.compile(file, BROWSERS)
         rescue
           puts "======== #{file_name} autoprefixer fail ========="
         end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: semantic-ui-sass
 version: !ruby/object:Gem::Version
-  version: 0.8.6.0
+  version: 0.9.0.0
 platform: ruby
 authors:
 - doabit
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2013-11-02 00:00:00.000000000 Z
+date: 2013-11-06 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler