1
0
mirror of https://github.com/Chalarangelo/mini.css.git synced 2025-08-22 13:33:03 +02:00

Grid system cleanup

This commit is contained in:
Angelos Chalaris
2016-11-10 09:36:48 +02:00
parent b994290013
commit 93320701c5
4 changed files with 235 additions and 233 deletions

View File

@@ -257,7 +257,7 @@ a {
.col-sm-offset-11 {
margin-left: 91.66667%; }
@media only screen and (min-width: 800px) {
@media (min-width: 800px) {
.col-md,
[class^='col-md-'],
[class^='col-md-offset-'] {
@@ -370,7 +370,7 @@ a {
.col-md-offset-11 {
margin-left: 91.66667%; } }
@media only screen and (min-width: 1080px) {
@media (min-width: 1080px) {
.col-lg,
[class^='col-lg-'],
[class^='col-lg-offset-'] {

File diff suppressed because one or more lines are too long

View File

@@ -380,4 +380,6 @@
- Continued module restructure and cleanup as follows:
- Code cleanup in `core`, indentation change to tabs for consistency, indentation fixes etc.
- Started converting media queries from `only screen and ()` to plain `()`. Changes have been applied to `grid` module.
- Code cleanup in `grid`, indentation etc.

View File

@@ -82,7 +82,7 @@ $grid-small-prefix: 'sm' !default; // Small screen class prefix for g
// Legacy grid system definitions.
@if $use-four-step-grid {
// Small screen breakpoint.
@media only screen and (min-width: #{$grid-small-breakpoint}){
@media (min-width: #{$grid-small-breakpoint}){
// Grid column generic definitions for small screens.
.#{$grid-column-prefix}-#{$grid-small-prefix},
[class^='#{$grid-column-prefix}-#{$grid-small-prefix}-'],
@@ -180,7 +180,7 @@ $grid-small-prefix: 'sm' !default; // Small screen class prefix for g
$grid-medium-breakpoint: 1024px !default; // Medium screen breakpoint for grid
$grid-medium-prefix: 'md' !default; // Medium screen class prefix for grid
// Medium screen breakpoint.
@media only screen and (min-width: #{$grid-medium-breakpoint}){
@media (min-width: #{$grid-medium-breakpoint}){
// Grid column generic definitions for medium screens.
.#{$grid-column-prefix}-#{$grid-medium-prefix},
[class^='#{$grid-column-prefix}-#{$grid-medium-prefix}-'],
@@ -229,7 +229,7 @@ $grid-medium-prefix: 'md' !default; // Medium screen class prefix for
$grid-large-breakpoint: 1200px !default; // Large screen breakpoint for grid
$grid-large-prefix: 'lg' !default; // Large screen class prefix for grid
// Large screen breakpoint.
@media only screen and (min-width: #{$grid-large-breakpoint}){
@media (min-width: #{$grid-large-breakpoint}){
// Grid column generic definitions for large screens.
.#{$grid-column-prefix}-#{$grid-large-prefix},
[class^='#{$grid-column-prefix}-#{$grid-large-prefix}-'],