|
@ -699,8 +699,12 @@ body > .ui.grid { |
|
|
Doubling |
|
|
Doubling |
|
|
--------------------*/ |
|
|
--------------------*/ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* Mobily Only */ |
|
|
/* Mobily Only */ |
|
|
@media only screen and (max-width : (@tabletBreakpoint - 1px)) { |
|
|
@media only screen and (max-width : (@tabletBreakpoint - 1px)) { |
|
|
|
|
|
.ui.doubling.grid > .row { |
|
|
|
|
|
display: inline; |
|
|
|
|
|
} |
|
|
.ui.two.column.doubling.grid > .row > .column, |
|
|
.ui.two.column.doubling.grid > .row > .column, |
|
|
.ui.two.column.doubling.grid > .column, |
|
|
.ui.two.column.doubling.grid > .column, |
|
|
.ui.grid > .two.column.doubling.row > .column { |
|
|
.ui.grid > .two.column.doubling.row > .column { |
|
@ -709,17 +713,17 @@ body > .ui.grid { |
|
|
.ui.three.column.doubling.grid > .row > .column, |
|
|
.ui.three.column.doubling.grid > .row > .column, |
|
|
.ui.three.column.doubling.grid > .column, |
|
|
.ui.three.column.doubling.grid > .column, |
|
|
.ui.grid > .three.column.doubling.row > .column { |
|
|
.ui.grid > .three.column.doubling.row > .column { |
|
|
width: @oneColumn; |
|
|
|
|
|
|
|
|
width: @twoColumn; |
|
|
} |
|
|
} |
|
|
.ui.four.column.doubling.grid > .row > .column, |
|
|
.ui.four.column.doubling.grid > .row > .column, |
|
|
.ui.four.column.doubling.grid > .column, |
|
|
.ui.four.column.doubling.grid > .column, |
|
|
.ui.grid > .four.column.doubling.row > .column { |
|
|
.ui.grid > .four.column.doubling.row > .column { |
|
|
width: @oneColumn; |
|
|
|
|
|
|
|
|
width: @twoColumn; |
|
|
} |
|
|
} |
|
|
.ui.five.column.doubling.grid > .row > .column, |
|
|
.ui.five.column.doubling.grid > .row > .column, |
|
|
.ui.five.column.doubling.grid > .column, |
|
|
.ui.five.column.doubling.grid > .column, |
|
|
.ui.grid > .five.column.doubling.row > .column { |
|
|
.ui.grid > .five.column.doubling.row > .column { |
|
|
width: @oneColumn; |
|
|
|
|
|
|
|
|
width: @twoColumn; |
|
|
} |
|
|
} |
|
|
.ui.six.column.doubling.grid > .row > .column, |
|
|
.ui.six.column.doubling.grid > .row > .column, |
|
|
.ui.six.column.doubling.grid > .column, |
|
|
.ui.six.column.doubling.grid > .column, |
|
@ -729,32 +733,32 @@ body > .ui.grid { |
|
|
.ui.seven.column.doubling.grid > .row > .column, |
|
|
.ui.seven.column.doubling.grid > .row > .column, |
|
|
.ui.seven.column.doubling.grid > .column, |
|
|
.ui.seven.column.doubling.grid > .column, |
|
|
.ui.grid > .seven.column.doubling.row > .column { |
|
|
.ui.grid > .seven.column.doubling.row > .column { |
|
|
width: @twoColumn; |
|
|
|
|
|
|
|
|
width: @threeColumn; |
|
|
} |
|
|
} |
|
|
.ui.eight.column.doubling.grid > .row > .column, |
|
|
.ui.eight.column.doubling.grid > .row > .column, |
|
|
.ui.eight.column.doubling.grid > .column, |
|
|
.ui.eight.column.doubling.grid > .column, |
|
|
.ui.grid > .eight.column.doubling.row > .column { |
|
|
.ui.grid > .eight.column.doubling.row > .column { |
|
|
width: @twoColumn; |
|
|
|
|
|
|
|
|
width: @threeColumn; |
|
|
} |
|
|
} |
|
|
.ui.nine.column.doubling.grid > .row > .column, |
|
|
.ui.nine.column.doubling.grid > .row > .column, |
|
|
.ui.nine.column.doubling.grid > .column, |
|
|
.ui.nine.column.doubling.grid > .column, |
|
|
.ui.grid > .nine.column.doubling.row > .column { |
|
|
.ui.grid > .nine.column.doubling.row > .column { |
|
|
width: @twoColumn; |
|
|
|
|
|
|
|
|
width: @threeColumn; |
|
|
} |
|
|
} |
|
|
.ui.ten.column.doubling.grid > .row > .column, |
|
|
.ui.ten.column.doubling.grid > .row > .column, |
|
|
.ui.ten.column.doubling.grid > .column, |
|
|
.ui.ten.column.doubling.grid > .column, |
|
|
.ui.grid > .ten.column.doubling.row > .column { |
|
|
.ui.grid > .ten.column.doubling.row > .column { |
|
|
width: @twoColumn; |
|
|
|
|
|
|
|
|
width: @threeColumn; |
|
|
} |
|
|
} |
|
|
.ui.twelve.column.doubling.grid > .row > .column, |
|
|
.ui.twelve.column.doubling.grid > .row > .column, |
|
|
.ui.twelve.column.doubling.grid > .column, |
|
|
.ui.twelve.column.doubling.grid > .column, |
|
|
.ui.grid > .twelve.column.doubling.row > .column { |
|
|
.ui.grid > .twelve.column.doubling.row > .column { |
|
|
width: @threeColumn; |
|
|
|
|
|
|
|
|
width: @fourColumn; |
|
|
} |
|
|
} |
|
|
.ui.fourteen.column.doubling.grid > .row > .column, |
|
|
.ui.fourteen.column.doubling.grid > .row > .column, |
|
|
.ui.fourteen.column.doubling.grid > .column, |
|
|
.ui.fourteen.column.doubling.grid > .column, |
|
|
.ui.grid > .fourteen.column.doubling.row > .column { |
|
|
.ui.grid > .fourteen.column.doubling.row > .column { |
|
|
width: @threeColumn; |
|
|
|
|
|
|
|
|
width: @fourColumn; |
|
|
} |
|
|
} |
|
|
.ui.sixteen.column.doubling.grid > .row > .column, |
|
|
.ui.sixteen.column.doubling.grid > .row > .column, |
|
|
.ui.sixteen.column.doubling.grid > .column, |
|
|
.ui.sixteen.column.doubling.grid > .column, |
|
@ -765,6 +769,9 @@ body > .ui.grid { |
|
|
|
|
|
|
|
|
/* Tablet Only */ |
|
|
/* Tablet Only */ |
|
|
@media only screen and (min-width : @tabletBreakpoint) and (max-width : (@computerBreakpoint - 1px)) { |
|
|
@media only screen and (min-width : @tabletBreakpoint) and (max-width : (@computerBreakpoint - 1px)) { |
|
|
|
|
|
.ui.doubling.grid > .row { |
|
|
|
|
|
display: inline; |
|
|
|
|
|
} |
|
|
.ui.two.column.doubling.grid > .row > .column, |
|
|
.ui.two.column.doubling.grid > .row > .column, |
|
|
.ui.two.column.doubling.grid > .column, |
|
|
.ui.two.column.doubling.grid > .column, |
|
|
.ui.grid > .two.column.doubling.row > .column { |
|
|
.ui.grid > .two.column.doubling.row > .column { |
|
|