| Current Path : /home/zieirix/www/media/gantry5/engines/nucleus/scss/nucleus/theme/breakpoints/ |
| Current File : /home/zieirix/www/media/gantry5/engines/nucleus/scss/nucleus/theme/breakpoints/_flex.scss |
// Page Container
.g-container {
width: $breakpoints-large-desktop-container;
@include breakpoint(desktop-range) {
width: $breakpoints-desktop-container;
}
@include breakpoint(tablet-range) {
width: $breakpoints-tablet-container;
}
@include breakpoint(large-mobile-range) {
width: $breakpoints-large-mobile-container;
}
@include breakpoint(small-mobile-range) {
width: $breakpoints-mobile-container;
}
&.g-flushed {
width: 100%;
}
}
// Grid Row and Column Setup
.g-block {
@include breakpoint(mobile-only) {
flex-grow: 0;
flex-basis: 100%;
}
}
body [class*="size-"] {
@include breakpoint(mobile-only) {
flex-grow: 0;
flex-basis: 100%;
max-width: 100%;
}
}
// Fix for Firefox versions 27 and below
@include breakpoint(mobile-only) {
@supports not (flex-wrap: wrap) {
.g-grid {
display: block;
flex-wrap: inherit;
}
.g-block {
display: block;
flex: inherit;
}
}
}