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

Grid reordering classes

This commit is contained in:
Angelos Chalaris
2016-11-11 12:39:39 +02:00
parent a2bc9e4835
commit 1c7e57c1bd
6 changed files with 119 additions and 4 deletions

View File

@@ -416,3 +416,4 @@
- Changed the appearance of `button-group`, it will now use `border` and `border-radius` more creatively to get rid of unnecessary and excessive styling.
- Added mixin `make-box-shadow-generic` in `utility`, used it to create a class for `box-shadow:none;` just in case.
- Added mixin in `progress` `make-spinner-donut-alt-style` for `spinner-donut` and created `large` variant with it.
- Added extra variables and styles for `grid` reordeing for `first`, `last` and `normal` (reset).

View File

@@ -29,6 +29,7 @@
}
.box-centered { text-align: center; }
.box-colored { background: #0277bd; border-radius: 2px; padding: 14px; margin-bottom: 8px; min-height: 14px;}
.box-colored.red { background: #b71c1c; }
</style>
</head>
<body>
@@ -206,6 +207,17 @@
<div class="box-colored"></div>
</div>
</div>
<div class="row">
<div class="col-sm col-md-6 col-lg">
<div class="box-colored"></div>
</div>
<div class="col-sm col-sm-first col-md-normal col-lg-last">
<div class="box-colored red"></div>
</div>
<div class="col-sm col-lg-6">
<div class="box-colored"></div>
</div>
</div>
</div>
</div>
</div>