From dfa89c07f5549ea99637402b27d8180dc5e9e82d Mon Sep 17 00:00:00 2001 From: Yan Zhu Date: Sun, 20 Nov 2016 17:15:59 +0800 Subject: ADD: Add a new layout grid width col-xl-[1-12] 1280px --- src/layout.less | 52 ++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 52 insertions(+) (limited to 'src/layout.less') diff --git a/src/layout.less b/src/layout.less index 263ed69..628ebe4 100644 --- a/src/layout.less +++ b/src/layout.less @@ -95,6 +95,58 @@ .col-1 { width: 8.33333333%; } +@media screen and (max-width: @size-xl ) { + .col-xl-12, + .col-xl-11, + .col-xl-10, + .col-xl-9, + .col-xl-8, + .col-xl-7, + .col-xl-6, + .col-xl-5, + .col-xl-4, + .col-xl-3, + .col-xl-2, + .col-xl-1 { + flex: none; + } + .col-xl-12 { + width: 100%; + } + .col-xl-11 { + width: 91.66666667%; + } + .col-xl-10 { + width: 83.33333333%; + } + .col-xl-9 { + width: 75%; + } + .col-xl-8 { + width: 66.66666667%; + } + .col-xl-7 { + width: 58.33333333%; + } + .col-xl-6 { + width: 50%; + } + .col-xl-5 { + width: 41.66666667%; + } + .col-xl-4 { + width: 33.33333333%; + } + .col-xl-3 { + width: 25%; + } + .col-xl-2 { + width: 16.66666667%; + } + .col-xl-1 { + width: 8.33333333%; + } +} @media screen and (max-width: @size-lg ) { .col-lg-12, .col-lg-11, -- cgit v1.3.1-23-gd82d