mirror/mini-css
1
0
Fork 0
mirror of https://github.com/Chalarangelo/mini.css.git synced 2025-08-23 14:02:49 +02:00
Code Issues Releases Wiki Activity

Grid system cleanup

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

4
dist/mini-default.css vendored
View File

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

2
dist/mini-default.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
docs/v2/DEVLOG.md
View File

@@ -380,4 +380,6 @@
- Continued module restructure and cleanup as follows: - Continued module restructure and cleanup as follows:
- Code cleanup in `core`, indentation change to tabs for consistency, indentation fixes etc. - 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.

6
src/mini/_grid.scss
View File

@@ -82,7 +82,7 @@ $grid-small-prefix: 'sm' !default; // Small screen class prefix for g
// Legacy grid system definitions. // Legacy grid system definitions.
@if $use-four-step-grid { @if $use-four-step-grid {
// Small screen breakpoint. // 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 generic definitions for small screens.
.#{$grid-column-prefix}-#{$grid-small-prefix}, .#{$grid-column-prefix}-#{$grid-small-prefix},
[class^='#{$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-breakpoint: 1024px !default; // Medium screen breakpoint for grid
$grid-medium-prefix: 'md' !default; // Medium screen class prefix for grid $grid-medium-prefix: 'md' !default; // Medium screen class prefix for grid
// Medium screen breakpoint. // 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 generic definitions for medium screens.
.#{$grid-column-prefix}-#{$grid-medium-prefix}, .#{$grid-column-prefix}-#{$grid-medium-prefix},
[class^='#{$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-breakpoint: 1200px !default; // Large screen breakpoint for grid
$grid-large-prefix: 'lg' !default; // Large screen class prefix for grid $grid-large-prefix: 'lg' !default; // Large screen class prefix for grid
// Large screen breakpoint. // 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 generic definitions for large screens.
.#{$grid-column-prefix}-#{$grid-large-prefix}, .#{$grid-column-prefix}-#{$grid-large-prefix},
[class^='#{$grid-column-prefix}-#{$grid-large-prefix}-'], [class^='#{$grid-column-prefix}-#{$grid-large-prefix}-'],