less-rails-semantic_ui 1.12.3.0 → 2.0.0.0

data/assets/stylesheets/semantic_ui/definitions/modules/search.less

@@ -13,7 +13,7 @@
  * http://github.com/semantic-org/semantic-ui/
  *
  *
- * Copyright 2014 Contributors
+ * Copyright 2015 Contributors
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
@@ -81,6 +81,7 @@
   position: absolute;
   top: 100%;
   left: 0%;
+  transform-origin: center top;
 
   background: @resultsBackground;
 
@@ -89,8 +90,15 @@
 
   border-radius: @resultsBorderRadius;
   box-shadow: @resultsBoxShadow;
+  border: @resultsBorder;
   z-index: @resultsZIndex;
 }
+.ui.search > .results > :first-child {
+  border-radius: @resultsBorderRadius @resultsBorderRadius 0em 0em;
+}
+.ui.search > .results > :last-child {
+  border-radius: 0em 0em @resultsBorderRadius @resultsBorderRadius;
+}
 
 /*--------------
     Result
@@ -101,13 +109,13 @@
   display: block;
   overflow: hidden;
   font-size: @resultFontSize;
-  padding: @resultVerticalPadding @resultHorizontalPadding;
+  padding: @resultPadding;
   color: @resultTextColor;
   line-height: @resultLineHeight;
   border-bottom: @resultDivider;
 }
 .ui.search > .results .result:last-child {
-  border-bottom: @resultLastDivider;
+  border-bottom: @resultLastDivider !important;
 }
 
 /* Image */
@@ -134,6 +142,7 @@
 }
 
 .ui.search > .results .result .title {
+  margin: @resultTitleMargin;
   font-family: @resultTitleFont;
   font-weight: @resultTitleFontWeight;
   font-size: @resultTitleFontSize;
@@ -184,11 +193,21 @@
             States
 *******************************/
 
+/*--------------------
+       Focus
+---------------------*/
+
+.ui.search > .prompt:focus {
+  border-color: @promptFocusBorderColor;
+  background: @promptFocusBackground;
+  color: @promptFocusColor;
+}
+
 /*--------------------
        Loading
 ---------------------*/
 
-.ui.loading.search .input > .icon:before {
+.ui.loading.search .input > i.icon:before {
   position: absolute;
   content: '';
   top: 50%;
@@ -201,7 +220,7 @@
   border-radius: @circularRadius;
   border: @loaderLineWidth solid @loaderFillColor;
 }
-.ui.loading.search .input > .icon:after {
+.ui.loading.search .input > i.icon:after {
   position: absolute;
   content: '';
   top: 50%;
@@ -240,10 +259,10 @@
       Active
 ---------------*/
 
-.ui.search > .results .category.active {
+.ui.category.search > .results .category.active {
   background: @categoryActiveBackground;
 }
-.ui.search > .results .category.active > .name {
+.ui.category.search > .results .category.active > .name {
   color: @categoryNameActiveColor;
 }
 
@@ -280,10 +299,20 @@
   border-bottom: @categoryDivider;
   transition: @categoryTransition;
 }
+
+/* Last Category */
 .ui.category.search > .results .category:last-child {
   border-bottom: none;
 }
 
+/* First / Last */
+.ui.category.search > .results .category:first-child .name + .result {
+  border-radius: 0em @resultsBorderRadius 0em 0em;
+}
+.ui.category.search > .results .category:last-child .result:last-child {
+  border-radius: 0em 0em @resultsBorderRadius 0em;
+}
+
 /* Category Result */
 .ui.category.search > .results .category .result {
   background: @categoryResultBackground;
@@ -291,8 +320,9 @@
   border-left: @categoryResultLeftBorder;
   border-bottom: @categoryResultDivider;
   transition: @categoryResultTransition;
+  padding: @categoryResultPadding;
 }
-.ui.category.search > .results .category .result:last-child {
+.ui.category.search > .results .category:last-child .result:last-child {
   border-bottom: @categoryResultLastDivider;
 }
 
@@ -339,11 +369,26 @@
       Sizes
 ---------------*/
 
+.ui.mini.search {
+  font-size: @relativeMini;
+}
+.ui.small.search {
+  font-size: @relativeSmall;
+}
 .ui.search {
-  font-size: @medium;
+  font-size: @relativeMedium;
 }
 .ui.large.search {
-  font-size: @large;
+  font-size: @relativeLarge;
+}
+.ui.big.search {
+  font-size: @relativeBig;
+}
+.ui.huge.search {
+  font-size: @relativeHuge;
+}
+.ui.massive.search {
+  font-size: @relativeMassive;
 }
 
 .loadUIOverrides();

data/assets/stylesheets/semantic_ui/definitions/modules/shape.less

@@ -13,7 +13,7 @@
  * http://github.com/semantic-org/semantic-ui/
  *
  *
- * Copyright 2014 Contributors
+ * Copyright 2015 Contributors
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
@@ -36,8 +36,10 @@
 
 .ui.shape {
   position: relative;
+  vertical-align: top;
   display: @display;
   perspective: @perspective;
+  transition: @transition;
 }
 
 .ui.shape .sides {
@@ -49,7 +51,6 @@
   width: 100%;
 
   margin: @sideMargin !important;
-
   backface-visibility: @backfaceVisibility;
 }
 
@@ -57,7 +58,7 @@
   display: none;
 }
 
-.ui.shape .side > * {
+.ui.shape .side * {
   backface-visibility: visible !important;
 }
 
@@ -127,6 +128,7 @@
   position: absolute;
   top: 0px;
   left: 0px;
+  display: block;
   z-index: @animatingZIndex;
 }
 .ui.shape .hidden.side {
@@ -138,9 +140,6 @@
       CSS
 ---------------*/
 
-.ui.shape.animating {
-  transition: @transition;
-}
 .ui.shape.animating .sides {
   position: absolute;
 }

data/assets/stylesheets/semantic_ui/definitions/modules/sidebar.less

@@ -13,7 +13,7 @@
  * http://github.com/semantic-org/semantic-ui/
  *
  *
- * Copyright 2014 Contributorss
+ * Copyright 2015 Contributors
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
@@ -48,6 +48,7 @@
   -webkit-overflow-scrolling: touch;
 
   height: 100% !important;
+  max-height: 100%;
   border-radius: 0em !important;
   margin: 0em !important;
   overflow-y: auto !important;
@@ -80,7 +81,6 @@
 .ui.bottom.sidebar {
   width: 100% !important;
   height: auto !important;
-  overflow-y: visible !important;
 }
 .ui.top.sidebar {
   top: 0px !important;
@@ -150,6 +150,7 @@ body.pushable > .pusher {
   background: @pageBackground;
 }
 
+/* Pusher should inherit background from context */
 .pushable > .pusher {
   background: inherit;
 }
@@ -164,8 +165,6 @@ body.pushable > .pusher {
   right: 0px;
   content: '';
   background-color: @dimmerColor;
-  width: 0px;
-  height: 0px;
   overflow: hidden;
   opacity: 0;
   transition: @dimmerTransition;
@@ -261,6 +260,11 @@ html.ios {
   -webkit-overflow-scrolling: touch;
 }
 
+html.ios,
+html.ios body {
+  height: initial !important;
+}
+
 
 /*******************************
           Variations
@@ -546,7 +550,7 @@ html.ios {
   display: block !important;
   width: 100%;
   height: 100%;
-  overflow: hidden;
+  overflow: hidden !important;
 }
 
 /* End */

data/assets/stylesheets/semantic_ui/definitions/modules/sticky.less

@@ -13,7 +13,7 @@
  * http://github.com/semantic-org/semantic-ui/
  *
  *
- * Copyright 2014 Contributors
+ * Copyright 2015 Contributors
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *

data/assets/stylesheets/semantic_ui/definitions/modules/tab.less

@@ -13,7 +13,7 @@
  * http://github.com/semantic-org/semantic-ui/
  *
  *
- * Copyright 2014 Contributors
+ * Copyright 2015 Contributors
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *

data/assets/stylesheets/semantic_ui/definitions/modules/transition.less

@@ -13,7 +13,7 @@
  * http://github.com/semantic-org/semantic-ui/
  *
  *
- * Copyright 2014 Contributorss
+ * Copyright 2015 Contributors
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
@@ -48,7 +48,6 @@
 /* Animating */
 .animating.transition {
   backface-visibility: @backfaceVisibility;
-  transform: @use3DAcceleration;
   visibility: visible !important;
 }
 
@@ -69,8 +68,8 @@
 .visible.transition {
   display: block !important;
   visibility: visible !important;
-  backface-visibility: @backfaceVisibility;
-  transform: @use3DAcceleration;
+/*  backface-visibility: @backfaceVisibility;
+  transform: @use3DAcceleration;*/
 }
 
 /* Disabled */

data/assets/stylesheets/semantic_ui/definitions/views/card.less

@@ -13,7 +13,7 @@
  * http://github.com/semantic-org/semantic-ui/
  *
  *
- * Copyright 2014 Contributorss
+ * Copyright 2015 Contributors
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
@@ -103,6 +103,7 @@
   margin-top: @consecutiveGroupDistance;
 }
 
+
 /*--------------
   Rounded Edges
 ---------------*/
@@ -110,6 +111,7 @@
 .ui.cards > .card > :first-child,
 .ui.card > :first-child {
   border-radius: @borderRadius @borderRadius 0em 0em !important;
+  border-top: none !important;
 }
 
 .ui.cards > .card > :last-child,
@@ -117,15 +119,20 @@
   border-radius: 0em 0em @borderRadius @borderRadius !important;
 }
 
+.ui.cards > .card > :only-child,
+.ui.card > :only-child {
+  border-radius: @borderRadius !important;
+}
+
 /*--------------
      Images
 ---------------*/
 
 .ui.cards > .card > .image,
 .ui.card > .image {
+  position: relative;
   display: block;
   flex: 0 0 auto;
-  position: relative;
   padding: @imagePadding;
   background: @imageBackground;
 }
@@ -134,13 +141,11 @@
   display: block;
   width: 100%;
   height: auto;
-  border-radius: @imageBorderRadius;
-  border: @imageBorder;
+  border-radius: inherit;
 }
-
-.ui.cards > .card > .image:only-child > img,
-.ui.card > .image:only-child > img {
-  border-radius: @borderRadius;
+.ui.cards > .card > .image:not(.ui) > img,
+.ui.card > .image:not(.ui) > img {
+  border: @imageBorder;
 }
 
 /*--------------
@@ -150,12 +155,13 @@
 .ui.cards > .card > .content,
 .ui.card > .content {
   flex-grow: 1;
+  border: @contentBorder;
+  border-top: @contentDivider;
   background: @contentBackground;
   margin: @contentMargin;
   padding: @contentPadding;
   box-shadow: @contentBoxShadow;
   font-size: @contentFontSize;
-  border: @contentBorder;
   border-radius: @contentBorderRadius;
 }
 
@@ -193,9 +199,9 @@
   margin-top: @descriptionDistance;
 }
 
-/*--------------
-     Floated
----------------*/
+/*----------------
+ Floated Content
+-----------------*/
 
 .ui.cards > .card  [class*="left floated"],
 .ui.card [class*="left floated"] {
@@ -330,10 +336,10 @@
      Buttons
 ---------------*/
 
-.ui.cards > .card > .buttons:last-child,
-.ui.card > .buttons:last-child,
-.ui.cards > .card > .button:last-child,
-.ui.card > .button:last-child {
+.ui.cards > .card > .buttons,
+.ui.card > .buttons,
+.ui.cards > .card > .button,
+.ui.card > .button {
   margin: @buttonMargin;
   width: @buttonWidth;
 }
@@ -399,6 +405,7 @@
   max-width: 100%;
   min-height: 0em !important;
   flex-grow: 0;
+  border-top: @extraDivider !important;
   position: @extraPosition;
   background: @extraBackground;
   width: @extraWidth;
@@ -409,7 +416,6 @@
   color: @extraColor;
   box-shadow: @extraBoxShadow;
   transition: @extraTransition;
-  border-top: @extraDivider;
 }
 .ui.cards > .card > .extra a:not(.ui),
 .ui.card > .extra a:not(.ui) {
@@ -425,6 +431,15 @@
            Variations
 *******************************/
 
+/*-------------------
+       Centered
+--------------------*/
+
+.ui.centered.card {
+  margin-left: auto;
+  margin-right: auto;
+}
+
 /*-------------------
         Fluid
 --------------------*/
@@ -438,6 +453,14 @@
         Link
 --------------------*/
 
+.ui.cards a.card,
+.ui.link.cards .card,
+a.ui.card,
+.ui.link.card {
+  transform: none;
+}
+
+
 .ui.cards a.card:hover,
 .ui.link.cards .card:hover,
 a.ui.card:hover,
@@ -447,156 +470,270 @@ a.ui.card:hover,
   background: @linkHoverBackground;
   border: @linkHoverBorder;
   box-shadow: @linkHoverBoxShadow;
+  transform: @linkHoverTransform;
 }
 
 /*-------------------
        Colors
 --------------------*/
 
-.ui.black.cards > .card,
-.ui.cards > .black.card,
-.ui.black.card {
+/* Red */
+.ui.red.cards > .card,
+.ui.cards > .red.card,
+.ui.red.card {
   box-shadow:
-    0px @shadowDistance 0px 0px @black,
-    @borderShadow
+    @borderShadow,
+    0px @coloredShadowDistance 0px 0px @red,
+    @shadowBoxShadow
   ;
 }
-.ui.blue.cards > .card,
-.ui.cards > .blue.card,
-.ui.blue.card {
-   box-shadow:
-    0px @shadowDistance 0px 0px @blue,
-    @borderShadow
+.ui.red.cards > .card:hover,
+.ui.cards > .red.card:hover,
+.ui.red.card:hover {
+  box-shadow:
+    @borderShadow,
+    0px @coloredShadowDistance 0px 0px @redHover,
+    @shadowHoverBoxShadow
   ;
 }
-.ui.green.cards > .card,
-.ui.cards > .green.card,
-.ui.green.card {
-    box-shadow:
-      0px @shadowDistance 0px 0px @green,
-      @borderShadow
-    ;
-}
+
+/* Orange */
 .ui.orange.cards > .card,
 .ui.cards > .orange.card,
 .ui.orange.card {
   box-shadow:
-    0px @shadowDistance 0px 0px @orange,
-    @borderShadow
+    @borderShadow,
+    0px @coloredShadowDistance 0px 0px @orange,
+    @shadowBoxShadow
   ;
 }
-.ui.pink.cards > .card,
-.ui.cards > .pink.card,
-.ui.pink.card {
+.ui.orange.cards > .card:hover,
+.ui.cards > .orange.card:hover,
+.ui.orange.card:hover {
   box-shadow:
-    0px @shadowDistance 0px 0px @pink,
-    @borderShadow
+    @borderShadow,
+    0px @coloredShadowDistance 0px 0px @orangeHover,
+    @shadowHoverBoxShadow
   ;
 }
-.ui.purple.cards > .card,
-.ui.cards > .purple.card,
-.ui.purple.card {
+
+/* Yellow */
+.ui.yellow.cards > .card,
+.ui.cards > .yellow.card,
+.ui.yellow.card {
   box-shadow:
-    0px @shadowDistance 0px 0px @purple,
-    @borderShadow
+    @borderShadow,
+    0px @coloredShadowDistance 0px 0px @yellow,
+    @shadowBoxShadow
   ;
 }
-.ui.red.cards > .card,
-.ui.cards > .red.card,
-.ui.red.card {
+.ui.yellow.cards > .card:hover,
+.ui.cards > .yellow.card:hover,
+.ui.yellow.card:hover {
+  box-shadow:
+    @borderShadow,
+    0px @coloredShadowDistance 0px 0px @yellowHover,
+    @shadowHoverBoxShadow
+  ;
+}
+
+/* Olive */
+.ui.olive.cards > .card,
+.ui.cards > .olive.card,
+.ui.olive.card {
+  box-shadow:
+    @borderShadow,
+    0px @coloredShadowDistance 0px 0px @olive,
+    @shadowBoxShadow
+  ;
+}
+.ui.olive.cards > .card:hover,
+.ui.cards > .olive.card:hover,
+.ui.olive.card:hover {
+  box-shadow:
+    @borderShadow,
+    0px @coloredShadowDistance 0px 0px @oliveHover,
+    @shadowHoverBoxShadow
+  ;
+}
+
+/* Green */
+.ui.green.cards > .card,
+.ui.cards > .green.card,
+.ui.green.card {
+  box-shadow:
+    @borderShadow,
+    0px @coloredShadowDistance 0px 0px @green,
+    @shadowBoxShadow
+  ;
+}
+.ui.green.cards > .card:hover,
+.ui.cards > .green.card:hover,
+.ui.green.card:hover {
   box-shadow:
-    0px @shadowDistance 0px 0px @red,
-    @borderShadow
+    @borderShadow,
+    0px @coloredShadowDistance 0px 0px @greenHover,
+    @shadowHoverBoxShadow
   ;
 }
+
+/* Teal */
 .ui.teal.cards > .card,
 .ui.cards > .teal.card,
 .ui.teal.card {
   box-shadow:
-    0px @shadowDistance 0px 0px @teal,
-    @borderShadow
+    @borderShadow,
+    0px @coloredShadowDistance 0px 0px @teal,
+    @shadowBoxShadow
   ;
 }
-.ui.yellow.cards > .card,
-.ui.cards > .yellow.card,
-.ui.yellow.card {
+.ui.teal.cards > .card:hover,
+.ui.cards > .teal.card:hover,
+.ui.teal.card:hover {
   box-shadow:
-    0px @shadowDistance 0px 0px @yellow,
-    @borderShadow
+    @borderShadow,
+    0px @coloredShadowDistance 0px 0px @tealHover,
+    @shadowHoverBoxShadow
   ;
 }
 
-/* Hover */
-.ui.black.cards > .card:hover,
-.ui.cards > .black.card:hover,
-.ui.black.card:hover {
+/* Blue */
+.ui.blue.cards > .card,
+.ui.cards > .blue.card,
+.ui.blue.card {
   box-shadow:
-    0px @shadowDistance 0px 0px @blackHover,
-    @borderShadow
+    @borderShadow,
+    0px @coloredShadowDistance 0px 0px @blue,
+    @shadowBoxShadow
   ;
 }
 .ui.blue.cards > .card:hover,
 .ui.cards > .blue.card:hover,
 .ui.blue.card:hover {
-   box-shadow:
-    0px @shadowDistance 0px 0px @blueHover,
-    @borderShadow
+  box-shadow:
+    @borderShadow,
+    0px @coloredShadowDistance 0px 0px @blueHover,
+    @shadowHoverBoxShadow
   ;
 }
-.ui.green.cards > .card:hover,
-.ui.cards > .green.card:hover,
-.ui.green.card:hover {
-    box-shadow:
-      0px @shadowDistance 0px 0px @greenHover,
-      @borderShadow
-    ;
+
+/* Violet */
+.ui.violet.cards > .card,
+.ui.cards > .violet.card,
+.ui.violet.card {
+  box-shadow:
+    @borderShadow,
+    0px @coloredShadowDistance 0px 0px @violet,
+    @shadowBoxShadow
+  ;
 }
-.ui.orange.cards > .card:hover,
-.ui.cards > .orange.card:hover,
-.ui.orange.card:hover {
+.ui.violet.cards > .card:hover,
+.ui.cards > .violet.card:hover,
+.ui.violet.card:hover {
   box-shadow:
-    0px @shadowDistance 0px 0px @orangeHover,
-    @borderShadow
+    @borderShadow,
+    0px @coloredShadowDistance 0px 0px @violetHover,
+    @shadowHoverBoxShadow
   ;
 }
-.ui.pink.cards > .card:hover,
-.ui.cards > .pink.card:hover,
-.ui.pink.card:hover {
+
+/* Purple */
+.ui.purple.cards > .card,
+.ui.cards > .purple.card,
+.ui.purple.card {
   box-shadow:
-    0px @shadowDistance 0px 0px @pinkHover,
-    @borderShadow
+    @borderShadow,
+    0px @coloredShadowDistance 0px 0px @purple,
+    @shadowBoxShadow
   ;
 }
 .ui.purple.cards > .card:hover,
 .ui.cards > .purple.card:hover,
 .ui.purple.card:hover {
   box-shadow:
-    0px @shadowDistance 0px 0px @purpleHover,
-    @borderShadow
+    @borderShadow,
+    0px @coloredShadowDistance 0px 0px @purpleHover,
+    @shadowHoverBoxShadow
   ;
 }
-.ui.red.cards > .card:hover,
-.ui.cards > .red.card:hover,
-.ui.red.card:hover {
+
+/* Pink */
+.ui.pink.cards > .card,
+.ui.cards > .pink.card,
+.ui.pink.card {
   box-shadow:
-    0px @shadowDistance 0px 0px @redHover,
-    @borderShadow
+    @borderShadow,
+    0px @coloredShadowDistance 0px 0px @pink,
+    @shadowBoxShadow
   ;
 }
-.ui.teal.cards > .card:hover,
-.ui.cards > .teal.card:hover,
-.ui.teal.card:hover {
+.ui.pink.cards > .card:hover,
+.ui.cards > .pink.card:hover,
+.ui.pink.card:hover {
   box-shadow:
-    0px @shadowDistance 0px 0px @tealHover,
-    @borderShadow
+    @borderShadow,
+    0px @coloredShadowDistance 0px 0px @pinkHover,
+    @shadowHoverBoxShadow
   ;
 }
-.ui.yellow.cards > .card:hover,
-.ui.cards > .yellow.card:hover,
-.ui.yellow.card:hover {
+
+/* Brown */
+.ui.brown.cards > .card,
+.ui.cards > .brown.card,
+.ui.brown.card {
+  box-shadow:
+    @borderShadow,
+    0px @coloredShadowDistance 0px 0px @brown,
+    @shadowBoxShadow
+  ;
+}
+.ui.brown.cards > .card:hover,
+.ui.cards > .brown.card:hover,
+.ui.brown.card:hover {
   box-shadow:
-    0px @shadowDistance 0px 0px @yellowHover,
-    @borderShadow
+    @borderShadow,
+    0px @coloredShadowDistance 0px 0px @brownHover,
+    @shadowHoverBoxShadow
+  ;
+}
+
+/* Grey */
+.ui.grey.cards > .card,
+.ui.cards > .grey.card,
+.ui.grey.card {
+  box-shadow:
+    @borderShadow,
+    0px @coloredShadowDistance 0px 0px @grey,
+    @shadowBoxShadow
+  ;
+}
+.ui.grey.cards > .card:hover,
+.ui.cards > .grey.card:hover,
+.ui.grey.card:hover {
+  box-shadow:
+    @borderShadow,
+    0px @coloredShadowDistance 0px 0px @greyHover,
+    @shadowHoverBoxShadow
+  ;
+}
+
+/* Black */
+.ui.black.cards > .card,
+.ui.cards > .black.card,
+.ui.black.card {
+  box-shadow:
+    @borderShadow,
+    0px @coloredShadowDistance 0px 0px @black,
+    @shadowBoxShadow
+  ;
+}
+.ui.black.cards > .card:hover,
+.ui.cards > .black.card:hover,
+.ui.black.card:hover {
+  box-shadow:
+    @borderShadow,
+    0px @coloredShadowDistance 0px 0px @blackHover,
+    @shadowHoverBoxShadow
   ;
 }
 
@@ -621,9 +758,6 @@ a.ui.card:hover,
   margin-left: @twoCardSpacing;
   margin-right: @twoCardSpacing;
 }
-.ui.two.cards > .card:nth-child(2n+1) {
-  clear: left;
-}
 
 .ui.three.cards {
   margin-left: @threeCardOffset;
@@ -634,9 +768,6 @@ a.ui.card:hover,
   margin-left: @threeCardSpacing;
   margin-right: @threeCardSpacing;
 }
-.ui.three.cards > .card:nth-child(3n+1) {
-  clear: left;
-}
 
 .ui.four.cards {
   margin-left: @fourCardOffset;
@@ -647,9 +778,6 @@ a.ui.card:hover,
   margin-left: @fourCardSpacing;
   margin-right: @fourCardSpacing;
 }
-.ui.four.cards > .card:nth-child(4n+1) {
-  clear: left;
-}
 
 .ui.five.cards {
   margin-left: @fiveCardOffset;
@@ -660,9 +788,6 @@ a.ui.card:hover,
   margin-left: @fiveCardSpacing;
   margin-right: @fiveCardSpacing;
 }
-.ui.five.cards > .card:nth-child(5n+1) {
-  clear: left;
-}
 
 .ui.six.cards {
   margin-left: @sixCardOffset;
@@ -673,9 +798,6 @@ a.ui.card:hover,
   margin-left: @sixCardSpacing;
   margin-right: @sixCardSpacing;
 }
-.ui.six.cards > .card:nth-child(6n+1) {
-  clear: left;
-}
 
 .ui.seven.cards {
   margin-left: @sevenCardOffset;
@@ -686,9 +808,6 @@ a.ui.card:hover,
   margin-left: @sevenCardSpacing;
   margin-right: @sevenCardSpacing;
 }
-.ui.seven.cards > .card:nth-child(7n+1) {
-  clear: left;
-}
 
 .ui.eight.cards {
   margin-left: @eightCardOffset;
@@ -700,9 +819,6 @@ a.ui.card:hover,
   margin-right: @eightCardSpacing;
   font-size: 11px;
 }
-.ui.eight.cards > .card:nth-child(8n+1) {
-  clear: left;
-}
 
 .ui.nine.cards {
   margin-left: @nineCardOffset;
@@ -714,9 +830,6 @@ a.ui.card:hover,
   margin-right: @nineCardSpacing;
   font-size: 10px;
 }
-.ui.nine.cards > .card:nth-child(9n+1) {
-  clear: left;
-}
 
 .ui.ten.cards {
   margin-left: @tenCardOffset;
@@ -727,9 +840,6 @@ a.ui.card:hover,
   margin-left: @tenCardSpacing;
   margin-right: @tenCardSpacing;
 }
-.ui.ten.cards > .card:nth-child(10n+1) {
-  clear: left;
-}
 
 
 /*-------------------