semantic-ui-sass 0.8.1.0 → 0.8.2.0

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

@@ -10,12 +10,10 @@
  * Released: April 17 2013
  */
 
-
 /*******************************
             Standard
 *******************************/
 
-
 /*--------------
       Items
 ---------------*/
@@ -23,14 +21,17 @@
 .ui.items {
   margin: 1em 0em 0em;
 }
+
 .ui.items:first-child {
   margin-top: 0em;
 }
+
 .ui.items:last-child {
   margin-bottom: -1em;
 }
 
 /* Force Clearing */
+
 .ui.items:after {
   display: block;
   content: ' ';
@@ -50,32 +51,19 @@
   float: left;
   position: relative;
   top: 0px;
-
   width: 316px;
   min-height: 375px;
   margin: 0em 0.5em 2.5em;
   padding: 0em;
-
   background-color: #FFFFFF;
   line-height: 1.2;
   font-size: 1em;
-
-  -moz-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);
   box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
-
   border-bottom: 0.2em solid rgba(0, 0, 0, 0.2);
-
-  -moz-border-radius: 0.33em;
-  -webkit-border-radius: 0.33em;
   border-radius: 0.33em;
-
-  -webkit-transition: box-shadow 0.2s ease;
-  -moz-transition: box-shadow 0.2s ease;
-  -o-transition: box-shadow 0.2s ease;
-  -ms-transition: box-shadow 0.2s ease;
+  -webkit-transition: -webkit-box-shadow 0.2s ease;
   transition: box-shadow 0.2s ease;
-
   padding: 0.5em;
 }
 
@@ -104,44 +92,44 @@
   display: block;
   position: relative;
   background-color: rgba(0, 0, 0, 0.05);
-
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   -ms-box-sizing: border-box;
   box-sizing: border-box;
-
-  -webkit-border-radius: 0.2em;
-  -moz-border-radius: 0.2em;
   border-radius: 0.2em;
 }
+
 .ui.items .item > .image > img {
   display: block;
   width: 100%;
 }
 
-
 /*--------------
      Content
 ---------------*/
+
 .ui.items .item > .content {
   padding: 0.75em 0.5em;
 }
+
 .ui.items .item > .content > .name {
   display: block;
-
   font-size: 1.25em;
   font-weight: bold;
   margin-bottom: 0.2em;
   color: rgba(0, 0, 0, 0.7);
 }
+
 .ui.items .item > .content > .description {
   clear: both;
   margin: 0em 0em;
   color: rgba(0, 0, 0, 0.45);
 }
+
 .ui.items .item > .content > .description p {
   margin: 0em 0em 0.2em;
 }
+
 .ui.items .item > .content > .description p:last-child {
   margin-bottom: 0em;
 }
@@ -154,11 +142,11 @@
   float: right;
   color: rgba(0, 0, 0, 0.35);
 }
+
 .ui.items .item > .content > .meta + .name {
   float: left;
 }
 
-
 /*--------------
      Labels
 ---------------*/
@@ -166,52 +154,63 @@
 /*-----star----- */
 
 /* hover */
+
 .ui.items .item .star.label:hover::after {
   border-right-color: #F6EFC3;
 }
+
 .ui.items .item .star.label:hover::after {
   border-top-color: #F6EFC3;
 }
+
 .ui.items .item .star.label:hover .icon {
-  color: #AC9400
+  color: #AC9400;
 }
 
 /* active */
+
 .ui.items .item .star.label.active::after {
   border-right-color: #F6EFC3;
 }
+
 .ui.items .item .star.label.active::after {
   border-top-color: #F6EFC3;
 }
+
 .ui.items .item .star.label.active .icon {
-  color: #AC9400
+  color: #AC9400;
 }
 
 /*-----like----- */
 
 /* hover */
+
 .ui.items .item .like.label:hover::after {
   border-right-color: #F5E1E2;
 }
+
 .ui.items .item .like.label.active::after {
   border-top-color: #F5E1E2;
 }
+
 .ui.items .item .like.label:hover .icon {
-  color: #EF404A
+  color: #EF404A;
 }
+
 /* active */
+
 .ui.items .item .like.label.active::after {
   border-right-color: #F5E1E2;
 }
+
 .ui.items .item .like.label.active::after {
   border-top-color: #F5E1E2;
 }
+
 .ui.items .item .like.label.active .icon {
-  color: #EF404A
+  color: #EF404A;
 }
 
-
-
 /*--------------
       Extra
 ---------------*/
@@ -224,13 +223,10 @@
   left: 0em;
   height: 1.5em;
   color: rgba(0, 0, 0, 0.25);
-
   -webkit-transition: color 0.2s ease;
-  -moz-transition: color 0.2s ease;
-  -o-transition: color 0.2s ease;
-  -ms-transition: color 0.2s ease;
   transition: color 0.2s ease;
 }
+
 .ui.items .item .extra > img {
   display: inline-block;
   border-radius: 500px 500px 500px 500px;
@@ -238,14 +234,15 @@
   vertical-align: middle;
   width: 2em;
 }
+
 .ui.items .item .extra .left {
   float: left;
 }
+
 .ui.items .item .extra .right {
   float: right;
 }
 
-
 /*******************************
            States
 *******************************/
@@ -253,9 +250,10 @@
 .ui.items .item:hover {
   cursor: pointer;
   z-index: 5;
-
+  -webkit-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.items .item:hover .extra {
   color: rgba(0, 0, 0, 0.5);
 }
@@ -263,28 +261,31 @@
 .ui.items .item:nth-of-type(n+1):hover {
   border-bottom-color: #6ECFF5 !important;
 }
+
 .ui.items .item:nth-of-type(n+2):hover {
   border-bottom-color: #5C6166 !important;
 }
+
 .ui.items .item:nth-of-type(n+3):hover {
   border-bottom-color: #A1CF64 !important;
 }
+
 .ui.items .item:nth-of-type(n+4):hover {
   border-bottom-color: #D95C5C !important;
 }
+
 .ui.items .item:nth-of-type(n+5):hover {
   border-bottom-color: #564F8A !important;
 }
+
 .ui.items .item:nth-of-type(n+6):hover {
   border-bottom-color: #00B5AD !important;
 }
 
-
 /*******************************
            Variations
 *******************************/
 
-
 /*--------------
     Connected
 ---------------*/
@@ -295,6 +296,7 @@
   margin-left: 0em !important;
   margin-right: 0em !important;
 }
+
 .ui.connected.items > .row > .item,
 .ui.connected.items > .item {
   float: none;
@@ -305,102 +307,118 @@
   margin: 0em;
   width: 33.33%;
 }
+
 .ui.connected.items > .row {
   display: table;
   margin: 0.5em 0em;
 }
+
 .ui.connected.items > .row:first-child {
   margin-top: 0em;
 }
 
 /* Borders */
+
 .ui.connected.items > .item,
 .ui.connected.items > .row:last-child > .item {
   border-bottom: 0.2em solid rgba(0, 0, 0, 0.2);
 }
+
 .ui.connected.items > .row:last-child > .item:first-child,
 .ui.connected.items > .item:first-child {
   border-radius: 0em 0em 0em 0.33em;
 }
+
 .ui.connected.items > .row:last-child > .item:last-child,
 .ui.connected.items > .item:last-child {
   border-radius: 0em 0em 0.33em 0em;
 }
 
-
 /* Hover */
+
 .ui.connected.items .item:hover {
   border-bottom-width: 0.2em;
 }
 
-
 /* Item Count */
+
 .ui.one.connected.items > .row > .item,
 .ui.one.connected.items > .item {
   width: 50%;
   padding-left: 2%;
   padding-right: 2%;
 }
+
 .ui.two.connected.items > .row > .item,
 .ui.two.connected.items > .item {
   width: 50%;
   padding-left: 1%;
   padding-right: 1%;
 }
+
 .ui.three.connected.items > .row > .item,
 .ui.three.connected.items > .item {
   width: 33.333%;
   padding-left: 1%;
   padding-right: 1%;
 }
+
 .ui.four.connected.items > .row > .item,
 .ui.four.connected.items > .item {
   width: 25%;
   padding-left: 0.5%;
   padding-right: 0.5%;
 }
+
 .ui.five.connected.items > .row > .item,
 .ui.five.connected.items > .item {
   width: 20%;
   padding-left: 0.5%;
   padding-right: 0.5%;
 }
+
 .ui.six.connected.items > .row > .item,
 .ui.six.connected.items > .item {
   width: 16.66%;
   padding-left: 0.5%;
   padding-right: 0.5%;
 }
+
 .ui.seven.connected.items > .row > .item,
 .ui.seven.connected.items > .item {
   width: 14.28%;
   padding-left: 0.5%;
   padding-right: 0.5%;
 }
+
 .ui.eight.connected.items > .row > .item,
 .ui.eight.connected.items > .item {
   width: 12.5%;
   padding-left: 0.25%;
   padding-right: 0.25%;
 }
+
 .ui.nine.connected.items > .row > .item,
 .ui.nine.connected.items > .item {
   width: 11.11%;
   padding-left: 0.25%;
   padding-right: 0.25%;
 }
+
 .ui.ten.connected.items > .row > .item,
 .ui.ten.connected.items > .item {
   width: 10%;
   padding-left: 0.2%;
   padding-right: 0.2%;
 }
+
 .ui.eleven.connected.items > .row > .item,
 .ui.eleven.connected.items > .item {
   width: 9.09%;
   padding-left: 0.2%;
   padding-right: 0.2%;
 }
+
 .ui.twelve.connected.items > .row > .item,
 .ui.twelve.connected.items > .item {
   width: 8.3333%;
@@ -416,6 +434,7 @@
   .ui.stackable.items {
     display: block !important;
   }
+
   .ui.stackable.items > .item,
   .ui.stackable.items > .row > .item {
     display: block !important;
@@ -428,6 +447,7 @@
 /*--------------------
       Horizontal
 ---------------------*/
+
 .ui.horizontal.items > .item,
 .ui.items > .horizontal.item {
   display: table;
@@ -438,11 +458,13 @@
   display: table-cell;
   width: 50%;
 }
+
 .ui.horizontal.items > .item > .image + .content,
 .ui.items > .horizontal.item > .image + .content {
   width: 50%;
   display: table-cell;
 }
+
 .ui.horizontal.items > .item > .content,
 .ui.items > .horizontal.item > .content {
   padding: 1% 1.7% 11% 3%;
@@ -457,6 +479,7 @@
   left: 3%;
   width: 94%;
 }
+
 .ui.horizontal.items > .item > .image + .content + .meta,
 .ui.items > .horizontal.item > .image + .content + .meta {
   bottom: 7%;
@@ -464,7 +487,6 @@
   width: 44%;
 }
 
-
 .ui.horizontal.items > .item .avatar,
 .ui.items > .horizontal.item .avatar {
   width: 11.5%;
@@ -478,11 +500,11 @@
     Item Count
 ---------------*/
 
-
 .ui.one.items {
   margin-left: -2%;
   margin-right: -2%;
 }
+
 .ui.one.items > .item {
   width: 100%;
   margin-left: 2%;
@@ -493,11 +515,13 @@
   margin-left: -1%;
   margin-right: -1%;
 }
+
 .ui.two.items > .item {
   width: 48%;
   margin-left: 1%;
   margin-right: 1%;
 }
+
 .ui.two.items > .item:nth-child(2n+1) {
   clear: left;
 }
@@ -506,11 +530,13 @@
   margin-left: -1%;
   margin-right: -1%;
 }
+
 .ui.three.items > .item {
   width: 31.333%;
   margin-left: 1%;
   margin-right: 1%;
 }
+
 .ui.three.items > .item:nth-child(3n+1) {
   clear: left;
 }
@@ -519,11 +545,13 @@
   margin-left: -0.5%;
   margin-right: -0.5%;
 }
+
 .ui.four.items > .item {
   width: 24%;
   margin-left: 0.5%;
   margin-right: 0.5%;
 }
+
 .ui.four.items > .item:nth-child(4n+1) {
   clear: left;
 }
@@ -532,11 +560,13 @@
   margin-left: -0.5%;
   margin-right: -0.5%;
 }
+
 .ui.five.items > .item {
   width: 19%;
   margin-left: 0.5%;
   margin-right: 0.5%;
 }
+
 .ui.five.items > .item:nth-child(5n+1) {
   clear: left;
 }
@@ -545,11 +575,13 @@
   margin-left: -0.5%;
   margin-right: -0.5%;
 }
+
 .ui.six.items > .item {
   width: 15.66%;
   margin-left: 0.5%;
   margin-right: 0.5%;
 }
+
 .ui.six.items > .item:nth-child(6n+1) {
   clear: left;
 }
@@ -558,12 +590,14 @@
   margin-left: -0.5%;
   margin-right: -0.5%;
 }
+
 .ui.seven.items > .item {
   width: 13.28%;
   margin-left: 0.5%;
   margin-right: 0.5%;
   font-size: 11px;
 }
+
 .ui.seven.items > .item:nth-child(7n+1) {
   clear: left;
 }
@@ -572,12 +606,14 @@
   margin-left: -0.25%;
   margin-right: -0.25%;
 }
+
 .ui.eight.items > .item {
   width: 12.0%;
   margin-left: 0.25%;
   margin-right: 0.25%;
   font-size: 11px;
 }
+
 .ui.eight.items > .item:nth-child(8n+1) {
   clear: left;
 }
@@ -586,12 +622,14 @@
   margin-left: -0.25%;
   margin-right: -0.25%;
 }
+
 .ui.nine.items > .item {
   width: 10.61%;
   margin-left: 0.25%;
   margin-right: 0.25%;
   font-size: 10px;
 }
+
 .ui.nine.items > .item:nth-child(9n+1) {
   clear: left;
 }
@@ -600,12 +638,14 @@
   margin-left: -0.2%;
   margin-right: -0.2%;
 }
+
 .ui.ten.items > .item {
   width: 9.6%;
   margin-left: 0.2%;
   margin-right: 0.2%;
   font-size: 10px;
 }
+
 .ui.ten.items > .item:nth-child(10n+1) {
   clear: left;
 }
@@ -614,12 +654,14 @@
   margin-left: -0.2%;
   margin-right: -0.2%;
 }
+
 .ui.eleven.items > .item {
   width: 8.69%;
   margin-left: 0.2%;
   margin-right: 0.2%;
   font-size: 9px;
 }
+
 .ui.eleven.items > .item:nth-child(11n+1) {
   clear: left;
 }
@@ -628,13 +670,14 @@
   margin-left: -0.1%;
   margin-right: -0.1%;
 }
+
 .ui.twelve.items > .item {
   width: 8.1333%;
   margin-left: 0.1%;
   margin-right: 0.1%;
   font-size: 9px;
 }
+
 .ui.twelve.items > .item:nth-child(12n+1) {
   clear: left;
-}
-
+}