update
This commit is contained in:
+200
-176
@@ -1,7 +1,6 @@
|
||||
/*!
|
||||
* Bootstrap Grid v5.0.2 (https://getbootstrap.com/)
|
||||
* Copyright 2011-2021 The Bootstrap Authors
|
||||
* Copyright 2011-2021 Twitter, Inc.
|
||||
* Bootstrap Grid v5.3.3 (https://getbootstrap.com/)
|
||||
* Copyright 2011-2024 The Bootstrap Authors
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
|
||||
*/
|
||||
.container,
|
||||
@@ -11,9 +10,11 @@
|
||||
.container-lg,
|
||||
.container-md,
|
||||
.container-sm {
|
||||
--bs-gutter-x: 1.5rem;
|
||||
--bs-gutter-y: 0;
|
||||
width: 100%;
|
||||
padding-right: var(--bs-gutter-x, 0.75rem);
|
||||
padding-left: var(--bs-gutter-x, 0.75rem);
|
||||
padding-right: calc(var(--bs-gutter-x) * 0.5);
|
||||
padding-left: calc(var(--bs-gutter-x) * 0.5);
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
}
|
||||
@@ -43,14 +44,23 @@
|
||||
max-width: 1320px;
|
||||
}
|
||||
}
|
||||
:root {
|
||||
--bs-breakpoint-xs: 0;
|
||||
--bs-breakpoint-sm: 576px;
|
||||
--bs-breakpoint-md: 768px;
|
||||
--bs-breakpoint-lg: 992px;
|
||||
--bs-breakpoint-xl: 1200px;
|
||||
--bs-breakpoint-xxl: 1400px;
|
||||
}
|
||||
|
||||
.row {
|
||||
--bs-gutter-x: 1.5rem;
|
||||
--bs-gutter-y: 0;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin-top: calc(var(--bs-gutter-y) * -1);
|
||||
margin-right: calc(var(--bs-gutter-x) * -0.5);
|
||||
margin-left: calc(var(--bs-gutter-x) * -0.5);
|
||||
margin-top: calc(-1 * var(--bs-gutter-y));
|
||||
margin-right: calc(-0.5 * var(--bs-gutter-x));
|
||||
margin-left: calc(-0.5 * var(--bs-gutter-x));
|
||||
}
|
||||
.row > * {
|
||||
box-sizing: border-box;
|
||||
@@ -83,7 +93,7 @@
|
||||
|
||||
.row-cols-3 > * {
|
||||
flex: 0 0 auto;
|
||||
width: 33.3333333333%;
|
||||
width: 33.33333333%;
|
||||
}
|
||||
|
||||
.row-cols-4 > * {
|
||||
@@ -98,174 +108,9 @@
|
||||
|
||||
.row-cols-6 > * {
|
||||
flex: 0 0 auto;
|
||||
width: 16.6666666667%;
|
||||
width: 16.66666667%;
|
||||
}
|
||||
|
||||
@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;
|
||||
@@ -436,6 +281,37 @@
|
||||
}
|
||||
|
||||
@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.33333333%;
|
||||
}
|
||||
.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.66666667%;
|
||||
}
|
||||
.col-sm-auto {
|
||||
flex: 0 0 auto;
|
||||
width: auto;
|
||||
@@ -574,6 +450,37 @@
|
||||
}
|
||||
}
|
||||
@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.33333333%;
|
||||
}
|
||||
.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.66666667%;
|
||||
}
|
||||
.col-md-auto {
|
||||
flex: 0 0 auto;
|
||||
width: auto;
|
||||
@@ -712,6 +619,37 @@
|
||||
}
|
||||
}
|
||||
@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.33333333%;
|
||||
}
|
||||
.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.66666667%;
|
||||
}
|
||||
.col-lg-auto {
|
||||
flex: 0 0 auto;
|
||||
width: auto;
|
||||
@@ -850,6 +788,37 @@
|
||||
}
|
||||
}
|
||||
@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.33333333%;
|
||||
}
|
||||
.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.66666667%;
|
||||
}
|
||||
.col-xl-auto {
|
||||
flex: 0 0 auto;
|
||||
width: auto;
|
||||
@@ -988,6 +957,37 @@
|
||||
}
|
||||
}
|
||||
@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.33333333%;
|
||||
}
|
||||
.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.66666667%;
|
||||
}
|
||||
.col-xxl-auto {
|
||||
flex: 0 0 auto;
|
||||
width: auto;
|
||||
@@ -1141,6 +1141,10 @@
|
||||
display: grid !important;
|
||||
}
|
||||
|
||||
.d-inline-grid {
|
||||
display: inline-grid !important;
|
||||
}
|
||||
|
||||
.d-table {
|
||||
display: table !important;
|
||||
}
|
||||
@@ -1740,6 +1744,9 @@
|
||||
.d-sm-grid {
|
||||
display: grid !important;
|
||||
}
|
||||
.d-sm-inline-grid {
|
||||
display: inline-grid !important;
|
||||
}
|
||||
.d-sm-table {
|
||||
display: table !important;
|
||||
}
|
||||
@@ -2200,6 +2207,9 @@
|
||||
.d-md-grid {
|
||||
display: grid !important;
|
||||
}
|
||||
.d-md-inline-grid {
|
||||
display: inline-grid !important;
|
||||
}
|
||||
.d-md-table {
|
||||
display: table !important;
|
||||
}
|
||||
@@ -2660,6 +2670,9 @@
|
||||
.d-lg-grid {
|
||||
display: grid !important;
|
||||
}
|
||||
.d-lg-inline-grid {
|
||||
display: inline-grid !important;
|
||||
}
|
||||
.d-lg-table {
|
||||
display: table !important;
|
||||
}
|
||||
@@ -3120,6 +3133,9 @@
|
||||
.d-xl-grid {
|
||||
display: grid !important;
|
||||
}
|
||||
.d-xl-inline-grid {
|
||||
display: inline-grid !important;
|
||||
}
|
||||
.d-xl-table {
|
||||
display: table !important;
|
||||
}
|
||||
@@ -3580,6 +3596,9 @@
|
||||
.d-xxl-grid {
|
||||
display: grid !important;
|
||||
}
|
||||
.d-xxl-inline-grid {
|
||||
display: inline-grid !important;
|
||||
}
|
||||
.d-xxl-table {
|
||||
display: table !important;
|
||||
}
|
||||
@@ -4040,6 +4059,9 @@
|
||||
.d-print-grid {
|
||||
display: grid !important;
|
||||
}
|
||||
.d-print-inline-grid {
|
||||
display: inline-grid !important;
|
||||
}
|
||||
.d-print-table {
|
||||
display: table !important;
|
||||
}
|
||||
@@ -4058,4 +4080,6 @@
|
||||
.d-print-none {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=bootstrap-grid.css.map */
|
||||
Reference in New Issue
Block a user