richard
/
SemanSemantic-UItic-UI
mirror of https://github.com/Semantic-Org/Semantic-UI.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

Adds flex basis to (x) wide and doubling card #1982

pull/2034/head
jlukic 9 years ago
parent
8d48a25945
commit
42904390cb
1 changed files with 28 additions and 0 deletions
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 28
      src/definitions/views/card.less

28
src/definitions/views/card.less
View File

@ -598,6 +598,7 @@ a.ui.card:hover,
margin-right: @oneCardOffset;
}
.ui.one.cards > .card {
flex-basis: @oneCard;
width: @oneCard;
}
@ -606,6 +607,7 @@ a.ui.card:hover,
margin-right: @twoCardOffset;
}
.ui.two.cards > .card {
flex-basis: @twoCard;
width: @twoCard;
margin-left: @twoCardSpacing;
margin-right: @twoCardSpacing;
@ -619,6 +621,7 @@ a.ui.card:hover,
margin-right: @threeCardOffset;
}
.ui.three.cards > .card {
flex-basis: @threeCard;
width: @threeCard;
margin-left: @threeCardSpacing;
margin-right: @threeCardSpacing;
@ -632,6 +635,7 @@ a.ui.card:hover,
margin-right: @fourCardOffset;
}
.ui.four.cards > .card {
flex-basis: @fourCard;
width: @fourCard;
margin-left: @fourCardSpacing;
margin-right: @fourCardSpacing;
@ -645,6 +649,7 @@ a.ui.card:hover,
margin-right: @fiveCardOffset;
}
.ui.five.cards > .card {
flex-basis: @fiveCard;
width: @fiveCard;
margin-left: @fiveCardSpacing;
margin-right: @fiveCardSpacing;
@ -658,6 +663,7 @@ a.ui.card:hover,
margin-right: @sixCardOffset;
}
.ui.six.cards > .card {
flex-basis: @sixCard;
width: @sixCard;
margin-left: @sixCardSpacing;
margin-right: @sixCardSpacing;
@ -671,6 +677,7 @@ a.ui.card:hover,
margin-right: @sevenCardOffset;
}
.ui.seven.cards > .card {
flex-basis: @sevenCard;
width: @sevenCard;
margin-left: @sevenCardSpacing;
margin-right: @sevenCardSpacing;
@ -684,6 +691,7 @@ a.ui.card:hover,
margin-right: @eightCardOffset;
}
.ui.eight.cards > .card {
flex-basis: @eightCard;
width: @eightCard;
margin-left: @eightCardSpacing;
margin-right: @eightCardSpacing;
@ -698,6 +706,7 @@ a.ui.card:hover,
margin-right: @nineCardOffset;
}
.ui.nine.cards > .card {
flex-basis: @nineCard;
width: @nineCard;
margin-left: @nineCardSpacing;
margin-right: @nineCardSpacing;
@ -712,6 +721,7 @@ a.ui.card:hover,
margin-right: @tenCardOffset;
}
.ui.ten.cards > .card {
flex-basis: @tenCard;
width: @tenCard;
margin-left: @tenCardSpacing;
margin-right: @tenCardSpacing;
@ -732,6 +742,7 @@ a.ui.card:hover,
margin-right: @oneCardOffset;
}
.ui.two.doubling.cards .card {
flex-basis: @oneCard;
width: @oneCard;
margin-left: @oneCardSpacing;
margin-right: @oneCardSpacing;
@ -741,6 +752,7 @@ a.ui.card:hover,
margin-right: @twoCardOffset;
}
.ui.three.doubling.cards .card {
flex-basis: @twoCard;
width: @twoCard;
margin-left: @twoCardSpacing;
margin-right: @twoCardSpacing;
@ -750,6 +762,7 @@ a.ui.card:hover,
margin-right: @twoCardOffset;
}
.ui.four.doubling.cards .card {
flex-basis: @twoCard;
width: @twoCard;
margin-left: @twoCardSpacing;
margin-right: @twoCardSpacing;
@ -759,6 +772,7 @@ a.ui.card:hover,
margin-right: @twoCardOffset;
}
.ui.five.doubling.cards .card {
flex-basis: @twoCard;
width: @twoCard;
margin-left: @twoCardSpacing;
margin-right: @twoCardSpacing;
@ -768,6 +782,7 @@ a.ui.card:hover,
margin-right: @twoCardOffset;
}
.ui.six.doubling.cards .card {
flex-basis: @twoCard;
width: @twoCard;
margin-left: @twoCardSpacing;
margin-right: @twoCardSpacing;
@ -777,6 +792,7 @@ a.ui.card:hover,
margin-right: @threeCardOffset;
}
.ui.seven.doubling.cards .card {
flex-basis: @threeCard;
width: @threeCard;
margin-left: @threeCardSpacing;
margin-right: @threeCardSpacing;
@ -786,6 +802,7 @@ a.ui.card:hover,
margin-right: @threeCardOffset;
}
.ui.eight.doubling.cards .card {
flex-basis: @threeCard;
width: @threeCard;
margin-left: @threeCardSpacing;
margin-right: @threeCardSpacing;
@ -795,6 +812,7 @@ a.ui.card:hover,
margin-right: @threeCardOffset;
}
.ui.nine.doubling.cards .card {
flex-basis: @threeCard;
width: @threeCard;
margin-left: @threeCardSpacing;
margin-right: @threeCardSpacing;
@ -804,6 +822,7 @@ a.ui.card:hover,
margin-right: @threeCardOffset;
}
.ui.ten.doubling.cards .card {
flex-basis: @threeCard;
width: @threeCard;
margin-left: @threeCardSpacing;
margin-right: @threeCardSpacing;
@ -817,6 +836,7 @@ a.ui.card:hover,
margin-right: @oneCardOffset;
}
.ui.two.doubling.cards .card {
flex-basis: @oneCard;
width: @oneCard;
margin-left: @oneCardSpacing;
margin-right: @oneCardSpacing;
@ -826,6 +846,7 @@ a.ui.card:hover,
margin-right: @twoCardOffset;
}
.ui.three.doubling.cards .card {
flex-basis: @twoCard;
width: @twoCard;
margin-left: @twoCardSpacing;
margin-right: @twoCardSpacing;
@ -835,6 +856,7 @@ a.ui.card:hover,
margin-right: @twoCardOffset;
}
.ui.four.doubling.cards .card {
flex-basis: @twoCard;
width: @twoCard;
margin-left: @twoCardSpacing;
margin-right: @twoCardSpacing;
@ -844,6 +866,7 @@ a.ui.card:hover,
margin-right: @threeCardOffset;
}
.ui.five.doubling.cards .card {
flex-basis: @threeCard;
width: @threeCard;
margin-left: @threeCardSpacing;
margin-right: @threeCardSpacing;
@ -853,6 +876,7 @@ a.ui.card:hover,
margin-right: @threeCardOffset;
}
.ui.six.doubling.cards .card {
flex-basis: @threeCard;
width: @threeCard;
margin-left: @threeCardSpacing;
margin-right: @threeCardSpacing;
@ -862,6 +886,7 @@ a.ui.card:hover,
margin-right: @threeCardOffset;
}
.ui.eight.doubling.cards .card {
flex-basis: @threeCard;
width: @threeCard;
margin-left: @threeCardSpacing;
margin-right: @threeCardSpacing;
@ -871,6 +896,7 @@ a.ui.card:hover,
margin-right: @fourCardOffset;
}
.ui.eight.doubling.cards .card {
flex-basis: @fourCard;
width: @fourCard;
margin-left: @fourCardSpacing;
margin-right: @fourCardSpacing;
@ -880,6 +906,7 @@ a.ui.card:hover,
margin-right: @fourCardOffset;
}
.ui.nine.doubling.cards .card {
flex-basis: @fourCard;
width: @fourCard;
margin-left: @fourCardSpacing;
margin-right: @fourCardSpacing;
@ -889,6 +916,7 @@ a.ui.card:hover,
margin-right: @fiveCardOffset;
}
.ui.ten.doubling.cards .card {
flex-basis: @fiveCard;
width: @fiveCard;
margin-left: @fiveCardSpacing;
margin-right: @fiveCardSpacing;

Write Preview
Loading…
Cancel
Save