Commit 1e4d00f1 authored by fred's avatar fred

style: import css grid system

parent 24aad3c1
form.quixote div.grid {
float: left;
box-sizing: border-box;
padding-right: 1em;
clear: none;
}
@each $i in 1, 2, 3, 4, 6, 12 {
@for $j from 1 through $i {
div.cell.grid-#{$j}-#{$i},
div.dataview div.grid-#{$j}-#{$i},
form.quixote div.grid-#{$j}-#{$i} {
clear: none;
&.newline {
clear: both;
}
}
div.grid-#{$j}-#{$i} {
float: left;
box-sizing: border-box;
padding-right: 1em;
width: (100*$j/$i+0%);
@media screen and (max-width: $mobile-limit) {
@if $i == 4 and $j <= 2 { width: 50%; }
@else if $i == 4 and $j > 2 { width: 100%; }
@else if $i == 6 and $j <= 2 { width: (100/3+0%); }
@else if $i == 6 and $j == 3 { width: 50%; }
@else if $i == 6 and $j <= 5 { width: (200/3+0%); }
@else if $i == 6 and $j == 6 { width: 100%; }
@else if $i == 12 and $j <= 4 { width: (100/3+0%); }
@else if $i == 12 and $j <= 7 { width: 50%; }
@else if $i == 12 and $j <= 11 { width: (200/3+0%); }
@else if $i == 12 and $j == 12 { width: 100%; }
}
@media screen and (max-width: $very-small-limit) {
width: 100%;
}
textarea, select, input[type=text], input[type=password], input[type=email] {
width: 100%;
}
}
form div.grid-#{$j}-#{$i} + h3,
form div.grid-#{$j}-#{$i} + h4,
form div.grid-#{$j}-#{$i} + p,
form div.grid-#{$j}-#{$i} + div {
clear: both;
}
}
}
form div[class*=grid-] span.select2-selection,
form div[class*=grid-] div.select2-container {
width: 100% !important;
}
......@@ -1301,6 +1301,7 @@ ul.newsSpecial{
text-decoration: underline;
}
#fiber-content .episode a,
#fiber-content ul.list a {
text-decoration: none;
}
......
$very-small-limit: 400px;
$mobile-limit: 760px;
@import 'reset';
@import 'type';
@import 'general';
@import 'grid';
@import 'specifics';
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment