Skip to content

K
kpp
Commit 2af3ad38 authored by Nikolay Gromov's avatar Nikolay Gromov
Browse files
Options

grid description

parent 1fef889d
Show whitespace changes
Inline Side-by-side
Showing with 4 additions and 0 deletions
src/less/mixins/grid-mixins.less
View file @ 2af3ad38
...@@ -44,6 +44,8 @@ ...@@ -44,6 +44,8 @@
// @xl-grid-gutter: @grid-gutter-width - промежуток между ячейками XL-сетки // @xl-grid-gutter: @grid-gutter-width - промежуток между ячейками XL-сетки
// @xxl-grid-gutter: @grid-gutter-width - промежуток между ячейками XXL-сетки // @xxl-grid-gutter: @grid-gutter-width - промежуток между ячейками XXL-сетки
//------------------------------------------------------------------------------ //------------------------------------------------------------------------------
// Примеры: http://codepen.io/nicothin/pen/obRMgx?editors=1100
//------------------------------------------------------------------------------
.row(@xs-grid-gutter: @grid-gutter-width; @sm-grid-gutter: @grid-gutter-width; @md-grid-gutter: @grid-gutter-width; @lg-grid-gutter: @grid-gutter-width; @xl-grid-gutter: @grid-gutter-width; @xxl-grid-gutter: @grid-gutter-width;) { .row(@xs-grid-gutter: @grid-gutter-width; @sm-grid-gutter: @grid-gutter-width; @md-grid-gutter: @grid-gutter-width; @lg-grid-gutter: @grid-gutter-width; @xl-grid-gutter: @grid-gutter-width; @xxl-grid-gutter: @grid-gutter-width;) {
display: flex; display: flex;
...@@ -142,6 +144,8 @@ ...@@ -142,6 +144,8 @@
// @columns: @grid-columns; - общее количество ячеек на 1 ряд // @columns: @grid-columns; - общее количество ячеек на 1 ряд
// @gutter: @grid-gutter-width - промежуток между ячейками (для padding-left и padding-right) // @gutter: @grid-gutter-width - промежуток между ячейками (для padding-left и padding-right)
//------------------------------------------------------------------------------ //------------------------------------------------------------------------------
// Примеры: http://codepen.io/nicothin/pen/obRMgx?editors=1100
//------------------------------------------------------------------------------
.col(@screen: xs, @column: 1, @columns: @grid-columns, @gutter: @grid-gutter-width) { .col(@screen: xs, @column: 1, @columns: @grid-columns, @gutter: @grid-gutter-width) {
& when (@screen = xs) { & when (@screen = xs) {
......
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