diff options
Diffstat (limited to 'dist/css/bootstrap-grid.rtl.css')
-rw-r--r-- | dist/css/bootstrap-grid.rtl.css | 597 |
1 files changed, 301 insertions, 296 deletions
diff --git a/dist/css/bootstrap-grid.rtl.css b/dist/css/bootstrap-grid.rtl.css index edeb4505f2..aad6428710 100644 --- a/dist/css/bootstrap-grid.rtl.css +++ b/dist/css/bootstrap-grid.rtl.css @@ -1,5 +1,5 @@ /*! - * Bootstrap Grid v5.0.1 (https://getbootstrap.com/) + * Bootstrap Grid v5.0.2 (https://getbootstrap.com/) * Copyright 2011-2021 The Bootstrap Authors * Copyright 2011-2021 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) @@ -49,16 +49,16 @@ display: flex; flex-wrap: wrap; margin-top: calc(var(--bs-gutter-y) * -1); - margin-left: calc(var(--bs-gutter-x) / -2); - margin-right: calc(var(--bs-gutter-x) / -2); + margin-left: calc(var(--bs-gutter-x) * -.5); + margin-right: calc(var(--bs-gutter-x) * -.5); } .row > * { box-sizing: border-box; flex-shrink: 0; width: 100%; max-width: 100%; - padding-left: calc(var(--bs-gutter-x) / 2); - padding-right: calc(var(--bs-gutter-x) / 2); + padding-left: calc(var(--bs-gutter-x) * .5); + padding-right: calc(var(--bs-gutter-x) * .5); margin-top: var(--bs-gutter-y); } @@ -101,6 +101,206 @@ width: 16.6666666667%; } +@media (min-width: 576px) { + .col-sm { + flex: 1 0 0%; + } + + .row-cols-sm-auto > * { + flex: 0 0 auto; + width: auto; + } + + .row-cols-sm-1 > * { + flex: 0 0 auto; + width: 100%; + } + + .row-cols-sm-2 > * { + flex: 0 0 auto; + width: 50%; + } + + .row-cols-sm-3 > * { + flex: 0 0 auto; + width: 33.3333333333%; + } + + .row-cols-sm-4 > * { + flex: 0 0 auto; + width: 25%; + } + + .row-cols-sm-5 > * { + flex: 0 0 auto; + width: 20%; + } + + .row-cols-sm-6 > * { + flex: 0 0 auto; + width: 16.6666666667%; + } +} +@media (min-width: 768px) { + .col-md { + flex: 1 0 0%; + } + + .row-cols-md-auto > * { + flex: 0 0 auto; + width: auto; + } + + .row-cols-md-1 > * { + flex: 0 0 auto; + width: 100%; + } + + .row-cols-md-2 > * { + flex: 0 0 auto; + width: 50%; + } + + .row-cols-md-3 > * { + flex: 0 0 auto; + width: 33.3333333333%; + } + + .row-cols-md-4 > * { + flex: 0 0 auto; + width: 25%; + } + + .row-cols-md-5 > * { + flex: 0 0 auto; + width: 20%; + } + + .row-cols-md-6 > * { + flex: 0 0 auto; + width: 16.6666666667%; + } +} +@media (min-width: 992px) { + .col-lg { + flex: 1 0 0%; + } + + .row-cols-lg-auto > * { + flex: 0 0 auto; + width: auto; + } + + .row-cols-lg-1 > * { + flex: 0 0 auto; + width: 100%; + } + + .row-cols-lg-2 > * { + flex: 0 0 auto; + width: 50%; + } + + .row-cols-lg-3 > * { + flex: 0 0 auto; + width: 33.3333333333%; + } + + .row-cols-lg-4 > * { + flex: 0 0 auto; + width: 25%; + } + + .row-cols-lg-5 > * { + flex: 0 0 auto; + width: 20%; + } + + .row-cols-lg-6 > * { + flex: 0 0 auto; + width: 16.6666666667%; + } +} +@media (min-width: 1200px) { + .col-xl { + flex: 1 0 0%; + } + + .row-cols-xl-auto > * { + flex: 0 0 auto; + width: auto; + } + + .row-cols-xl-1 > * { + flex: 0 0 auto; + width: 100%; + } + + .row-cols-xl-2 > * { + flex: 0 0 auto; + width: 50%; + } + + .row-cols-xl-3 > * { + flex: 0 0 auto; + width: 33.3333333333%; + } + + .row-cols-xl-4 > * { + flex: 0 0 auto; + width: 25%; + } + + .row-cols-xl-5 > * { + flex: 0 0 auto; + width: 20%; + } + + .row-cols-xl-6 > * { + flex: 0 0 auto; + width: 16.6666666667%; + } +} +@media (min-width: 1400px) { + .col-xxl { + flex: 1 0 0%; + } + + .row-cols-xxl-auto > * { + flex: 0 0 auto; + width: auto; + } + + .row-cols-xxl-1 > * { + flex: 0 0 auto; + width: 100%; + } + + .row-cols-xxl-2 > * { + flex: 0 0 auto; + width: 50%; + } + + .row-cols-xxl-3 > * { + flex: 0 0 auto; + width: 33.3333333333%; + } + + .row-cols-xxl-4 > * { + flex: 0 0 auto; + width: 25%; + } + + .row-cols-xxl-5 > * { + flex: 0 0 auto; + width: 20%; + } + + .row-cols-xxl-6 > * { + flex: 0 0 auto; + width: 16.6666666667%; + } +} .col-auto { flex: 0 0 auto; width: auto; @@ -108,12 +308,12 @@ .col-1 { flex: 0 0 auto; - width: 8.3333333333%; + width: 8.33333333%; } .col-2 { flex: 0 0 auto; - width: 16.6666666667%; + width: 16.66666667%; } .col-3 { @@ -123,12 +323,12 @@ .col-4 { flex: 0 0 auto; - width: 33.3333333333%; + width: 33.33333333%; } .col-5 { flex: 0 0 auto; - width: 41.6666666667%; + width: 41.66666667%; } .col-6 { @@ -138,12 +338,12 @@ .col-7 { flex: 0 0 auto; - width: 58.3333333333%; + width: 58.33333333%; } .col-8 { flex: 0 0 auto; - width: 66.6666666667%; + width: 66.66666667%; } .col-9 { @@ -153,12 +353,12 @@ .col-10 { flex: 0 0 auto; - width: 83.3333333333%; + width: 83.33333333%; } .col-11 { flex: 0 0 auto; - width: 91.6666666667%; + width: 91.66666667%; } .col-12 { @@ -167,11 +367,11 @@ } .offset-1 { - margin-right: 8.3333333333%; + margin-right: 8.33333333%; } .offset-2 { - margin-right: 16.6666666667%; + margin-right: 16.66666667%; } .offset-3 { @@ -179,11 +379,11 @@ } .offset-4 { - margin-right: 33.3333333333%; + margin-right: 33.33333333%; } .offset-5 { - margin-right: 41.6666666667%; + margin-right: 41.66666667%; } .offset-6 { @@ -191,11 +391,11 @@ } .offset-7 { - margin-right: 58.3333333333%; + margin-right: 58.33333333%; } .offset-8 { - margin-right: 66.6666666667%; + margin-right: 66.66666667%; } .offset-9 { @@ -203,11 +403,11 @@ } .offset-10 { - margin-right: 83.3333333333%; + margin-right: 83.33333333%; } .offset-11 { - margin-right: 91.6666666667%; + margin-right: 91.66666667%; } .g-0, @@ -271,45 +471,6 @@ } @media (min-width: 576px) { - .col-sm { - flex: 1 0 0%; - } - - .row-cols-sm-auto > * { - flex: 0 0 auto; - width: auto; - } - - .row-cols-sm-1 > * { - flex: 0 0 auto; - width: 100%; - } - - .row-cols-sm-2 > * { - flex: 0 0 auto; - width: 50%; - } - - .row-cols-sm-3 > * { - flex: 0 0 auto; - width: 33.3333333333%; - } - - .row-cols-sm-4 > * { - flex: 0 0 auto; - width: 25%; - } - - .row-cols-sm-5 > * { - flex: 0 0 auto; - width: 20%; - } - - .row-cols-sm-6 > * { - flex: 0 0 auto; - width: 16.6666666667%; - } - .col-sm-auto { flex: 0 0 auto; width: auto; @@ -317,12 +478,12 @@ .col-sm-1 { flex: 0 0 auto; - width: 8.3333333333%; + width: 8.33333333%; } .col-sm-2 { flex: 0 0 auto; - width: 16.6666666667%; + width: 16.66666667%; } .col-sm-3 { @@ -332,12 +493,12 @@ .col-sm-4 { flex: 0 0 auto; - width: 33.3333333333%; + width: 33.33333333%; } .col-sm-5 { flex: 0 0 auto; - width: 41.6666666667%; + width: 41.66666667%; } .col-sm-6 { @@ -347,12 +508,12 @@ .col-sm-7 { flex: 0 0 auto; - width: 58.3333333333%; + width: 58.33333333%; } .col-sm-8 { flex: 0 0 auto; - width: 66.6666666667%; + width: 66.66666667%; } .col-sm-9 { @@ -362,12 +523,12 @@ .col-sm-10 { flex: 0 0 auto; - width: 83.3333333333%; + width: 83.33333333%; } .col-sm-11 { flex: 0 0 auto; - width: 91.6666666667%; + width: 91.66666667%; } .col-sm-12 { @@ -380,11 +541,11 @@ } .offset-sm-1 { - margin-right: 8.3333333333%; + margin-right: 8.33333333%; } .offset-sm-2 { - margin-right: 16.6666666667%; + margin-right: 16.66666667%; } .offset-sm-3 { @@ -392,11 +553,11 @@ } .offset-sm-4 { - margin-right: 33.3333333333%; + margin-right: 33.33333333%; } .offset-sm-5 { - margin-right: 41.6666666667%; + margin-right: 41.66666667%; } .offset-sm-6 { @@ -404,11 +565,11 @@ } .offset-sm-7 { - margin-right: 58.3333333333%; + margin-right: 58.33333333%; } .offset-sm-8 { - margin-right: 66.6666666667%; + margin-right: 66.66666667%; } .offset-sm-9 { @@ -416,11 +577,11 @@ } .offset-sm-10 { - margin-right: 83.3333333333%; + margin-right: 83.33333333%; } .offset-sm-11 { - margin-right: 91.6666666667%; + margin-right: 91.66666667%; } .g-sm-0, @@ -484,45 +645,6 @@ } } @media (min-width: 768px) { - .col-md { - flex: 1 0 0%; - } - - .row-cols-md-auto > * { - flex: 0 0 auto; - width: auto; - } - - .row-cols-md-1 > * { - flex: 0 0 auto; - width: 100%; - } - - .row-cols-md-2 > * { - flex: 0 0 auto; - width: 50%; - } - - .row-cols-md-3 > * { - flex: 0 0 auto; - width: 33.3333333333%; - } - - .row-cols-md-4 > * { - flex: 0 0 auto; - width: 25%; - } - - .row-cols-md-5 > * { - flex: 0 0 auto; - width: 20%; - } - - .row-cols-md-6 > * { - flex: 0 0 auto; - width: 16.6666666667%; - } - .col-md-auto { flex: 0 0 auto; width: auto; @@ -530,12 +652,12 @@ .col-md-1 { flex: 0 0 auto; - width: 8.3333333333%; + width: 8.33333333%; } .col-md-2 { flex: 0 0 auto; - width: 16.6666666667%; + width: 16.66666667%; } .col-md-3 { @@ -545,12 +667,12 @@ .col-md-4 { flex: 0 0 auto; - width: 33.3333333333%; + width: 33.33333333%; } .col-md-5 { flex: 0 0 auto; - width: 41.6666666667%; + width: 41.66666667%; } .col-md-6 { @@ -560,12 +682,12 @@ .col-md-7 { flex: 0 0 auto; - width: 58.3333333333%; + width: 58.33333333%; } .col-md-8 { flex: 0 0 auto; - width: 66.6666666667%; + width: 66.66666667%; } .col-md-9 { @@ -575,12 +697,12 @@ .col-md-10 { flex: 0 0 auto; - width: 83.3333333333%; + width: 83.33333333%; } .col-md-11 { flex: 0 0 auto; - width: 91.6666666667%; + width: 91.66666667%; } .col-md-12 { @@ -593,11 +715,11 @@ } .offset-md-1 { - margin-right: 8.3333333333%; + margin-right: 8.33333333%; } .offset-md-2 { - margin-right: 16.6666666667%; + margin-right: 16.66666667%; } .offset-md-3 { @@ -605,11 +727,11 @@ } .offset-md-4 { - margin-right: 33.3333333333%; + margin-right: 33.33333333%; } .offset-md-5 { - margin-right: 41.6666666667%; + margin-right: 41.66666667%; } .offset-md-6 { @@ -617,11 +739,11 @@ } .offset-md-7 { - margin-right: 58.3333333333%; + margin-right: 58.33333333%; } .offset-md-8 { - margin-right: 66.6666666667%; + margin-right: 66.66666667%; } .offset-md-9 { @@ -629,11 +751,11 @@ } .offset-md-10 { - margin-right: 83.3333333333%; + margin-right: 83.33333333%; } .offset-md-11 { - margin-right: 91.6666666667%; + margin-right: 91.66666667%; } .g-md-0, @@ -697,45 +819,6 @@ } } @media (min-width: 992px) { - .col-lg { - flex: 1 0 0%; - } - - .row-cols-lg-auto > * { - flex: 0 0 auto; - width: auto; - } - - .row-cols-lg-1 > * { - flex: 0 0 auto; - width: 100%; - } - - .row-cols-lg-2 > * { - flex: 0 0 auto; - width: 50%; - } - - .row-cols-lg-3 > * { - flex: 0 0 auto; - width: 33.3333333333%; - } - - .row-cols-lg-4 > * { - flex: 0 0 auto; - width: 25%; - } - - .row-cols-lg-5 > * { - flex: 0 0 auto; - width: 20%; - } - - .row-cols-lg-6 > * { - flex: 0 0 auto; - width: 16.6666666667%; - } - .col-lg-auto { flex: 0 0 auto; width: auto; @@ -743,12 +826,12 @@ .col-lg-1 { flex: 0 0 auto; - width: 8.3333333333%; + width: 8.33333333%; } .col-lg-2 { flex: 0 0 auto; - width: 16.6666666667%; + width: 16.66666667%; } .col-lg-3 { @@ -758,12 +841,12 @@ .col-lg-4 { flex: 0 0 auto; - width: 33.3333333333%; + width: 33.33333333%; } .col-lg-5 { flex: 0 0 auto; - width: 41.6666666667%; + width: 41.66666667%; } .col-lg-6 { @@ -773,12 +856,12 @@ .col-lg-7 { flex: 0 0 auto; - width: 58.3333333333%; + width: 58.33333333%; } .col-lg-8 { flex: 0 0 auto; - width: 66.6666666667%; + width: 66.66666667%; } .col-lg-9 { @@ -788,12 +871,12 @@ .col-lg-10 { flex: 0 0 auto; - width: 83.3333333333%; + width: 83.33333333%; } .col-lg-11 { flex: 0 0 auto; - width: 91.6666666667%; + width: 91.66666667%; } .col-lg-12 { @@ -806,11 +889,11 @@ } .offset-lg-1 { - margin-right: 8.3333333333%; + margin-right: 8.33333333%; } .offset-lg-2 { - margin-right: 16.6666666667%; + margin-right: 16.66666667%; } .offset-lg-3 { @@ -818,11 +901,11 @@ } .offset-lg-4 { - margin-right: 33.3333333333%; + margin-right: 33.33333333%; } .offset-lg-5 { - margin-right: 41.6666666667%; + margin-right: 41.66666667%; } .offset-lg-6 { @@ -830,11 +913,11 @@ } .offset-lg-7 { - margin-right: 58.3333333333%; + margin-right: 58.33333333%; } .offset-lg-8 { - margin-right: 66.6666666667%; + margin-right: 66.66666667%; } .offset-lg-9 { @@ -842,11 +925,11 @@ } .offset-lg-10 { - margin-right: 83.3333333333%; + margin-right: 83.33333333%; } .offset-lg-11 { - margin-right: 91.6666666667%; + margin-right: 91.66666667%; } .g-lg-0, @@ -910,45 +993,6 @@ } } @media (min-width: 1200px) { - .col-xl { - flex: 1 0 0%; - } - - .row-cols-xl-auto > * { - flex: 0 0 auto; - width: auto; - } - - .row-cols-xl-1 > * { - flex: 0 0 auto; - width: 100%; - } - - .row-cols-xl-2 > * { - flex: 0 0 auto; - width: 50%; - } - - .row-cols-xl-3 > * { - flex: 0 0 auto; - width: 33.3333333333%; - } - - .row-cols-xl-4 > * { - flex: 0 0 auto; - width: 25%; - } - - .row-cols-xl-5 > * { - flex: 0 0 auto; - width: 20%; - } - - .row-cols-xl-6 > * { - flex: 0 0 auto; - width: 16.6666666667%; - } - .col-xl-auto { flex: 0 0 auto; width: auto; @@ -956,12 +1000,12 @@ .col-xl-1 { flex: 0 0 auto; - width: 8.3333333333%; + width: 8.33333333%; } .col-xl-2 { flex: 0 0 auto; - width: 16.6666666667%; + width: 16.66666667%; } .col-xl-3 { @@ -971,12 +1015,12 @@ .col-xl-4 { flex: 0 0 auto; - width: 33.3333333333%; + width: 33.33333333%; } .col-xl-5 { flex: 0 0 auto; - width: 41.6666666667%; + width: 41.66666667%; } .col-xl-6 { @@ -986,12 +1030,12 @@ .col-xl-7 { flex: 0 0 auto; - width: 58.3333333333%; + width: 58.33333333%; } .col-xl-8 { flex: 0 0 auto; - width: 66.6666666667%; + width: 66.66666667%; } .col-xl-9 { @@ -1001,12 +1045,12 @@ .col-xl-10 { flex: 0 0 auto; - width: 83.3333333333%; + width: 83.33333333%; } .col-xl-11 { flex: 0 0 auto; - width: 91.6666666667%; + width: 91.66666667%; } .col-xl-12 { @@ -1019,11 +1063,11 @@ } .offset-xl-1 { - margin-right: 8.3333333333%; + margin-right: 8.33333333%; } .offset-xl-2 { - margin-right: 16.6666666667%; + margin-right: 16.66666667%; } .offset-xl-3 { @@ -1031,11 +1075,11 @@ } .offset-xl-4 { - margin-right: 33.3333333333%; + margin-right: 33.33333333%; } .offset-xl-5 { - margin-right: 41.6666666667%; + margin-right: 41.66666667%; } .offset-xl-6 { @@ -1043,11 +1087,11 @@ } .offset-xl-7 { - margin-right: 58.3333333333%; + margin-right: 58.33333333%; } .offset-xl-8 { - margin-right: 66.6666666667%; + margin-right: 66.66666667%; } .offset-xl-9 { @@ -1055,11 +1099,11 @@ } .offset-xl-10 { - margin-right: 83.3333333333%; + margin-right: 83.33333333%; } .offset-xl-11 { - margin-right: 91.6666666667%; + margin-right: 91.66666667%; } .g-xl-0, @@ -1123,45 +1167,6 @@ } } @media (min-width: 1400px) { - .col-xxl { - flex: 1 0 0%; - } - - .row-cols-xxl-auto > * { - flex: 0 0 auto; - width: auto; - } - - .row-cols-xxl-1 > * { - flex: 0 0 auto; - width: 100%; - } - - .row-cols-xxl-2 > * { - flex: 0 0 auto; - width: 50%; - } - - .row-cols-xxl-3 > * { - flex: 0 0 auto; - width: 33.3333333333%; - } - - .row-cols-xxl-4 > * { - flex: 0 0 auto; - width: 25%; - } - - .row-cols-xxl-5 > * { - flex: 0 0 auto; - width: 20%; - } - - .row-cols-xxl-6 > * { - flex: 0 0 auto; - width: 16.6666666667%; - } - .col-xxl-auto { flex: 0 0 auto; width: auto; @@ -1169,12 +1174,12 @@ .col-xxl-1 { flex: 0 0 auto; - width: 8.3333333333%; + width: 8.33333333%; } .col-xxl-2 { flex: 0 0 auto; - width: 16.6666666667%; + width: 16.66666667%; } .col-xxl-3 { @@ -1184,12 +1189,12 @@ .col-xxl-4 { flex: 0 0 auto; - width: 33.3333333333%; + width: 33.33333333%; } .col-xxl-5 { flex: 0 0 auto; - width: 41.6666666667%; + width: 41.66666667%; } .col-xxl-6 { @@ -1199,12 +1204,12 @@ .col-xxl-7 { flex: 0 0 auto; - width: 58.3333333333%; + width: 58.33333333%; } .col-xxl-8 { flex: 0 0 auto; - width: 66.6666666667%; + width: 66.66666667%; } .col-xxl-9 { @@ -1214,12 +1219,12 @@ .col-xxl-10 { flex: 0 0 auto; - width: 83.3333333333%; + width: 83.33333333%; } .col-xxl-11 { flex: 0 0 auto; - width: 91.6666666667%; + width: 91.66666667%; } .col-xxl-12 { @@ -1232,11 +1237,11 @@ } .offset-xxl-1 { - margin-right: 8.3333333333%; + margin-right: 8.33333333%; } .offset-xxl-2 { - margin-right: 16.6666666667%; + margin-right: 16.66666667%; } .offset-xxl-3 { @@ -1244,11 +1249,11 @@ } .offset-xxl-4 { - margin-right: 33.3333333333%; + margin-right: 33.33333333%; } .offset-xxl-5 { - margin-right: 41.6666666667%; + margin-right: 41.66666667%; } .offset-xxl-6 { @@ -1256,11 +1261,11 @@ } .offset-xxl-7 { - margin-right: 58.3333333333%; + margin-right: 58.33333333%; } .offset-xxl-8 { - margin-right: 66.6666666667%; + margin-right: 66.66666667%; } .offset-xxl-9 { @@ -1268,11 +1273,11 @@ } .offset-xxl-10 { - margin-right: 83.3333333333%; + margin-right: 83.33333333%; } .offset-xxl-11 { - margin-right: 91.6666666667%; + margin-right: 91.66666667%; } .g-xxl-0, |