FIX: Spinner on target=_blank

This commit is contained in:
Tony Air 2020-04-18 11:39:12 +07:00
parent 9cdb9cffb6
commit c9ec329d03
9 changed files with 1275 additions and 90 deletions

1322
dist/css/app.css vendored
View File

@ -29,9 +29,10 @@
--breakpoint-sm: 576px; --breakpoint-sm: 576px;
--breakpoint-md: 768px; --breakpoint-md: 768px;
--breakpoint-lg: 992px; --breakpoint-lg: 992px;
--breakpoint-xl: 1200px; --breakpoint-xl: 1168px;
--breakpoint-xxl: 1390px; --breakpoint-xxl: 1368px;
--breakpoint-xxxl: 1590px; --breakpoint-xxxl: 1568px;
--breakpoint-xxxxl: 1868px;
--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
} }
@ -665,21 +666,27 @@ pre code {
} }
} }
@media (min-width: 1200px) { @media (min-width: 1168px) {
.container { .container {
max-width: 1140px; max-width: 1136px;
} }
} }
@media (min-width: 1390px) { @media (min-width: 1368px) {
.container { .container {
max-width: 1330px; max-width: 1336px;
} }
} }
@media (min-width: 1590px) { @media (min-width: 1568px) {
.container { .container {
max-width: 1560px; max-width: 1536px;
}
}
@media (min-width: 1868px) {
.container {
max-width: 1836px;
} }
} }
@ -689,7 +696,8 @@ pre code {
.container-lg, .container-lg,
.container-xl, .container-xl,
.container-xxl, .container-xxl,
.container-xxxl { .container-xxxl,
.container-xxxxl {
width: 100%; width: 100%;
padding-right: 1rem; padding-right: 1rem;
padding-left: 1rem; padding-left: 1rem;
@ -721,28 +729,28 @@ pre code {
} }
} }
@media (min-width: 1200px) { @media (min-width: 1168px) {
.container, .container,
.container-sm, .container-sm,
.container-md, .container-md,
.container-lg, .container-lg,
.container-xl { .container-xl {
max-width: 1140px; max-width: 1136px;
} }
} }
@media (min-width: 1390px) { @media (min-width: 1368px) {
.container, .container,
.container-sm, .container-sm,
.container-md, .container-md,
.container-lg, .container-lg,
.container-xl, .container-xl,
.container-xxl { .container-xxl {
max-width: 1330px; max-width: 1336px;
} }
} }
@media (min-width: 1590px) { @media (min-width: 1568px) {
.container, .container,
.container-sm, .container-sm,
.container-md, .container-md,
@ -750,7 +758,20 @@ pre code {
.container-xl, .container-xl,
.container-xxl, .container-xxl,
.container-xxxl { .container-xxxl {
max-width: 1560px; max-width: 1536px;
}
}
@media (min-width: 1868px) {
.container,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-xxl,
.container-xxxl,
.container-xxxxl {
max-width: 1836px;
} }
} }
@ -872,7 +893,21 @@ pre code {
.col-xxxl-11, .col-xxxl-11,
.col-xxxl-12, .col-xxxl-12,
.col-xxxl, .col-xxxl,
.col-xxxl-auto { .col-xxxl-auto,
.col-xxxxl-1,
.col-xxxxl-2,
.col-xxxxl-3,
.col-xxxxl-4,
.col-xxxxl-5,
.col-xxxxl-6,
.col-xxxxl-7,
.col-xxxxl-8,
.col-xxxxl-9,
.col-xxxxl-10,
.col-xxxxl-11,
.col-xxxxl-12,
.col-xxxxl,
.col-xxxxl-auto {
position: relative; position: relative;
width: 100%; width: 100%;
padding-right: 1rem; padding-right: 1rem;
@ -2005,7 +2040,7 @@ pre code {
} }
} }
@media (min-width: 1200px) { @media (min-width: 1168px) {
.col-xl { .col-xl {
-ms-flex-preferred-size: 0; -ms-flex-preferred-size: 0;
flex-basis: 0; flex-basis: 0;
@ -2288,7 +2323,7 @@ pre code {
} }
} }
@media (min-width: 1390px) { @media (min-width: 1368px) {
.col-xxl { .col-xxl {
-ms-flex-preferred-size: 0; -ms-flex-preferred-size: 0;
flex-basis: 0; flex-basis: 0;
@ -2571,7 +2606,7 @@ pre code {
} }
} }
@media (min-width: 1590px) { @media (min-width: 1568px) {
.col-xxxl { .col-xxxl {
-ms-flex-preferred-size: 0; -ms-flex-preferred-size: 0;
flex-basis: 0; flex-basis: 0;
@ -2854,6 +2889,289 @@ pre code {
} }
} }
@media (min-width: 1868px) {
.col-xxxxl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.row-cols-xxxxl-1 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-xxxxl-2 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-xxxxl-3 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.row-cols-xxxxl-4 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-xxxxl-5 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-xxxxl-6 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-xxxxl-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-xxxxl-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-xxxxl-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-xxxxl-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-xxxxl-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-xxxxl-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-xxxxl-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-xxxxl-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-xxxxl-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-xxxxl-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-xxxxl-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-xxxxl-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-xxxxl-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-xxxxl-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-xxxxl-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.order-xxxxl-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-xxxxl-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-xxxxl-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-xxxxl-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-xxxxl-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-xxxxl-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-xxxxl-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-xxxxl-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-xxxxl-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-xxxxl-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-xxxxl-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-xxxxl-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-xxxxl-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-xxxxl-0 {
margin-left: 0;
}
.offset-xxxxl-1 {
margin-left: 8.33333%;
}
.offset-xxxxl-2 {
margin-left: 16.66667%;
}
.offset-xxxxl-3 {
margin-left: 25%;
}
.offset-xxxxl-4 {
margin-left: 33.33333%;
}
.offset-xxxxl-5 {
margin-left: 41.66667%;
}
.offset-xxxxl-6 {
margin-left: 50%;
}
.offset-xxxxl-7 {
margin-left: 58.33333%;
}
.offset-xxxxl-8 {
margin-left: 66.66667%;
}
.offset-xxxxl-9 {
margin-left: 75%;
}
.offset-xxxxl-10 {
margin-left: 83.33333%;
}
.offset-xxxxl-11 {
margin-left: 91.66667%;
}
}
.table, .table,
.typography table { .typography table {
width: 100%; width: 100%;
@ -3193,7 +3511,7 @@ pre code {
} }
} }
@media (max-width: 1199.98px) { @media (max-width: 1167.98px) {
.table-responsive-xl { .table-responsive-xl {
display: block; display: block;
width: 100%; width: 100%;
@ -3207,7 +3525,7 @@ pre code {
} }
} }
@media (max-width: 1389.98px) { @media (max-width: 1367.98px) {
.table-responsive-xxl { .table-responsive-xxl {
display: block; display: block;
width: 100%; width: 100%;
@ -3221,7 +3539,7 @@ pre code {
} }
} }
@media (max-width: 1589.98px) { @media (max-width: 1567.98px) {
.table-responsive-xxxl { .table-responsive-xxxl {
display: block; display: block;
width: 100%; width: 100%;
@ -3235,6 +3553,20 @@ pre code {
} }
} }
@media (max-width: 1867.98px) {
.table-responsive-xxxxl {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.table-responsive-xxxxl > .table-bordered,
.typography .table-responsive-xxxxl > table {
border: 0;
}
}
.table-responsive { .table-responsive {
display: block; display: block;
width: 100%; width: 100%;
@ -4747,7 +5079,7 @@ input[type="button"].btn-block {
} }
} }
@media (min-width: 1200px) { @media (min-width: 1168px) {
.dropdown-menu-xl-left { .dropdown-menu-xl-left {
right: auto; right: auto;
left: 0; left: 0;
@ -4759,7 +5091,7 @@ input[type="button"].btn-block {
} }
} }
@media (min-width: 1390px) { @media (min-width: 1368px) {
.dropdown-menu-xxl-left { .dropdown-menu-xxl-left {
right: auto; right: auto;
left: 0; left: 0;
@ -4771,7 +5103,7 @@ input[type="button"].btn-block {
} }
} }
@media (min-width: 1590px) { @media (min-width: 1568px) {
.dropdown-menu-xxxl-left { .dropdown-menu-xxxl-left {
right: auto; right: auto;
left: 0; left: 0;
@ -4783,6 +5115,18 @@ input[type="button"].btn-block {
} }
} }
@media (min-width: 1868px) {
.dropdown-menu-xxxxl-left {
right: auto;
left: 0;
}
.dropdown-menu-xxxxl-right {
right: 0;
left: auto;
}
}
.dropup .dropdown-menu { .dropup .dropdown-menu {
top: auto; top: auto;
bottom: 100%; bottom: 100%;
@ -5923,7 +6267,8 @@ input[type="button"].btn-block {
.navbar .container-lg, .navbar .container-lg,
.navbar .container-xl, .navbar .container-xl,
.navbar .container-xxl, .navbar .container-xxl,
.navbar .container-xxxl { .navbar .container-xxxl,
.navbar .container-xxxxl {
display: -webkit-box; display: -webkit-box;
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
@ -6024,7 +6369,8 @@ input[type="button"].btn-block {
.navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-lg,
.navbar-expand-sm > .container-xl, .navbar-expand-sm > .container-xl,
.navbar-expand-sm > .container-xxl, .navbar-expand-sm > .container-xxl,
.navbar-expand-sm > .container-xxxl { .navbar-expand-sm > .container-xxxl,
.navbar-expand-sm > .container-xxxxl {
padding-right: 0; padding-right: 0;
padding-left: 0; padding-left: 0;
} }
@ -6064,7 +6410,8 @@ input[type="button"].btn-block {
.navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-lg,
.navbar-expand-sm > .container-xl, .navbar-expand-sm > .container-xl,
.navbar-expand-sm > .container-xxl, .navbar-expand-sm > .container-xxl,
.navbar-expand-sm > .container-xxxl { .navbar-expand-sm > .container-xxxl,
.navbar-expand-sm > .container-xxxxl {
-ms-flex-wrap: nowrap; -ms-flex-wrap: nowrap;
flex-wrap: nowrap; flex-wrap: nowrap;
} }
@ -6090,7 +6437,8 @@ input[type="button"].btn-block {
.navbar-expand-md > .container-lg, .navbar-expand-md > .container-lg,
.navbar-expand-md > .container-xl, .navbar-expand-md > .container-xl,
.navbar-expand-md > .container-xxl, .navbar-expand-md > .container-xxl,
.navbar-expand-md > .container-xxxl { .navbar-expand-md > .container-xxxl,
.navbar-expand-md > .container-xxxxl {
padding-right: 0; padding-right: 0;
padding-left: 0; padding-left: 0;
} }
@ -6130,7 +6478,8 @@ input[type="button"].btn-block {
.navbar-expand-md > .container-lg, .navbar-expand-md > .container-lg,
.navbar-expand-md > .container-xl, .navbar-expand-md > .container-xl,
.navbar-expand-md > .container-xxl, .navbar-expand-md > .container-xxl,
.navbar-expand-md > .container-xxxl { .navbar-expand-md > .container-xxxl,
.navbar-expand-md > .container-xxxxl {
-ms-flex-wrap: nowrap; -ms-flex-wrap: nowrap;
flex-wrap: nowrap; flex-wrap: nowrap;
} }
@ -6156,7 +6505,8 @@ input[type="button"].btn-block {
.navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-lg,
.navbar-expand-lg > .container-xl, .navbar-expand-lg > .container-xl,
.navbar-expand-lg > .container-xxl, .navbar-expand-lg > .container-xxl,
.navbar-expand-lg > .container-xxxl { .navbar-expand-lg > .container-xxxl,
.navbar-expand-lg > .container-xxxxl {
padding-right: 0; padding-right: 0;
padding-left: 0; padding-left: 0;
} }
@ -6196,7 +6546,8 @@ input[type="button"].btn-block {
.navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-lg,
.navbar-expand-lg > .container-xl, .navbar-expand-lg > .container-xl,
.navbar-expand-lg > .container-xxl, .navbar-expand-lg > .container-xxl,
.navbar-expand-lg > .container-xxxl { .navbar-expand-lg > .container-xxxl,
.navbar-expand-lg > .container-xxxxl {
-ms-flex-wrap: nowrap; -ms-flex-wrap: nowrap;
flex-wrap: nowrap; flex-wrap: nowrap;
} }
@ -6214,7 +6565,7 @@ input[type="button"].btn-block {
} }
} }
@media (max-width: 1199.98px) { @media (max-width: 1167.98px) {
.navbar-expand-xl > .container, .navbar-expand-xl > .container,
.navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-fluid,
.navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-sm,
@ -6222,13 +6573,14 @@ input[type="button"].btn-block {
.navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-lg,
.navbar-expand-xl > .container-xl, .navbar-expand-xl > .container-xl,
.navbar-expand-xl > .container-xxl, .navbar-expand-xl > .container-xxl,
.navbar-expand-xl > .container-xxxl { .navbar-expand-xl > .container-xxxl,
.navbar-expand-xl > .container-xxxxl {
padding-right: 0; padding-right: 0;
padding-left: 0; padding-left: 0;
} }
} }
@media (min-width: 1200px) { @media (min-width: 1168px) {
.navbar-expand-xl { .navbar-expand-xl {
-webkit-box-orient: horizontal; -webkit-box-orient: horizontal;
-webkit-box-direction: normal; -webkit-box-direction: normal;
@ -6262,7 +6614,8 @@ input[type="button"].btn-block {
.navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-lg,
.navbar-expand-xl > .container-xl, .navbar-expand-xl > .container-xl,
.navbar-expand-xl > .container-xxl, .navbar-expand-xl > .container-xxl,
.navbar-expand-xl > .container-xxxl { .navbar-expand-xl > .container-xxxl,
.navbar-expand-xl > .container-xxxxl {
-ms-flex-wrap: nowrap; -ms-flex-wrap: nowrap;
flex-wrap: nowrap; flex-wrap: nowrap;
} }
@ -6280,7 +6633,7 @@ input[type="button"].btn-block {
} }
} }
@media (max-width: 1389.98px) { @media (max-width: 1367.98px) {
.navbar-expand-xxl > .container, .navbar-expand-xxl > .container,
.navbar-expand-xxl > .container-fluid, .navbar-expand-xxl > .container-fluid,
.navbar-expand-xxl > .container-sm, .navbar-expand-xxl > .container-sm,
@ -6288,13 +6641,14 @@ input[type="button"].btn-block {
.navbar-expand-xxl > .container-lg, .navbar-expand-xxl > .container-lg,
.navbar-expand-xxl > .container-xl, .navbar-expand-xxl > .container-xl,
.navbar-expand-xxl > .container-xxl, .navbar-expand-xxl > .container-xxl,
.navbar-expand-xxl > .container-xxxl { .navbar-expand-xxl > .container-xxxl,
.navbar-expand-xxl > .container-xxxxl {
padding-right: 0; padding-right: 0;
padding-left: 0; padding-left: 0;
} }
} }
@media (min-width: 1390px) { @media (min-width: 1368px) {
.navbar-expand-xxl { .navbar-expand-xxl {
-webkit-box-orient: horizontal; -webkit-box-orient: horizontal;
-webkit-box-direction: normal; -webkit-box-direction: normal;
@ -6328,7 +6682,8 @@ input[type="button"].btn-block {
.navbar-expand-xxl > .container-lg, .navbar-expand-xxl > .container-lg,
.navbar-expand-xxl > .container-xl, .navbar-expand-xxl > .container-xl,
.navbar-expand-xxl > .container-xxl, .navbar-expand-xxl > .container-xxl,
.navbar-expand-xxl > .container-xxxl { .navbar-expand-xxl > .container-xxxl,
.navbar-expand-xxl > .container-xxxxl {
-ms-flex-wrap: nowrap; -ms-flex-wrap: nowrap;
flex-wrap: nowrap; flex-wrap: nowrap;
} }
@ -6346,7 +6701,7 @@ input[type="button"].btn-block {
} }
} }
@media (max-width: 1589.98px) { @media (max-width: 1567.98px) {
.navbar-expand-xxxl > .container, .navbar-expand-xxxl > .container,
.navbar-expand-xxxl > .container-fluid, .navbar-expand-xxxl > .container-fluid,
.navbar-expand-xxxl > .container-sm, .navbar-expand-xxxl > .container-sm,
@ -6354,13 +6709,14 @@ input[type="button"].btn-block {
.navbar-expand-xxxl > .container-lg, .navbar-expand-xxxl > .container-lg,
.navbar-expand-xxxl > .container-xl, .navbar-expand-xxxl > .container-xl,
.navbar-expand-xxxl > .container-xxl, .navbar-expand-xxxl > .container-xxl,
.navbar-expand-xxxl > .container-xxxl { .navbar-expand-xxxl > .container-xxxl,
.navbar-expand-xxxl > .container-xxxxl {
padding-right: 0; padding-right: 0;
padding-left: 0; padding-left: 0;
} }
} }
@media (min-width: 1590px) { @media (min-width: 1568px) {
.navbar-expand-xxxl { .navbar-expand-xxxl {
-webkit-box-orient: horizontal; -webkit-box-orient: horizontal;
-webkit-box-direction: normal; -webkit-box-direction: normal;
@ -6394,7 +6750,8 @@ input[type="button"].btn-block {
.navbar-expand-xxxl > .container-lg, .navbar-expand-xxxl > .container-lg,
.navbar-expand-xxxl > .container-xl, .navbar-expand-xxxl > .container-xl,
.navbar-expand-xxxl > .container-xxl, .navbar-expand-xxxl > .container-xxl,
.navbar-expand-xxxl > .container-xxxl { .navbar-expand-xxxl > .container-xxxl,
.navbar-expand-xxxl > .container-xxxxl {
-ms-flex-wrap: nowrap; -ms-flex-wrap: nowrap;
flex-wrap: nowrap; flex-wrap: nowrap;
} }
@ -6412,6 +6769,74 @@ input[type="button"].btn-block {
} }
} }
@media (max-width: 1867.98px) {
.navbar-expand-xxxxl > .container,
.navbar-expand-xxxxl > .container-fluid,
.navbar-expand-xxxxl > .container-sm,
.navbar-expand-xxxxl > .container-md,
.navbar-expand-xxxxl > .container-lg,
.navbar-expand-xxxxl > .container-xl,
.navbar-expand-xxxxl > .container-xxl,
.navbar-expand-xxxxl > .container-xxxl,
.navbar-expand-xxxxl > .container-xxxxl {
padding-right: 0;
padding-left: 0;
}
}
@media (min-width: 1868px) {
.navbar-expand-xxxxl {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.navbar-expand-xxxxl .navbar-nav {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.navbar-expand-xxxxl .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-xxxxl .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.navbar-expand-xxxxl > .container,
.navbar-expand-xxxxl > .container-fluid,
.navbar-expand-xxxxl > .container-sm,
.navbar-expand-xxxxl > .container-md,
.navbar-expand-xxxxl > .container-lg,
.navbar-expand-xxxxl > .container-xl,
.navbar-expand-xxxxl > .container-xxl,
.navbar-expand-xxxxl > .container-xxxl,
.navbar-expand-xxxxl > .container-xxxxl {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.navbar-expand-xxxxl .navbar-collapse {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
.navbar-expand-xxxxl .navbar-toggler {
display: none;
}
}
.navbar-expand { .navbar-expand {
-webkit-box-orient: horizontal; -webkit-box-orient: horizontal;
-webkit-box-direction: normal; -webkit-box-direction: normal;
@ -6429,7 +6854,8 @@ input[type="button"].btn-block {
.navbar-expand > .container-lg, .navbar-expand > .container-lg,
.navbar-expand > .container-xl, .navbar-expand > .container-xl,
.navbar-expand > .container-xxl, .navbar-expand > .container-xxl,
.navbar-expand > .container-xxxl { .navbar-expand > .container-xxxl,
.navbar-expand > .container-xxxxl {
padding-right: 0; padding-right: 0;
padding-left: 0; padding-left: 0;
} }
@ -6457,7 +6883,8 @@ input[type="button"].btn-block {
.navbar-expand > .container-lg, .navbar-expand > .container-lg,
.navbar-expand > .container-xl, .navbar-expand > .container-xl,
.navbar-expand > .container-xxl, .navbar-expand > .container-xxl,
.navbar-expand > .container-xxxl { .navbar-expand > .container-xxxl,
.navbar-expand > .container-xxxxl {
-ms-flex-wrap: nowrap; -ms-flex-wrap: nowrap;
flex-wrap: nowrap; flex-wrap: nowrap;
} }
@ -7625,7 +8052,7 @@ a.badge-dark.focus {
} }
} }
@media (min-width: 1200px) { @media (min-width: 1168px) {
.list-group-horizontal-xl { .list-group-horizontal-xl {
-webkit-box-orient: horizontal; -webkit-box-orient: horizontal;
-webkit-box-direction: normal; -webkit-box-direction: normal;
@ -7658,7 +8085,7 @@ a.badge-dark.focus {
} }
} }
@media (min-width: 1390px) { @media (min-width: 1368px) {
.list-group-horizontal-xxl { .list-group-horizontal-xxl {
-webkit-box-orient: horizontal; -webkit-box-orient: horizontal;
-webkit-box-direction: normal; -webkit-box-direction: normal;
@ -7691,7 +8118,7 @@ a.badge-dark.focus {
} }
} }
@media (min-width: 1590px) { @media (min-width: 1568px) {
.list-group-horizontal-xxxl { .list-group-horizontal-xxxl {
-webkit-box-orient: horizontal; -webkit-box-orient: horizontal;
-webkit-box-direction: normal; -webkit-box-direction: normal;
@ -7724,6 +8151,39 @@ a.badge-dark.focus {
} }
} }
@media (min-width: 1868px) {
.list-group-horizontal-xxxxl {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.list-group-horizontal-xxxxl .list-group-item:first-child {
border-bottom-left-radius: 0.25rem;
border-top-right-radius: 0;
}
.list-group-horizontal-xxxxl .list-group-item:last-child {
border-top-right-radius: 0.25rem;
border-bottom-left-radius: 0;
}
.list-group-horizontal-xxxxl .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal-xxxxl .list-group-item + .list-group-item {
border-top-width: 1px;
border-left-width: 0;
}
.list-group-horizontal-xxxxl .list-group-item + .list-group-item.active {
margin-left: -1px;
border-left-width: 1px;
}
}
.list-group-flush .list-group-item { .list-group-flush .list-group-item {
border-right-width: 0; border-right-width: 0;
border-left-width: 0; border-left-width: 0;
@ -8158,7 +8618,7 @@ a.close.disabled {
} }
} }
@media (min-width: 1200px) { @media (min-width: 1168px) {
.modal-xl { .modal-xl {
max-width: 1140px; max-width: 1140px;
} }
@ -9106,7 +9566,7 @@ button.bg-alt:focus,
} }
} }
@media (min-width: 1200px) { @media (min-width: 1168px) {
.d-xl-none { .d-xl-none {
display: none !important; display: none !important;
} }
@ -9148,7 +9608,7 @@ button.bg-alt:focus,
} }
} }
@media (min-width: 1390px) { @media (min-width: 1368px) {
.d-xxl-none { .d-xxl-none {
display: none !important; display: none !important;
} }
@ -9190,7 +9650,7 @@ button.bg-alt:focus,
} }
} }
@media (min-width: 1590px) { @media (min-width: 1568px) {
.d-xxxl-none { .d-xxxl-none {
display: none !important; display: none !important;
} }
@ -9232,6 +9692,48 @@ button.bg-alt:focus,
} }
} }
@media (min-width: 1868px) {
.d-xxxxl-none {
display: none !important;
}
.d-xxxxl-inline {
display: inline !important;
}
.d-xxxxl-inline-block {
display: inline-block !important;
}
.d-xxxxl-block {
display: block !important;
}
.d-xxxxl-table {
display: table !important;
}
.d-xxxxl-table-row {
display: table-row !important;
}
.d-xxxxl-table-cell {
display: table-cell !important;
}
.d-xxxxl-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-xxxxl-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media print { @media print {
.d-print-none { .d-print-none {
display: none !important; display: none !important;
@ -10083,7 +10585,7 @@ button.bg-alt:focus,
} }
} }
@media (min-width: 1200px) { @media (min-width: 1168px) {
.flex-xl-row { .flex-xl-row {
-webkit-box-orient: horizontal !important; -webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important; -webkit-box-direction: normal !important;
@ -10275,7 +10777,7 @@ button.bg-alt:focus,
} }
} }
@media (min-width: 1390px) { @media (min-width: 1368px) {
.flex-xxl-row { .flex-xxl-row {
-webkit-box-orient: horizontal !important; -webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important; -webkit-box-direction: normal !important;
@ -10467,7 +10969,7 @@ button.bg-alt:focus,
} }
} }
@media (min-width: 1590px) { @media (min-width: 1568px) {
.flex-xxxl-row { .flex-xxxl-row {
-webkit-box-orient: horizontal !important; -webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important; -webkit-box-direction: normal !important;
@ -10659,6 +11161,198 @@ button.bg-alt:focus,
} }
} }
@media (min-width: 1868px) {
.flex-xxxxl-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-xxxxl-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-xxxxl-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-xxxxl-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-xxxxl-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-xxxxl-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-xxxxl-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-xxxxl-fill {
-webkit-box-flex: 1 !important;
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-xxxxl-grow-0 {
-webkit-box-flex: 0 !important;
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-xxxxl-grow-1 {
-webkit-box-flex: 1 !important;
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-xxxxl-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-xxxxl-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-xxxxl-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-xxxxl-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-xxxxl-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-xxxxl-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-xxxxl-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-xxxxl-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-xxxxl-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-xxxxl-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-xxxxl-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-xxxxl-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-xxxxl-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-xxxxl-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-xxxxl-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-xxxxl-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-xxxxl-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-xxxxl-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-xxxxl-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-xxxxl-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-xxxxl-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-xxxxl-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-xxxxl-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-xxxxl-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
.float-left { .float-left {
float: left !important; float: left !important;
} }
@ -10713,7 +11407,7 @@ button.bg-alt:focus,
} }
} }
@media (min-width: 1200px) { @media (min-width: 1168px) {
.float-xl-left { .float-xl-left {
float: left !important; float: left !important;
} }
@ -10727,7 +11421,7 @@ button.bg-alt:focus,
} }
} }
@media (min-width: 1390px) { @media (min-width: 1368px) {
.float-xxl-left { .float-xxl-left {
float: left !important; float: left !important;
} }
@ -10741,7 +11435,7 @@ button.bg-alt:focus,
} }
} }
@media (min-width: 1590px) { @media (min-width: 1568px) {
.float-xxxl-left { .float-xxxl-left {
float: left !important; float: left !important;
} }
@ -10755,6 +11449,20 @@ button.bg-alt:focus,
} }
} }
@media (min-width: 1868px) {
.float-xxxxl-left {
float: left !important;
}
.float-xxxxl-right {
float: right !important;
}
.float-xxxxl-none {
float: none !important;
}
}
.overflow-auto { .overflow-auto {
overflow: auto !important; overflow: auto !important;
} }
@ -12661,7 +13369,7 @@ button.bg-alt:focus,
} }
} }
@media (min-width: 1200px) { @media (min-width: 1168px) {
.m-xl-0 { .m-xl-0 {
margin: 0 !important; margin: 0 !important;
} }
@ -13095,7 +13803,7 @@ button.bg-alt:focus,
} }
} }
@media (min-width: 1390px) { @media (min-width: 1368px) {
.m-xxl-0 { .m-xxl-0 {
margin: 0 !important; margin: 0 !important;
} }
@ -13529,7 +14237,7 @@ button.bg-alt:focus,
} }
} }
@media (min-width: 1590px) { @media (min-width: 1568px) {
.m-xxxl-0 { .m-xxxl-0 {
margin: 0 !important; margin: 0 !important;
} }
@ -13963,6 +14671,440 @@ button.bg-alt:focus,
} }
} }
@media (min-width: 1868px) {
.m-xxxxl-0 {
margin: 0 !important;
}
.mt-xxxxl-0,
.my-xxxxl-0 {
margin-top: 0 !important;
}
.mr-xxxxl-0,
.mx-xxxxl-0 {
margin-right: 0 !important;
}
.mb-xxxxl-0,
.my-xxxxl-0 {
margin-bottom: 0 !important;
}
.ml-xxxxl-0,
.mx-xxxxl-0 {
margin-left: 0 !important;
}
.m-xxxxl-1 {
margin: 0.25rem !important;
}
.mt-xxxxl-1,
.my-xxxxl-1 {
margin-top: 0.25rem !important;
}
.mr-xxxxl-1,
.mx-xxxxl-1 {
margin-right: 0.25rem !important;
}
.mb-xxxxl-1,
.my-xxxxl-1 {
margin-bottom: 0.25rem !important;
}
.ml-xxxxl-1,
.mx-xxxxl-1 {
margin-left: 0.25rem !important;
}
.m-xxxxl-2 {
margin: 0.5rem !important;
}
.mt-xxxxl-2,
.my-xxxxl-2 {
margin-top: 0.5rem !important;
}
.mr-xxxxl-2,
.mx-xxxxl-2 {
margin-right: 0.5rem !important;
}
.mb-xxxxl-2,
.my-xxxxl-2 {
margin-bottom: 0.5rem !important;
}
.ml-xxxxl-2,
.mx-xxxxl-2 {
margin-left: 0.5rem !important;
}
.m-xxxxl-3 {
margin: 1rem !important;
}
.mt-xxxxl-3,
.my-xxxxl-3 {
margin-top: 1rem !important;
}
.mr-xxxxl-3,
.mx-xxxxl-3 {
margin-right: 1rem !important;
}
.mb-xxxxl-3,
.my-xxxxl-3 {
margin-bottom: 1rem !important;
}
.ml-xxxxl-3,
.mx-xxxxl-3 {
margin-left: 1rem !important;
}
.m-xxxxl-4 {
margin: 1.5rem !important;
}
.mt-xxxxl-4,
.my-xxxxl-4 {
margin-top: 1.5rem !important;
}
.mr-xxxxl-4,
.mx-xxxxl-4 {
margin-right: 1.5rem !important;
}
.mb-xxxxl-4,
.my-xxxxl-4 {
margin-bottom: 1.5rem !important;
}
.ml-xxxxl-4,
.mx-xxxxl-4 {
margin-left: 1.5rem !important;
}
.m-xxxxl-5 {
margin: 3rem !important;
}
.mt-xxxxl-5,
.my-xxxxl-5 {
margin-top: 3rem !important;
}
.mr-xxxxl-5,
.mx-xxxxl-5 {
margin-right: 3rem !important;
}
.mb-xxxxl-5,
.my-xxxxl-5 {
margin-bottom: 3rem !important;
}
.ml-xxxxl-5,
.mx-xxxxl-5 {
margin-left: 3rem !important;
}
.p-xxxxl-0 {
padding: 0 !important;
}
.pt-xxxxl-0,
.py-xxxxl-0 {
padding-top: 0 !important;
}
.pr-xxxxl-0,
.px-xxxxl-0 {
padding-right: 0 !important;
}
.pb-xxxxl-0,
.py-xxxxl-0 {
padding-bottom: 0 !important;
}
.pl-xxxxl-0,
.px-xxxxl-0 {
padding-left: 0 !important;
}
.p-xxxxl-1 {
padding: 0.25rem !important;
}
.pt-xxxxl-1,
.py-xxxxl-1 {
padding-top: 0.25rem !important;
}
.pr-xxxxl-1,
.px-xxxxl-1 {
padding-right: 0.25rem !important;
}
.pb-xxxxl-1,
.py-xxxxl-1 {
padding-bottom: 0.25rem !important;
}
.pl-xxxxl-1,
.px-xxxxl-1 {
padding-left: 0.25rem !important;
}
.p-xxxxl-2 {
padding: 0.5rem !important;
}
.pt-xxxxl-2,
.py-xxxxl-2 {
padding-top: 0.5rem !important;
}
.pr-xxxxl-2,
.px-xxxxl-2 {
padding-right: 0.5rem !important;
}
.pb-xxxxl-2,
.py-xxxxl-2 {
padding-bottom: 0.5rem !important;
}
.pl-xxxxl-2,
.px-xxxxl-2 {
padding-left: 0.5rem !important;
}
.p-xxxxl-3 {
padding: 1rem !important;
}
.pt-xxxxl-3,
.py-xxxxl-3 {
padding-top: 1rem !important;
}
.pr-xxxxl-3,
.px-xxxxl-3 {
padding-right: 1rem !important;
}
.pb-xxxxl-3,
.py-xxxxl-3 {
padding-bottom: 1rem !important;
}
.pl-xxxxl-3,
.px-xxxxl-3 {
padding-left: 1rem !important;
}
.p-xxxxl-4 {
padding: 1.5rem !important;
}
.pt-xxxxl-4,
.py-xxxxl-4 {
padding-top: 1.5rem !important;
}
.pr-xxxxl-4,
.px-xxxxl-4 {
padding-right: 1.5rem !important;
}
.pb-xxxxl-4,
.py-xxxxl-4 {
padding-bottom: 1.5rem !important;
}
.pl-xxxxl-4,
.px-xxxxl-4 {
padding-left: 1.5rem !important;
}
.p-xxxxl-5 {
padding: 3rem !important;
}
.pt-xxxxl-5,
.py-xxxxl-5 {
padding-top: 3rem !important;
}
.pr-xxxxl-5,
.px-xxxxl-5 {
padding-right: 3rem !important;
}
.pb-xxxxl-5,
.py-xxxxl-5 {
padding-bottom: 3rem !important;
}
.pl-xxxxl-5,
.px-xxxxl-5 {
padding-left: 3rem !important;
}
.m-xxxxl-n1 {
margin: -0.25rem !important;
}
.mt-xxxxl-n1,
.my-xxxxl-n1 {
margin-top: -0.25rem !important;
}
.mr-xxxxl-n1,
.mx-xxxxl-n1 {
margin-right: -0.25rem !important;
}
.mb-xxxxl-n1,
.my-xxxxl-n1 {
margin-bottom: -0.25rem !important;
}
.ml-xxxxl-n1,
.mx-xxxxl-n1 {
margin-left: -0.25rem !important;
}
.m-xxxxl-n2 {
margin: -0.5rem !important;
}
.mt-xxxxl-n2,
.my-xxxxl-n2 {
margin-top: -0.5rem !important;
}
.mr-xxxxl-n2,
.mx-xxxxl-n2 {
margin-right: -0.5rem !important;
}
.mb-xxxxl-n2,
.my-xxxxl-n2 {
margin-bottom: -0.5rem !important;
}
.ml-xxxxl-n2,
.mx-xxxxl-n2 {
margin-left: -0.5rem !important;
}
.m-xxxxl-n3 {
margin: -1rem !important;
}
.mt-xxxxl-n3,
.my-xxxxl-n3 {
margin-top: -1rem !important;
}
.mr-xxxxl-n3,
.mx-xxxxl-n3 {
margin-right: -1rem !important;
}
.mb-xxxxl-n3,
.my-xxxxl-n3 {
margin-bottom: -1rem !important;
}
.ml-xxxxl-n3,
.mx-xxxxl-n3 {
margin-left: -1rem !important;
}
.m-xxxxl-n4 {
margin: -1.5rem !important;
}
.mt-xxxxl-n4,
.my-xxxxl-n4 {
margin-top: -1.5rem !important;
}
.mr-xxxxl-n4,
.mx-xxxxl-n4 {
margin-right: -1.5rem !important;
}
.mb-xxxxl-n4,
.my-xxxxl-n4 {
margin-bottom: -1.5rem !important;
}
.ml-xxxxl-n4,
.mx-xxxxl-n4 {
margin-left: -1.5rem !important;
}
.m-xxxxl-n5 {
margin: -3rem !important;
}
.mt-xxxxl-n5,
.my-xxxxl-n5 {
margin-top: -3rem !important;
}
.mr-xxxxl-n5,
.mx-xxxxl-n5 {
margin-right: -3rem !important;
}
.mb-xxxxl-n5,
.my-xxxxl-n5 {
margin-bottom: -3rem !important;
}
.ml-xxxxl-n5,
.mx-xxxxl-n5 {
margin-left: -3rem !important;
}
.m-xxxxl-auto {
margin: auto !important;
}
.mt-xxxxl-auto,
.my-xxxxl-auto {
margin-top: auto !important;
}
.mr-xxxxl-auto,
.mx-xxxxl-auto {
margin-right: auto !important;
}
.mb-xxxxl-auto,
.my-xxxxl-auto {
margin-bottom: auto !important;
}
.ml-xxxxl-auto,
.mx-xxxxl-auto {
margin-left: auto !important;
}
}
.text-monospace { .text-monospace {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
} }
@ -14039,7 +15181,7 @@ button.bg-alt:focus,
} }
} }
@media (min-width: 1200px) { @media (min-width: 1168px) {
.text-xl-left { .text-xl-left {
text-align: left !important; text-align: left !important;
} }
@ -14053,7 +15195,7 @@ button.bg-alt:focus,
} }
} }
@media (min-width: 1390px) { @media (min-width: 1368px) {
.text-xxl-left { .text-xxl-left {
text-align: left !important; text-align: left !important;
} }
@ -14067,7 +15209,7 @@ button.bg-alt:focus,
} }
} }
@media (min-width: 1590px) { @media (min-width: 1568px) {
.text-xxxl-left { .text-xxxl-left {
text-align: left !important; text-align: left !important;
} }
@ -14081,6 +15223,20 @@ button.bg-alt:focus,
} }
} }
@media (min-width: 1868px) {
.text-xxxxl-left {
text-align: left !important;
}
.text-xxxxl-right {
text-align: right !important;
}
.text-xxxxl-center {
text-align: center !important;
}
}
.text-lowercase { .text-lowercase {
text-transform: lowercase !important; text-transform: lowercase !important;
} }
@ -15112,6 +16268,7 @@ textarea,
.container-xl, .container-xl,
.container-xxl, .container-xxl,
.container-xxxl, .container-xxxl,
.container-xxxxl,
.row, .row,
[class='col-*'] { [class='col-*'] {
-webkit-transition: all 0.4s ease; -webkit-transition: all 0.4s ease;
@ -15556,13 +16713,15 @@ input.time[readonly] {
.dynamic__elements__image__elements__elementimage .container-xl, .dynamic__elements__image__elements__elementimage .container-xl,
.dynamic__elements__image__elements__elementimage .container-xxl, .dynamic__elements__image__elements__elementimage .container-xxl,
.dynamic__elements__image__elements__elementimage .container-xxxl, .dynamic__elements__image__elements__elementimage .container-xxxl,
.dynamic__elements__image__elements__elementimage .container-xxxxl,
.site__elements__sliderelement .container-fluid, .site__elements__sliderelement .container-fluid,
.site__elements__sliderelement .container-sm, .site__elements__sliderelement .container-sm,
.site__elements__sliderelement .container-md, .site__elements__sliderelement .container-md,
.site__elements__sliderelement .container-lg, .site__elements__sliderelement .container-lg,
.site__elements__sliderelement .container-xl, .site__elements__sliderelement .container-xl,
.site__elements__sliderelement .container-xxl, .site__elements__sliderelement .container-xxl,
.site__elements__sliderelement .container-xxxl { .site__elements__sliderelement .container-xxxl,
.site__elements__sliderelement .container-xxxxl {
padding-left: 0; padding-left: 0;
padding-right: 0; padding-right: 0;
} }
@ -15574,7 +16733,8 @@ input.time[readonly] {
.element .elemental-area .element .container-lg, .element .elemental-area .element .container-lg,
.element .elemental-area .element .container-xl, .element .elemental-area .element .container-xl,
.element .elemental-area .element .container-xxl, .element .elemental-area .element .container-xxl,
.element .elemental-area .element .container-xxxl { .element .elemental-area .element .container-xxxl,
.element .elemental-area .element .container-xxxxl {
padding: 0; padding: 0;
width: auto; width: auto;
} }
@ -15991,7 +17151,7 @@ h6,
} }
} }
@media (max-width: 1199.98px) { @media (max-width: 1167.98px) {
.typography .table-responsive-xl { .typography .table-responsive-xl {
display: block; display: block;
width: 100%; width: 100%;
@ -16005,7 +17165,7 @@ h6,
} }
} }
@media (max-width: 1389.98px) { @media (max-width: 1367.98px) {
.typography .table-responsive-xxl { .typography .table-responsive-xxl {
display: block; display: block;
width: 100%; width: 100%;
@ -16019,7 +17179,7 @@ h6,
} }
} }
@media (max-width: 1589.98px) { @media (max-width: 1567.98px) {
.typography .table-responsive-xxxl { .typography .table-responsive-xxxl {
display: block; display: block;
width: 100%; width: 100%;
@ -16033,6 +17193,20 @@ h6,
} }
} }
@media (max-width: 1867.98px) {
.typography .table-responsive-xxxxl {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.typography .table-responsive-xxxxl > .table-bordered,
.typography .table-responsive-xxxxl > table {
border: 0;
}
}
.typography .table-responsive { .typography .table-responsive {
display: block; display: block;
width: 100%; width: 100%;
@ -16292,7 +17466,8 @@ body {
#Footer .container-lg, #Footer .container-lg,
#Footer .container-xl, #Footer .container-xl,
#Footer .container-xxl, #Footer .container-xxl,
#Footer .container-xxxl { #Footer .container-xxxl,
#Footer .container-xxxxl {
padding-top: 1rem; padding-top: 1rem;
padding-bottom: 1rem; padding-bottom: 1rem;
} }
@ -16316,7 +17491,8 @@ body {
#Footer .footer .container-lg, #Footer .footer .container-lg,
#Footer .footer .container-xl, #Footer .footer .container-xl,
#Footer .footer .container-xxl, #Footer .footer .container-xxl,
#Footer .footer .container-xxxl { #Footer .footer .container-xxxl,
#Footer .footer .container-xxxxl {
padding-top: 0; padding-top: 0;
padding-bottom: 0; padding-bottom: 0;
} }

File diff suppressed because one or more lines are too long

View File

@ -1 +1 @@
{"version":3,"sources":["webpack:///./src/scss/_variables.scss","webpack:///_ui.map.scss","webpack:///./src/scss/_animations.scss","webpack:///./src/scss/_components/_ui.map.scss"],"names":[],"mappings":"AA4CA;;;ECzCE;;ACDF;EACI;IACI;YAAA;EDKN;;ECFE;IACI;YAAA;EDMN;;ECHE;IACI;YAAA;EDON;AACF;;AClBA;EACI;IACI;YAAA;EDsBN;;ECnBE;IACI;YAAA;EDuBN;;ECpBE;IACI;YAAA;EDwBN;AACF;;AEtBA;EACI;EACA;AFyBJ;;AErBI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAAA;EAAA;EACA;EACA;AF0BR;;AEvBI;;;EAGI;EAAA;MAAA;UAAA;AF6BR;;AE1BI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;UAAA;AF8BR;;AE3BI;EACI;EACA;EACA;EACA;EACA;EACA;AF8BR;;AEpCK;;EAUO;EACA;AF+BZ;;AE3BI;EACI;EACA;EACA;EACA;AF8BR;;AE3BI;EACI;EACA;MAAA;EACA;AF+BR;;AE5BI;EACI;EACA;EACA;EACA;EACA;EACA;AF+BR;;AErCK;;;;EAYO;UAAA;AFiCZ","file":"css/app_SilverShop.Page.CheckoutPageController.css","sourcesContent":["@import '_mixings';\n@import '_colors';\n\n$grid-breakpoints: (\n\txs: 0,\n\tsm: 576px,\n\tmd: 768px,\n\tlg: 992px,\n\txl: 1200px,\n\txxl: 1390px,\n\txxxl: 1590px\n) !default;\n$container-max-widths: (\n\tsm: 540px,\n\tmd: 720px,\n\tlg: 960px,\n\txl: 1140px,\n\txxl: 1330px,\n\txxxl: 1560px\n) !default;\n\n$font-family-base: 'Lato', sans-serif !default;\n\n$font-size-base: 1rem !default;\n\n// start font-sizing from h2\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $h1-font-size !default;\n$h3-font-size: $font-size-base * 2 !default;\n$h4-font-size: $font-size-base * 1.75 !default;\n$h5-font-size: $font-size-base * 1.5 !default;\n$h6-font-size: $font-size-base * 1.25 !default;\n\n$grid-gutter-width: 2rem !default;\n$grid-gutter-height: 2rem !default;\n$grid-gutter-xs-width: $grid-gutter-width / 2 !default;\n$grid-gutter-element-height: $grid-gutter-height * 2 !default;\n\n$field-gutter-height: $grid-gutter-height / 2 !default;\n$col-block-gutter-height: $grid-gutter-height / 4 !default;\n\n$footer-size: 18.5rem !default;\n$footer-bar-size: 2.5rem !default;\n\n/*\n * bootstrap includes\n * keep it at the end\n */\n\n// bootstrap minify bugfix:\n$navbar-dark-toggler-icon-bg: none !default;\n$navbar-light-toggler-icon-bg: none !default;\n\n// IE > 9\n$enable-flex: true !default;\n\n$enable-responsive-font-sizes: true !default;\n\n@import '~bootstrap/scss/functions';\n@import '~bootstrap/scss/variables';\n@import '~bootstrap/scss/mixins';\n","/*\n * bootstrap includes\n * keep it at the end\n */\n\n@-webkit-keyframes pulse {\n 0% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n\n 50% {\n -webkit-transform: scale(0.8);\n transform: scale(0.8);\n }\n\n 100% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n}\n\n@keyframes pulse {\n 0% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n\n 50% {\n -webkit-transform: scale(0.8);\n transform: scale(0.8);\n }\n\n 100% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n}\n\n.mapAPI-map {\n height: 30rem;\n margin-bottom: 4rem;\n}\n\n.mapboxgl-popup {\n width: 16rem;\n height: 7rem;\n font-size: 0.8rem;\n line-height: 1.2em;\n position: absolute;\n top: 0;\n left: 0;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n pointer-events: none;\n z-index: 4;\n}\n\n.mapboxgl-popup-anchor-bottom,\n.mapboxgl-popup-anchor-bottom-left,\n.mapboxgl-popup-anchor-bottom-right {\n -webkit-box-orient: vertical;\n -webkit-box-direction: reverse;\n -ms-flex-direction: column-reverse;\n flex-direction: column-reverse;\n}\n\n.mapboxgl-popup-content {\n min-width: 16rem;\n background: #fff;\n color: #212121;\n position: relative;\n pointer-events: auto;\n padding: 0.8rem;\n border-radius: 0.25rem;\n min-height: 5rem;\n -webkit-box-shadow: 0 0.1rem 0.8rem 0 rgba(0, 0, 0, 0.4);\n box-shadow: 0 0.1rem 0.8rem 0 rgba(0, 0, 0, 0.4);\n}\n\n.mapboxgl-popup-close-button {\n position: absolute;\n right: 0;\n top: 0;\n font-size: 2rem;\n padding: 0.5rem;\n border-top-right-radius: 0.25rem;\n}\n\n.mapboxgl-popup-close-button:hover,\n.mapboxgl-popup-close-button:focus {\n background: #2196f3;\n color: #fff;\n}\n\n.mapboxgl-popup-tip {\n width: 0;\n height: 0;\n border: 0.8rem solid transparent;\n z-index: 1;\n}\n\n.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n border-top-color: #fff;\n -ms-flex-item-align: center;\n align-self: center;\n border-bottom: none;\n}\n\n.mapboxgl-marker {\n width: 30px;\n height: 30px;\n font-size: 30px;\n color: #2196f3;\n cursor: pointer;\n text-align: center;\n}\n\n.mapboxgl-marker .marker-icon,\n.mapboxgl-marker .fas,\n.mapboxgl-marker .fab,\n.mapboxgl-marker .far {\n -webkit-animation: pulse 0.8s linear infinite;\n animation: pulse 0.8s linear infinite;\n}\n\n","// pulse\n\n@keyframes pulse {\n 0% {\n transform: scale(1);\n }\n\n 50% {\n transform: scale(0.8);\n }\n\n 100% {\n transform: scale(1);\n }\n}\n","/*\n * bootstrap includes\n * keep it at the end\n */\n\n@keyframes pulse {\n 0% {\n transform: scale(1);\n }\n\n 50% {\n transform: scale(0.8);\n }\n\n 100% {\n transform: scale(1);\n }\n}\n\n.mapAPI-map {\n height: 30rem;\n margin-bottom: 4rem;\n}\n\n.mapboxgl-popup {\n width: 16rem;\n height: 7rem;\n font-size: 0.8rem;\n line-height: 1.2em;\n position: absolute;\n top: 0;\n left: 0;\n display: flex;\n pointer-events: none;\n z-index: 4;\n}\n\n.mapboxgl-popup-anchor-bottom,\n.mapboxgl-popup-anchor-bottom-left,\n.mapboxgl-popup-anchor-bottom-right {\n flex-direction: column-reverse;\n}\n\n.mapboxgl-popup-content {\n min-width: 16rem;\n background: #fff;\n color: #212121;\n position: relative;\n pointer-events: auto;\n padding: 0.8rem;\n border-radius: 0.25rem;\n min-height: 5rem;\n box-shadow: 0 0.1rem 0.8rem 0 rgba(0, 0, 0, 0.4);\n}\n\n.mapboxgl-popup-close-button {\n position: absolute;\n right: 0;\n top: 0;\n font-size: 2rem;\n padding: 0.5rem;\n border-top-right-radius: 0.25rem;\n}\n\n.mapboxgl-popup-close-button:hover,\n.mapboxgl-popup-close-button:focus {\n background: #2196f3;\n color: #fff;\n}\n\n.mapboxgl-popup-tip {\n width: 0;\n height: 0;\n border: 0.8rem solid transparent;\n z-index: 1;\n}\n\n.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n border-top-color: #fff;\n align-self: center;\n border-bottom: none;\n}\n\n.mapboxgl-marker {\n width: 30px;\n height: 30px;\n font-size: 30px;\n color: #2196f3;\n cursor: pointer;\n text-align: center;\n}\n\n.mapboxgl-marker .marker-icon,\n.mapboxgl-marker .fas,\n.mapboxgl-marker .fab,\n.mapboxgl-marker .far {\n animation: pulse 0.8s linear infinite;\n}\n\n"],"sourceRoot":""} {"version":3,"sources":["webpack:///./src/scss/_variables.scss","webpack:///_ui.map.scss","webpack:///./src/scss/_animations.scss","webpack:///./src/scss/_components/_ui.map.scss"],"names":[],"mappings":"AAgDA;;;EC7CE;;ACDF;EACI;IACI;YAAA;EDKN;;ECFE;IACI;YAAA;EDMN;;ECHE;IACI;YAAA;EDON;AACF;;AClBA;EACI;IACI;YAAA;EDsBN;;ECnBE;IACI;YAAA;EDuBN;;ECpBE;IACI;YAAA;EDwBN;AACF;;AEtBA;EACI;EACA;AFyBJ;;AErBI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAAA;EAAA;EACA;EACA;AF0BR;;AEvBI;;;EAGI;EAAA;MAAA;UAAA;AF6BR;;AE1BI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;UAAA;AF8BR;;AE3BI;EACI;EACA;EACA;EACA;EACA;EACA;AF8BR;;AEpCK;;EAUO;EACA;AF+BZ;;AE3BI;EACI;EACA;EACA;EACA;AF8BR;;AE3BI;EACI;EACA;MAAA;EACA;AF+BR;;AE5BI;EACI;EACA;EACA;EACA;EACA;EACA;AF+BR;;AErCK;;;;EAYO;UAAA;AFiCZ","file":"css/app_SilverShop.Page.CheckoutPageController.css","sourcesContent":["@import '_mixings';\n@import '_colors';\n\n// screen size - 32px (ex. 1400 - 32 = 1368)\n$grid-breakpoints: (\n\txs: 0,\n\tsm: 576px,\n\tmd: 768px,\n\tlg: 992px,\n\txl: 1168px,\n\txxl: 1368px,\n\txxxl: 1568px,\n\txxxxl: 1868px\n) !default;\n// screen size - (32px * 2) (ex. 1400 - 64 = 1336)\n$container-max-widths: (\n\tsm: 540px,\n\tmd: 720px,\n\tlg: 960px,\n\txl: 1136px,\n\txxl: 1336px,\n\txxxl: 1536px,\n\txxxxl: 1836px\n) !default;\n\n$font-family-base: 'Lato', sans-serif !default;\n\n$font-size-base: 1rem !default;\n\n// start font-sizing from h2\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $h1-font-size !default;\n$h3-font-size: $font-size-base * 2 !default;\n$h4-font-size: $font-size-base * 1.75 !default;\n$h5-font-size: $font-size-base * 1.5 !default;\n$h6-font-size: $font-size-base * 1.25 !default;\n\n$grid-gutter-width: 2rem !default;\n$grid-gutter-height: 2rem !default;\n$grid-gutter-xs-width: $grid-gutter-width / 2 !default;\n$grid-gutter-element-height: $grid-gutter-height * 2 !default;\n\n$field-gutter-height: $grid-gutter-height / 2 !default;\n$col-block-gutter-height: $grid-gutter-height / 4 !default;\n\n$footer-size: 18.5rem !default;\n$footer-bar-size: 2.5rem !default;\n\n/*\n * bootstrap includes\n * keep it at the end\n */\n\n// bootstrap minify bugfix:\n$navbar-dark-toggler-icon-bg: none !default;\n$navbar-light-toggler-icon-bg: none !default;\n\n// IE > 9\n$enable-flex: true !default;\n\n$enable-responsive-font-sizes: true !default;\n\n@import '~bootstrap/scss/functions';\n@import '~bootstrap/scss/variables';\n@import '~bootstrap/scss/mixins';\n","/*\n * bootstrap includes\n * keep it at the end\n */\n\n@-webkit-keyframes pulse {\n 0% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n\n 50% {\n -webkit-transform: scale(0.8);\n transform: scale(0.8);\n }\n\n 100% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n}\n\n@keyframes pulse {\n 0% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n\n 50% {\n -webkit-transform: scale(0.8);\n transform: scale(0.8);\n }\n\n 100% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n}\n\n.mapAPI-map {\n height: 30rem;\n margin-bottom: 4rem;\n}\n\n.mapboxgl-popup {\n width: 16rem;\n height: 7rem;\n font-size: 0.8rem;\n line-height: 1.2em;\n position: absolute;\n top: 0;\n left: 0;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n pointer-events: none;\n z-index: 4;\n}\n\n.mapboxgl-popup-anchor-bottom,\n.mapboxgl-popup-anchor-bottom-left,\n.mapboxgl-popup-anchor-bottom-right {\n -webkit-box-orient: vertical;\n -webkit-box-direction: reverse;\n -ms-flex-direction: column-reverse;\n flex-direction: column-reverse;\n}\n\n.mapboxgl-popup-content {\n min-width: 16rem;\n background: #fff;\n color: #212121;\n position: relative;\n pointer-events: auto;\n padding: 0.8rem;\n border-radius: 0.25rem;\n min-height: 5rem;\n -webkit-box-shadow: 0 0.1rem 0.8rem 0 rgba(0, 0, 0, 0.4);\n box-shadow: 0 0.1rem 0.8rem 0 rgba(0, 0, 0, 0.4);\n}\n\n.mapboxgl-popup-close-button {\n position: absolute;\n right: 0;\n top: 0;\n font-size: 2rem;\n padding: 0.5rem;\n border-top-right-radius: 0.25rem;\n}\n\n.mapboxgl-popup-close-button:hover,\n.mapboxgl-popup-close-button:focus {\n background: #2196f3;\n color: #fff;\n}\n\n.mapboxgl-popup-tip {\n width: 0;\n height: 0;\n border: 0.8rem solid transparent;\n z-index: 1;\n}\n\n.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n border-top-color: #fff;\n -ms-flex-item-align: center;\n align-self: center;\n border-bottom: none;\n}\n\n.mapboxgl-marker {\n width: 30px;\n height: 30px;\n font-size: 30px;\n color: #2196f3;\n cursor: pointer;\n text-align: center;\n}\n\n.mapboxgl-marker .marker-icon,\n.mapboxgl-marker .fas,\n.mapboxgl-marker .fab,\n.mapboxgl-marker .far {\n -webkit-animation: pulse 0.8s linear infinite;\n animation: pulse 0.8s linear infinite;\n}\n\n","// pulse\n\n@keyframes pulse {\n 0% {\n transform: scale(1);\n }\n\n 50% {\n transform: scale(0.8);\n }\n\n 100% {\n transform: scale(1);\n }\n}\n","/*\n * bootstrap includes\n * keep it at the end\n */\n\n@keyframes pulse {\n 0% {\n transform: scale(1);\n }\n\n 50% {\n transform: scale(0.8);\n }\n\n 100% {\n transform: scale(1);\n }\n}\n\n.mapAPI-map {\n height: 30rem;\n margin-bottom: 4rem;\n}\n\n.mapboxgl-popup {\n width: 16rem;\n height: 7rem;\n font-size: 0.8rem;\n line-height: 1.2em;\n position: absolute;\n top: 0;\n left: 0;\n display: flex;\n pointer-events: none;\n z-index: 4;\n}\n\n.mapboxgl-popup-anchor-bottom,\n.mapboxgl-popup-anchor-bottom-left,\n.mapboxgl-popup-anchor-bottom-right {\n flex-direction: column-reverse;\n}\n\n.mapboxgl-popup-content {\n min-width: 16rem;\n background: #fff;\n color: #212121;\n position: relative;\n pointer-events: auto;\n padding: 0.8rem;\n border-radius: 0.25rem;\n min-height: 5rem;\n box-shadow: 0 0.1rem 0.8rem 0 rgba(0, 0, 0, 0.4);\n}\n\n.mapboxgl-popup-close-button {\n position: absolute;\n right: 0;\n top: 0;\n font-size: 2rem;\n padding: 0.5rem;\n border-top-right-radius: 0.25rem;\n}\n\n.mapboxgl-popup-close-button:hover,\n.mapboxgl-popup-close-button:focus {\n background: #2196f3;\n color: #fff;\n}\n\n.mapboxgl-popup-tip {\n width: 0;\n height: 0;\n border: 0.8rem solid transparent;\n z-index: 1;\n}\n\n.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n border-top-color: #fff;\n align-self: center;\n border-bottom: none;\n}\n\n.mapboxgl-marker {\n width: 30px;\n height: 30px;\n font-size: 30px;\n color: #2196f3;\n cursor: pointer;\n text-align: center;\n}\n\n.mapboxgl-marker .marker-icon,\n.mapboxgl-marker .fas,\n.mapboxgl-marker .fab,\n.mapboxgl-marker .far {\n animation: pulse 0.8s linear infinite;\n}\n\n"],"sourceRoot":""}

View File

@ -1 +1 @@
{"version":3,"sources":["webpack:///./src/scss/_variables.scss","webpack:///_ui.map.scss","webpack:///./src/scss/_animations.scss","webpack:///./src/scss/_components/_ui.map.scss"],"names":[],"mappings":"AA4CA;;;ECzCE;;ACDF;EACI;IACI;YAAA;EDKN;;ECFE;IACI;YAAA;EDMN;;ECHE;IACI;YAAA;EDON;AACF;;AClBA;EACI;IACI;YAAA;EDsBN;;ECnBE;IACI;YAAA;EDuBN;;ECpBE;IACI;YAAA;EDwBN;AACF;;AEtBA;EACI;EACA;AFyBJ;;AErBI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAAA;EAAA;EACA;EACA;AF0BR;;AEvBI;;;EAGI;EAAA;MAAA;UAAA;AF6BR;;AE1BI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;UAAA;AF8BR;;AE3BI;EACI;EACA;EACA;EACA;EACA;EACA;AF8BR;;AEpCK;;EAUO;EACA;AF+BZ;;AE3BI;EACI;EACA;EACA;EACA;AF8BR;;AE3BI;EACI;EACA;MAAA;EACA;AF+BR;;AE5BI;EACI;EACA;EACA;EACA;EACA;EACA;AF+BR;;AErCK;;;;EAYO;UAAA;AFiCZ","file":"css/app_Site.Controllers.MapElementController.css","sourcesContent":["@import '_mixings';\n@import '_colors';\n\n$grid-breakpoints: (\n\txs: 0,\n\tsm: 576px,\n\tmd: 768px,\n\tlg: 992px,\n\txl: 1200px,\n\txxl: 1390px,\n\txxxl: 1590px\n) !default;\n$container-max-widths: (\n\tsm: 540px,\n\tmd: 720px,\n\tlg: 960px,\n\txl: 1140px,\n\txxl: 1330px,\n\txxxl: 1560px\n) !default;\n\n$font-family-base: 'Lato', sans-serif !default;\n\n$font-size-base: 1rem !default;\n\n// start font-sizing from h2\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $h1-font-size !default;\n$h3-font-size: $font-size-base * 2 !default;\n$h4-font-size: $font-size-base * 1.75 !default;\n$h5-font-size: $font-size-base * 1.5 !default;\n$h6-font-size: $font-size-base * 1.25 !default;\n\n$grid-gutter-width: 2rem !default;\n$grid-gutter-height: 2rem !default;\n$grid-gutter-xs-width: $grid-gutter-width / 2 !default;\n$grid-gutter-element-height: $grid-gutter-height * 2 !default;\n\n$field-gutter-height: $grid-gutter-height / 2 !default;\n$col-block-gutter-height: $grid-gutter-height / 4 !default;\n\n$footer-size: 18.5rem !default;\n$footer-bar-size: 2.5rem !default;\n\n/*\n * bootstrap includes\n * keep it at the end\n */\n\n// bootstrap minify bugfix:\n$navbar-dark-toggler-icon-bg: none !default;\n$navbar-light-toggler-icon-bg: none !default;\n\n// IE > 9\n$enable-flex: true !default;\n\n$enable-responsive-font-sizes: true !default;\n\n@import '~bootstrap/scss/functions';\n@import '~bootstrap/scss/variables';\n@import '~bootstrap/scss/mixins';\n","/*\n * bootstrap includes\n * keep it at the end\n */\n\n@-webkit-keyframes pulse {\n 0% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n\n 50% {\n -webkit-transform: scale(0.8);\n transform: scale(0.8);\n }\n\n 100% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n}\n\n@keyframes pulse {\n 0% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n\n 50% {\n -webkit-transform: scale(0.8);\n transform: scale(0.8);\n }\n\n 100% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n}\n\n.mapAPI-map {\n height: 30rem;\n margin-bottom: 4rem;\n}\n\n.mapboxgl-popup {\n width: 16rem;\n height: 7rem;\n font-size: 0.8rem;\n line-height: 1.2em;\n position: absolute;\n top: 0;\n left: 0;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n pointer-events: none;\n z-index: 4;\n}\n\n.mapboxgl-popup-anchor-bottom,\n.mapboxgl-popup-anchor-bottom-left,\n.mapboxgl-popup-anchor-bottom-right {\n -webkit-box-orient: vertical;\n -webkit-box-direction: reverse;\n -ms-flex-direction: column-reverse;\n flex-direction: column-reverse;\n}\n\n.mapboxgl-popup-content {\n min-width: 16rem;\n background: #fff;\n color: #212121;\n position: relative;\n pointer-events: auto;\n padding: 0.8rem;\n border-radius: 0.25rem;\n min-height: 5rem;\n -webkit-box-shadow: 0 0.1rem 0.8rem 0 rgba(0, 0, 0, 0.4);\n box-shadow: 0 0.1rem 0.8rem 0 rgba(0, 0, 0, 0.4);\n}\n\n.mapboxgl-popup-close-button {\n position: absolute;\n right: 0;\n top: 0;\n font-size: 2rem;\n padding: 0.5rem;\n border-top-right-radius: 0.25rem;\n}\n\n.mapboxgl-popup-close-button:hover,\n.mapboxgl-popup-close-button:focus {\n background: #2196f3;\n color: #fff;\n}\n\n.mapboxgl-popup-tip {\n width: 0;\n height: 0;\n border: 0.8rem solid transparent;\n z-index: 1;\n}\n\n.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n border-top-color: #fff;\n -ms-flex-item-align: center;\n align-self: center;\n border-bottom: none;\n}\n\n.mapboxgl-marker {\n width: 30px;\n height: 30px;\n font-size: 30px;\n color: #2196f3;\n cursor: pointer;\n text-align: center;\n}\n\n.mapboxgl-marker .marker-icon,\n.mapboxgl-marker .fas,\n.mapboxgl-marker .fab,\n.mapboxgl-marker .far {\n -webkit-animation: pulse 0.8s linear infinite;\n animation: pulse 0.8s linear infinite;\n}\n\n","// pulse\n\n@keyframes pulse {\n 0% {\n transform: scale(1);\n }\n\n 50% {\n transform: scale(0.8);\n }\n\n 100% {\n transform: scale(1);\n }\n}\n","/*\n * bootstrap includes\n * keep it at the end\n */\n\n@keyframes pulse {\n 0% {\n transform: scale(1);\n }\n\n 50% {\n transform: scale(0.8);\n }\n\n 100% {\n transform: scale(1);\n }\n}\n\n.mapAPI-map {\n height: 30rem;\n margin-bottom: 4rem;\n}\n\n.mapboxgl-popup {\n width: 16rem;\n height: 7rem;\n font-size: 0.8rem;\n line-height: 1.2em;\n position: absolute;\n top: 0;\n left: 0;\n display: flex;\n pointer-events: none;\n z-index: 4;\n}\n\n.mapboxgl-popup-anchor-bottom,\n.mapboxgl-popup-anchor-bottom-left,\n.mapboxgl-popup-anchor-bottom-right {\n flex-direction: column-reverse;\n}\n\n.mapboxgl-popup-content {\n min-width: 16rem;\n background: #fff;\n color: #212121;\n position: relative;\n pointer-events: auto;\n padding: 0.8rem;\n border-radius: 0.25rem;\n min-height: 5rem;\n box-shadow: 0 0.1rem 0.8rem 0 rgba(0, 0, 0, 0.4);\n}\n\n.mapboxgl-popup-close-button {\n position: absolute;\n right: 0;\n top: 0;\n font-size: 2rem;\n padding: 0.5rem;\n border-top-right-radius: 0.25rem;\n}\n\n.mapboxgl-popup-close-button:hover,\n.mapboxgl-popup-close-button:focus {\n background: #2196f3;\n color: #fff;\n}\n\n.mapboxgl-popup-tip {\n width: 0;\n height: 0;\n border: 0.8rem solid transparent;\n z-index: 1;\n}\n\n.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n border-top-color: #fff;\n align-self: center;\n border-bottom: none;\n}\n\n.mapboxgl-marker {\n width: 30px;\n height: 30px;\n font-size: 30px;\n color: #2196f3;\n cursor: pointer;\n text-align: center;\n}\n\n.mapboxgl-marker .marker-icon,\n.mapboxgl-marker .fas,\n.mapboxgl-marker .fab,\n.mapboxgl-marker .far {\n animation: pulse 0.8s linear infinite;\n}\n\n"],"sourceRoot":""} {"version":3,"sources":["webpack:///./src/scss/_variables.scss","webpack:///_ui.map.scss","webpack:///./src/scss/_animations.scss","webpack:///./src/scss/_components/_ui.map.scss"],"names":[],"mappings":"AAgDA;;;EC7CE;;ACDF;EACI;IACI;YAAA;EDKN;;ECFE;IACI;YAAA;EDMN;;ECHE;IACI;YAAA;EDON;AACF;;AClBA;EACI;IACI;YAAA;EDsBN;;ECnBE;IACI;YAAA;EDuBN;;ECpBE;IACI;YAAA;EDwBN;AACF;;AEtBA;EACI;EACA;AFyBJ;;AErBI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAAA;EAAA;EACA;EACA;AF0BR;;AEvBI;;;EAGI;EAAA;MAAA;UAAA;AF6BR;;AE1BI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;UAAA;AF8BR;;AE3BI;EACI;EACA;EACA;EACA;EACA;EACA;AF8BR;;AEpCK;;EAUO;EACA;AF+BZ;;AE3BI;EACI;EACA;EACA;EACA;AF8BR;;AE3BI;EACI;EACA;MAAA;EACA;AF+BR;;AE5BI;EACI;EACA;EACA;EACA;EACA;EACA;AF+BR;;AErCK;;;;EAYO;UAAA;AFiCZ","file":"css/app_Site.Controllers.MapElementController.css","sourcesContent":["@import '_mixings';\n@import '_colors';\n\n// screen size - 32px (ex. 1400 - 32 = 1368)\n$grid-breakpoints: (\n\txs: 0,\n\tsm: 576px,\n\tmd: 768px,\n\tlg: 992px,\n\txl: 1168px,\n\txxl: 1368px,\n\txxxl: 1568px,\n\txxxxl: 1868px\n) !default;\n// screen size - (32px * 2) (ex. 1400 - 64 = 1336)\n$container-max-widths: (\n\tsm: 540px,\n\tmd: 720px,\n\tlg: 960px,\n\txl: 1136px,\n\txxl: 1336px,\n\txxxl: 1536px,\n\txxxxl: 1836px\n) !default;\n\n$font-family-base: 'Lato', sans-serif !default;\n\n$font-size-base: 1rem !default;\n\n// start font-sizing from h2\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $h1-font-size !default;\n$h3-font-size: $font-size-base * 2 !default;\n$h4-font-size: $font-size-base * 1.75 !default;\n$h5-font-size: $font-size-base * 1.5 !default;\n$h6-font-size: $font-size-base * 1.25 !default;\n\n$grid-gutter-width: 2rem !default;\n$grid-gutter-height: 2rem !default;\n$grid-gutter-xs-width: $grid-gutter-width / 2 !default;\n$grid-gutter-element-height: $grid-gutter-height * 2 !default;\n\n$field-gutter-height: $grid-gutter-height / 2 !default;\n$col-block-gutter-height: $grid-gutter-height / 4 !default;\n\n$footer-size: 18.5rem !default;\n$footer-bar-size: 2.5rem !default;\n\n/*\n * bootstrap includes\n * keep it at the end\n */\n\n// bootstrap minify bugfix:\n$navbar-dark-toggler-icon-bg: none !default;\n$navbar-light-toggler-icon-bg: none !default;\n\n// IE > 9\n$enable-flex: true !default;\n\n$enable-responsive-font-sizes: true !default;\n\n@import '~bootstrap/scss/functions';\n@import '~bootstrap/scss/variables';\n@import '~bootstrap/scss/mixins';\n","/*\n * bootstrap includes\n * keep it at the end\n */\n\n@-webkit-keyframes pulse {\n 0% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n\n 50% {\n -webkit-transform: scale(0.8);\n transform: scale(0.8);\n }\n\n 100% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n}\n\n@keyframes pulse {\n 0% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n\n 50% {\n -webkit-transform: scale(0.8);\n transform: scale(0.8);\n }\n\n 100% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n}\n\n.mapAPI-map {\n height: 30rem;\n margin-bottom: 4rem;\n}\n\n.mapboxgl-popup {\n width: 16rem;\n height: 7rem;\n font-size: 0.8rem;\n line-height: 1.2em;\n position: absolute;\n top: 0;\n left: 0;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n pointer-events: none;\n z-index: 4;\n}\n\n.mapboxgl-popup-anchor-bottom,\n.mapboxgl-popup-anchor-bottom-left,\n.mapboxgl-popup-anchor-bottom-right {\n -webkit-box-orient: vertical;\n -webkit-box-direction: reverse;\n -ms-flex-direction: column-reverse;\n flex-direction: column-reverse;\n}\n\n.mapboxgl-popup-content {\n min-width: 16rem;\n background: #fff;\n color: #212121;\n position: relative;\n pointer-events: auto;\n padding: 0.8rem;\n border-radius: 0.25rem;\n min-height: 5rem;\n -webkit-box-shadow: 0 0.1rem 0.8rem 0 rgba(0, 0, 0, 0.4);\n box-shadow: 0 0.1rem 0.8rem 0 rgba(0, 0, 0, 0.4);\n}\n\n.mapboxgl-popup-close-button {\n position: absolute;\n right: 0;\n top: 0;\n font-size: 2rem;\n padding: 0.5rem;\n border-top-right-radius: 0.25rem;\n}\n\n.mapboxgl-popup-close-button:hover,\n.mapboxgl-popup-close-button:focus {\n background: #2196f3;\n color: #fff;\n}\n\n.mapboxgl-popup-tip {\n width: 0;\n height: 0;\n border: 0.8rem solid transparent;\n z-index: 1;\n}\n\n.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n border-top-color: #fff;\n -ms-flex-item-align: center;\n align-self: center;\n border-bottom: none;\n}\n\n.mapboxgl-marker {\n width: 30px;\n height: 30px;\n font-size: 30px;\n color: #2196f3;\n cursor: pointer;\n text-align: center;\n}\n\n.mapboxgl-marker .marker-icon,\n.mapboxgl-marker .fas,\n.mapboxgl-marker .fab,\n.mapboxgl-marker .far {\n -webkit-animation: pulse 0.8s linear infinite;\n animation: pulse 0.8s linear infinite;\n}\n\n","// pulse\n\n@keyframes pulse {\n 0% {\n transform: scale(1);\n }\n\n 50% {\n transform: scale(0.8);\n }\n\n 100% {\n transform: scale(1);\n }\n}\n","/*\n * bootstrap includes\n * keep it at the end\n */\n\n@keyframes pulse {\n 0% {\n transform: scale(1);\n }\n\n 50% {\n transform: scale(0.8);\n }\n\n 100% {\n transform: scale(1);\n }\n}\n\n.mapAPI-map {\n height: 30rem;\n margin-bottom: 4rem;\n}\n\n.mapboxgl-popup {\n width: 16rem;\n height: 7rem;\n font-size: 0.8rem;\n line-height: 1.2em;\n position: absolute;\n top: 0;\n left: 0;\n display: flex;\n pointer-events: none;\n z-index: 4;\n}\n\n.mapboxgl-popup-anchor-bottom,\n.mapboxgl-popup-anchor-bottom-left,\n.mapboxgl-popup-anchor-bottom-right {\n flex-direction: column-reverse;\n}\n\n.mapboxgl-popup-content {\n min-width: 16rem;\n background: #fff;\n color: #212121;\n position: relative;\n pointer-events: auto;\n padding: 0.8rem;\n border-radius: 0.25rem;\n min-height: 5rem;\n box-shadow: 0 0.1rem 0.8rem 0 rgba(0, 0, 0, 0.4);\n}\n\n.mapboxgl-popup-close-button {\n position: absolute;\n right: 0;\n top: 0;\n font-size: 2rem;\n padding: 0.5rem;\n border-top-right-radius: 0.25rem;\n}\n\n.mapboxgl-popup-close-button:hover,\n.mapboxgl-popup-close-button:focus {\n background: #2196f3;\n color: #fff;\n}\n\n.mapboxgl-popup-tip {\n width: 0;\n height: 0;\n border: 0.8rem solid transparent;\n z-index: 1;\n}\n\n.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n border-top-color: #fff;\n align-self: center;\n border-bottom: none;\n}\n\n.mapboxgl-marker {\n width: 30px;\n height: 30px;\n font-size: 30px;\n color: #2196f3;\n cursor: pointer;\n text-align: center;\n}\n\n.mapboxgl-marker .marker-icon,\n.mapboxgl-marker .fas,\n.mapboxgl-marker .fab,\n.mapboxgl-marker .far {\n animation: pulse 0.8s linear infinite;\n}\n\n"],"sourceRoot":""}

2
dist/js/app.js vendored

File diff suppressed because one or more lines are too long

2
dist/js/app.js.map vendored

File diff suppressed because one or more lines are too long

View File

@ -1,6 +1,6 @@
{ {
"name": "@a2nt/ss-bootstrap-ui-webpack-boilerplate", "name": "@a2nt/ss-bootstrap-ui-webpack-boilerplate",
"version": "1.9.2", "version": "1.9.3",
"author": "Tony Air <tony@twma.pro>", "author": "Tony Air <tony@twma.pro>",
"license": "MIT", "license": "MIT",
"description": "This UI Kit allows you to build Bootstrap 4 webapp with some extra UI features. It's easy to extend and easy to convert HTML templates to CMS templates.", "description": "This UI Kit allows you to build Bootstrap 4 webapp with some extra UI features. It's easy to extend and easy to convert HTML templates to CMS templates.",

View File

@ -364,10 +364,7 @@ const MainUI = (($) => {
}); });
} }
if ( if ($AlertNotify.length && typeof $AlertNotify[0].stop !== 'undefined') {
$AlertNotify.length &&
typeof $AlertNotify[0].stop !== 'undefined'
) {
$AlertNotify[0].stop(); $AlertNotify[0].stop();
} }
@ -458,6 +455,14 @@ const MainUI = (($) => {
}); });
}); });
// hide spinner on target _blank
$('[target="_blank"]').on('click submit', () => {
setTimeout(() => {
Spinner.hide(() => {
$Body.addClass('loaded');
});
}, 1000);
});
W.MainUI = MainUI; W.MainUI = MainUI;
return MainUI; return MainUI;

View File

@ -1,22 +1,26 @@
@import '_mixings'; @import '_mixings';
@import '_colors'; @import '_colors';
// screen size - 32px (ex. 1400 - 32 = 1368)
$grid-breakpoints: ( $grid-breakpoints: (
xs: 0, xs: 0,
sm: 576px, sm: 576px,
md: 768px, md: 768px,
lg: 992px, lg: 992px,
xl: 1200px, xl: 1168px,
xxl: 1390px, xxl: 1368px,
xxxl: 1590px xxxl: 1568px,
xxxxl: 1868px
) !default; ) !default;
// screen size - (32px * 2) (ex. 1400 - 64 = 1336)
$container-max-widths: ( $container-max-widths: (
sm: 540px, sm: 540px,
md: 720px, md: 720px,
lg: 960px, lg: 960px,
xl: 1140px, xl: 1136px,
xxl: 1330px, xxl: 1336px,
xxxl: 1560px xxxl: 1536px,
xxxxl: 1836px
) !default; ) !default;
$font-family-base: 'Lato', sans-serif !default; $font-family-base: 'Lato', sans-serif !default;