Cookies and Flyout UI

This commit is contained in:
Tony Air 2019-11-30 14:16:49 +07:00
parent 1b47e3936a
commit 347b225f19
6 changed files with 747 additions and 292 deletions

1011
dist/css/main.css vendored
View File

@ -74,7 +74,7 @@ body {
background-color: #fff;
}
[tabindex="-1"]:focus {
[tabindex="-1"]:focus:not(:focus-visible) {
outline: 0 !important;
}
@ -179,21 +179,16 @@ a:hover {
text-decoration: underline;
}
a:not([href]):not([tabindex]) {
a:not([href]) {
color: inherit;
text-decoration: none;
}
a:not([href]):not([tabindex]):hover,
a:not([href]):not([tabindex]):focus {
a:not([href]):hover {
color: inherit;
text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
outline: 0;
}
pre,
code,
kbd,
@ -541,7 +536,7 @@ mark,
code {
font-size: 87.5%;
color: #e91e63;
word-break: break-word;
word-wrap: break-word;
}
a > code {
@ -623,7 +618,13 @@ pre code {
}
}
.container-fluid {
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-xxl,
.container-xxxl {
width: 100%;
padding-right: 1rem;
padding-left: 1rem;
@ -631,6 +632,63 @@ pre code {
margin-left: auto;
}
@media (min-width: 576px) {
.container,
.container-sm {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container,
.container-sm,
.container-md {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container,
.container-sm,
.container-md,
.container-lg {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container,
.container-sm,
.container-md,
.container-lg,
.container-xl {
max-width: 1140px;
}
}
@media (min-width: 1390px) {
.container,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-xxl {
max-width: 1330px;
}
}
@media (min-width: 1590px) {
.container,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-xxl,
.container-xxxl {
max-width: 1560px;
}
}
.row {
display: -webkit-box;
display: -ms-flexbox;
@ -765,6 +823,48 @@ pre code {
max-width: 100%;
}
.row-cols-1 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-2 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-3 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.row-cols-4 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-5 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-6 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
@ -1001,6 +1101,48 @@ pre code {
max-width: 100%;
}
.row-cols-sm-1 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-sm-2 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-sm-3 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.row-cols-sm-4 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-sm-5 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-sm-6 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-sm-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
@ -1242,6 +1384,48 @@ pre code {
max-width: 100%;
}
.row-cols-md-1 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-md-2 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-md-3 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.row-cols-md-4 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-md-5 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-md-6 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-md-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
@ -1483,6 +1667,48 @@ pre code {
max-width: 100%;
}
.row-cols-lg-1 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-lg-2 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-lg-3 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.row-cols-lg-4 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-lg-5 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-lg-6 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-lg-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
@ -1724,6 +1950,48 @@ pre code {
max-width: 100%;
}
.row-cols-xl-1 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-xl-2 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-xl-3 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.row-cols-xl-4 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-xl-5 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-xl-6 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-xl-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
@ -1965,6 +2233,48 @@ pre code {
max-width: 100%;
}
.row-cols-xxl-1 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-xxl-2 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-xxl-3 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.row-cols-xxl-4 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-xxl-5 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-xxl-6 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-xxl-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
@ -2206,6 +2516,48 @@ pre code {
max-width: 100%;
}
.row-cols-xxxl-1 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-xxxl-2 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-xxxl-3 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.row-cols-xxxl-4 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-xxxl-5 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-xxxl-6 > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-xxxl-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
@ -2867,6 +3219,13 @@ pre code {
border: 0;
}
.form-control:-moz-focusring,
.select2-container--default .select2-selection:-moz-focusring,
.select2-dropdown .select2-search__field:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #616161;
}
.form-control:focus,
.select2-container--default .select2-selection:focus,
.select2-dropdown .select2-search__field:focus {
@ -2954,9 +3313,9 @@ select.form-control:focus::-ms-value,
.form-control-plaintext {
display: block;
width: 100%;
padding-top: 0.375rem;
padding-bottom: 0.375rem;
padding: 0.375rem 0;
margin-bottom: 0;
font-size: 1rem;
line-height: 1.5;
color: #212121;
background-color: transparent;
@ -3038,7 +3397,7 @@ textarea.form-control,
margin-left: -1.25rem;
}
.form-check-input:disabled ~ .form-check-label {
.form-check-input[disabled] ~ .form-check-label {
color: #757575;
}
@ -3087,6 +3446,13 @@ textarea.form-control,
border-radius: 0.25rem;
}
.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
display: block;
}
.was-validated .form-control:valid,
.was-validated .select2-container--default .select2-selection:valid,
.select2-container--default .was-validated .select2-selection:valid,
@ -3097,9 +3463,9 @@ textarea.form-control,
.select2-dropdown .is-valid.select2-search__field {
border-color: #4caf50;
padding-right: calc(1.5em + 0.75rem);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%234caf50' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%234caf50' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: center right calc(0.375em + 0.1875rem);
background-position: right calc(0.375em + 0.1875rem) center;
background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
@ -3116,25 +3482,6 @@ textarea.form-control,
box-shadow: 0 0 0 0.2rem rgba(76, 175, 80, 0.25);
}
.was-validated .form-control:valid ~ .valid-feedback,
.was-validated .select2-container--default .select2-selection:valid ~ .valid-feedback,
.select2-container--default .was-validated .select2-selection:valid ~ .valid-feedback,
.was-validated .select2-dropdown .select2-search__field:valid ~ .valid-feedback,
.select2-dropdown .was-validated .select2-search__field:valid ~ .valid-feedback,
.was-validated .form-control:valid ~ .valid-tooltip,
.was-validated .select2-container--default .select2-selection:valid ~ .valid-tooltip,
.select2-container--default .was-validated .select2-selection:valid ~ .valid-tooltip,
.was-validated .select2-dropdown .select2-search__field:valid ~ .valid-tooltip,
.select2-dropdown .was-validated .select2-search__field:valid ~ .valid-tooltip,
.form-control.is-valid ~ .valid-feedback,
.select2-container--default .is-valid.select2-selection ~ .valid-feedback,
.select2-dropdown .is-valid.select2-search__field ~ .valid-feedback,
.form-control.is-valid ~ .valid-tooltip,
.select2-container--default .is-valid.select2-selection ~ .valid-tooltip,
.select2-dropdown .is-valid.select2-search__field ~ .valid-tooltip {
display: block;
}
.was-validated textarea.form-control:valid,
.was-validated .select2-container--default textarea.select2-selection:valid,
.select2-container--default .was-validated textarea.select2-selection:valid,
@ -3150,8 +3497,8 @@ textarea.form-control.is-valid,
.was-validated .custom-select:valid,
.custom-select.is-valid {
border-color: #4caf50;
padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23424242' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%234caf50' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
padding-right: calc(0.75em + 2.3125rem);
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23424242' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%234caf50' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .custom-select:valid:focus,
@ -3161,20 +3508,6 @@ textarea.form-control.is-valid,
box-shadow: 0 0 0 0.2rem rgba(76, 175, 80, 0.25);
}
.was-validated .custom-select:valid ~ .valid-feedback,
.was-validated .custom-select:valid ~ .valid-tooltip,
.custom-select.is-valid ~ .valid-feedback,
.custom-select.is-valid ~ .valid-tooltip {
display: block;
}
.was-validated .form-control-file:valid ~ .valid-feedback,
.was-validated .form-control-file:valid ~ .valid-tooltip,
.form-control-file.is-valid ~ .valid-feedback,
.form-control-file.is-valid ~ .valid-tooltip {
display: block;
}
.was-validated .form-check-input:valid ~ .form-check-label,
.form-check-input.is-valid ~ .form-check-label {
color: #4caf50;
@ -3197,13 +3530,6 @@ textarea.form-control.is-valid,
border-color: #4caf50;
}
.was-validated .custom-control-input:valid ~ .valid-feedback,
.was-validated .custom-control-input:valid ~ .valid-tooltip,
.custom-control-input.is-valid ~ .valid-feedback,
.custom-control-input.is-valid ~ .valid-tooltip {
display: block;
}
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before,
.custom-control-input.is-valid:checked ~ .custom-control-label::before {
border-color: #6ec071;
@ -3226,13 +3552,6 @@ textarea.form-control.is-valid,
border-color: #4caf50;
}
.was-validated .custom-file-input:valid ~ .valid-feedback,
.was-validated .custom-file-input:valid ~ .valid-tooltip,
.custom-file-input.is-valid ~ .valid-feedback,
.custom-file-input.is-valid ~ .valid-tooltip {
display: block;
}
.was-validated .custom-file-input:valid:focus ~ .custom-file-label,
.custom-file-input.is-valid:focus ~ .custom-file-label {
border-color: #4caf50;
@ -3263,6 +3582,13 @@ textarea.form-control.is-valid,
border-radius: 0.25rem;
}
.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
display: block;
}
.was-validated .form-control:invalid,
.was-validated .select2-container--default .select2-selection:invalid,
.select2-container--default .was-validated .select2-selection:invalid,
@ -3273,9 +3599,9 @@ textarea.form-control.is-valid,
.select2-dropdown .is-invalid.select2-search__field {
border-color: #f44336;
padding-right: calc(1.5em + 0.75rem);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23f44336' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23f44336' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23f44336' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23f44336' stroke='none'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: center right calc(0.375em + 0.1875rem);
background-position: right calc(0.375em + 0.1875rem) center;
background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
@ -3292,25 +3618,6 @@ textarea.form-control.is-valid,
box-shadow: 0 0 0 0.2rem rgba(244, 67, 54, 0.25);
}
.was-validated .form-control:invalid ~ .invalid-feedback,
.was-validated .select2-container--default .select2-selection:invalid ~ .invalid-feedback,
.select2-container--default .was-validated .select2-selection:invalid ~ .invalid-feedback,
.was-validated .select2-dropdown .select2-search__field:invalid ~ .invalid-feedback,
.select2-dropdown .was-validated .select2-search__field:invalid ~ .invalid-feedback,
.was-validated .form-control:invalid ~ .invalid-tooltip,
.was-validated .select2-container--default .select2-selection:invalid ~ .invalid-tooltip,
.select2-container--default .was-validated .select2-selection:invalid ~ .invalid-tooltip,
.was-validated .select2-dropdown .select2-search__field:invalid ~ .invalid-tooltip,
.select2-dropdown .was-validated .select2-search__field:invalid ~ .invalid-tooltip,
.form-control.is-invalid ~ .invalid-feedback,
.select2-container--default .is-invalid.select2-selection ~ .invalid-feedback,
.select2-dropdown .is-invalid.select2-search__field ~ .invalid-feedback,
.form-control.is-invalid ~ .invalid-tooltip,
.select2-container--default .is-invalid.select2-selection ~ .invalid-tooltip,
.select2-dropdown .is-invalid.select2-search__field ~ .invalid-tooltip {
display: block;
}
.was-validated textarea.form-control:invalid,
.was-validated .select2-container--default textarea.select2-selection:invalid,
.select2-container--default .was-validated textarea.select2-selection:invalid,
@ -3326,8 +3633,8 @@ textarea.form-control.is-invalid,
.was-validated .custom-select:invalid,
.custom-select.is-invalid {
border-color: #f44336;
padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23424242' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23f44336' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23f44336' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
padding-right: calc(0.75em + 2.3125rem);
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23424242' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23f44336' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23f44336' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .custom-select:invalid:focus,
@ -3337,20 +3644,6 @@ textarea.form-control.is-invalid,
box-shadow: 0 0 0 0.2rem rgba(244, 67, 54, 0.25);
}
.was-validated .custom-select:invalid ~ .invalid-feedback,
.was-validated .custom-select:invalid ~ .invalid-tooltip,
.custom-select.is-invalid ~ .invalid-feedback,
.custom-select.is-invalid ~ .invalid-tooltip {
display: block;
}
.was-validated .form-control-file:invalid ~ .invalid-feedback,
.was-validated .form-control-file:invalid ~ .invalid-tooltip,
.form-control-file.is-invalid ~ .invalid-feedback,
.form-control-file.is-invalid ~ .invalid-tooltip {
display: block;
}
.was-validated .form-check-input:invalid ~ .form-check-label,
.form-check-input.is-invalid ~ .form-check-label {
color: #f44336;
@ -3373,13 +3666,6 @@ textarea.form-control.is-invalid,
border-color: #f44336;
}
.was-validated .custom-control-input:invalid ~ .invalid-feedback,
.was-validated .custom-control-input:invalid ~ .invalid-tooltip,
.custom-control-input.is-invalid ~ .invalid-feedback,
.custom-control-input.is-invalid ~ .invalid-tooltip {
display: block;
}
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before,
.custom-control-input.is-invalid:checked ~ .custom-control-label::before {
border-color: #f77066;
@ -3402,13 +3688,6 @@ textarea.form-control.is-invalid,
border-color: #f44336;
}
.was-validated .custom-file-input:invalid ~ .invalid-feedback,
.was-validated .custom-file-input:invalid ~ .invalid-tooltip,
.custom-file-input.is-invalid ~ .invalid-feedback,
.custom-file-input.is-invalid ~ .invalid-tooltip {
display: block;
}
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label,
.custom-file-input.is-invalid:focus ~ .custom-file-label {
border-color: #f44336;
@ -3526,6 +3805,7 @@ textarea.form-control.is-invalid,
color: #212121;
text-align: center;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
@ -3585,6 +3865,9 @@ fieldset:disabled a.btn {
.btn-primary:focus,
.btn-primary.focus {
color: #fff;
background-color: #0c83e2;
border-color: #0c7cd5;
-webkit-box-shadow: 0 0 0 0.2rem rgba(66, 166, 245, 0.5);
box-shadow: 0 0 0 0.2rem rgba(66, 166, 245, 0.5);
}
@ -3625,6 +3908,9 @@ fieldset:disabled a.btn {
.btn-secondary:focus,
.btn-secondary.focus {
color: #fff;
background-color: #626262;
border-color: #5c5c5c;
-webkit-box-shadow: 0 0 0 0.2rem rgba(138, 138, 138, 0.5);
box-shadow: 0 0 0 0.2rem rgba(138, 138, 138, 0.5);
}
@ -3665,6 +3951,9 @@ fieldset:disabled a.btn {
.btn-success:focus,
.btn-success.focus {
color: #fff;
background-color: #409444;
border-color: #3d8b40;
-webkit-box-shadow: 0 0 0 0.2rem rgba(103, 187, 106, 0.5);
box-shadow: 0 0 0 0.2rem rgba(103, 187, 106, 0.5);
}
@ -3705,6 +3994,9 @@ fieldset:disabled a.btn {
.btn-info:focus,
.btn-info.focus {
color: #fff;
background-color: #009aae;
border-color: #008fa1;
-webkit-box-shadow: 0 0 0 0.2rem rgba(38, 198, 218, 0.5);
box-shadow: 0 0 0 0.2rem rgba(38, 198, 218, 0.5);
}
@ -3745,6 +4037,9 @@ fieldset:disabled a.btn {
.btn-warning:focus,
.btn-warning.focus {
color: #212121;
background-color: #ffe715;
border-color: #ffe608;
-webkit-box-shadow: 0 0 0 0.2rem rgba(222, 205, 55, 0.5);
box-shadow: 0 0 0 0.2rem rgba(222, 205, 55, 0.5);
}
@ -3785,6 +4080,9 @@ fieldset:disabled a.btn {
.btn-danger:focus,
.btn-danger.focus {
color: #fff;
background-color: #f22112;
border-color: #ea1c0d;
-webkit-box-shadow: 0 0 0 0.2rem rgba(246, 95, 84, 0.5);
box-shadow: 0 0 0 0.2rem rgba(246, 95, 84, 0.5);
}
@ -3825,6 +4123,9 @@ fieldset:disabled a.btn {
.btn-light:focus,
.btn-light.focus {
color: #212121;
background-color: #e2e2e2;
border-color: gainsboro;
-webkit-box-shadow: 0 0 0 0.2rem rgba(213, 213, 213, 0.5);
box-shadow: 0 0 0 0.2rem rgba(213, 213, 213, 0.5);
}
@ -3865,6 +4166,9 @@ fieldset:disabled a.btn {
.btn-dark:focus,
.btn-dark.focus {
color: #fff;
background-color: #0e0e0e;
border-color: #080808;
-webkit-box-shadow: 0 0 0 0.2rem rgba(66, 66, 66, 0.5);
box-shadow: 0 0 0 0.2rem rgba(66, 66, 66, 0.5);
}
@ -4727,9 +5031,9 @@ input[type="button"].btn-block {
.input-group > .custom-file {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 1%;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
min-width: 0;
margin-bottom: 0;
}
@ -4961,7 +5265,10 @@ input[type="button"].btn-block {
.custom-control-input {
position: absolute;
left: 0;
z-index: -1;
width: 1rem;
height: 1.25rem;
opacity: 0;
}
@ -4986,11 +5293,11 @@ input[type="button"].btn-block {
border-color: #cae6fc;
}
.custom-control-input:disabled ~ .custom-control-label {
.custom-control-input[disabled] ~ .custom-control-label {
color: #757575;
}
.custom-control-input:disabled ~ .custom-control-label::before {
.custom-control-input[disabled] ~ .custom-control-label::before {
background-color: #eeeeee;
}
@ -5029,7 +5336,7 @@ input[type="button"].btn-block {
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
@ -5038,7 +5345,7 @@ input[type="button"].btn-block {
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
}
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
@ -5054,7 +5361,7 @@ input[type="button"].btn-block {
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
@ -5112,8 +5419,7 @@ input[type="button"].btn-block {
line-height: 1.5;
color: #616161;
vertical-align: middle;
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23424242' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
background-color: #fff;
background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23424242' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
border: 1px solid #bdbdbd;
border-radius: 0.25rem;
-webkit-appearance: none;
@ -5149,6 +5455,11 @@ input[type="button"].btn-block {
display: none;
}
.custom-select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #616161;
}
.custom-select-sm {
height: calc(1.5em + 0.5rem + 2px);
padding-top: 0.25rem;
@ -5188,7 +5499,7 @@ input[type="button"].btn-block {
box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.25);
}
.custom-file-input:disabled ~ .custom-file-label {
.custom-file-input[disabled] ~ .custom-file-label {
background-color: #eeeeee;
}
@ -5235,7 +5546,7 @@ input[type="button"].btn-block {
.custom-range {
width: 100%;
height: calc(1rem + 0.4rem);
height: 1.4rem;
padding: 0;
background-color: transparent;
-webkit-appearance: none;
@ -5536,8 +5847,14 @@ input[type="button"].btn-block {
padding: 0.5rem 1rem;
}
.navbar > .container,
.navbar > .container-fluid {
.navbar .container,
.navbar .container-fluid,
.navbar .container-sm,
.navbar .container-md,
.navbar .container-lg,
.navbar .container-xl,
.navbar .container-xxl,
.navbar .container-xxxl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
@ -5632,7 +5949,13 @@ input[type="button"].btn-block {
@media (max-width: 575.98px) {
.navbar-expand-sm > .container,
.navbar-expand-sm > .container-fluid {
.navbar-expand-sm > .container-fluid,
.navbar-expand-sm > .container-sm,
.navbar-expand-sm > .container-md,
.navbar-expand-sm > .container-lg,
.navbar-expand-sm > .container-xl,
.navbar-expand-sm > .container-xxl,
.navbar-expand-sm > .container-xxxl {
padding-right: 0;
padding-left: 0;
}
@ -5666,7 +5989,13 @@ input[type="button"].btn-block {
}
.navbar-expand-sm > .container,
.navbar-expand-sm > .container-fluid {
.navbar-expand-sm > .container-fluid,
.navbar-expand-sm > .container-sm,
.navbar-expand-sm > .container-md,
.navbar-expand-sm > .container-lg,
.navbar-expand-sm > .container-xl,
.navbar-expand-sm > .container-xxl,
.navbar-expand-sm > .container-xxxl {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
@ -5686,7 +6015,13 @@ input[type="button"].btn-block {
@media (max-width: 767.98px) {
.navbar-expand-md > .container,
.navbar-expand-md > .container-fluid {
.navbar-expand-md > .container-fluid,
.navbar-expand-md > .container-sm,
.navbar-expand-md > .container-md,
.navbar-expand-md > .container-lg,
.navbar-expand-md > .container-xl,
.navbar-expand-md > .container-xxl,
.navbar-expand-md > .container-xxxl {
padding-right: 0;
padding-left: 0;
}
@ -5720,7 +6055,13 @@ input[type="button"].btn-block {
}
.navbar-expand-md > .container,
.navbar-expand-md > .container-fluid {
.navbar-expand-md > .container-fluid,
.navbar-expand-md > .container-sm,
.navbar-expand-md > .container-md,
.navbar-expand-md > .container-lg,
.navbar-expand-md > .container-xl,
.navbar-expand-md > .container-xxl,
.navbar-expand-md > .container-xxxl {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
@ -5740,7 +6081,13 @@ input[type="button"].btn-block {
@media (max-width: 991.98px) {
.navbar-expand-lg > .container,
.navbar-expand-lg > .container-fluid {
.navbar-expand-lg > .container-fluid,
.navbar-expand-lg > .container-sm,
.navbar-expand-lg > .container-md,
.navbar-expand-lg > .container-lg,
.navbar-expand-lg > .container-xl,
.navbar-expand-lg > .container-xxl,
.navbar-expand-lg > .container-xxxl {
padding-right: 0;
padding-left: 0;
}
@ -5774,7 +6121,13 @@ input[type="button"].btn-block {
}
.navbar-expand-lg > .container,
.navbar-expand-lg > .container-fluid {
.navbar-expand-lg > .container-fluid,
.navbar-expand-lg > .container-sm,
.navbar-expand-lg > .container-md,
.navbar-expand-lg > .container-lg,
.navbar-expand-lg > .container-xl,
.navbar-expand-lg > .container-xxl,
.navbar-expand-lg > .container-xxxl {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
@ -5794,7 +6147,13 @@ input[type="button"].btn-block {
@media (max-width: 1199.98px) {
.navbar-expand-xl > .container,
.navbar-expand-xl > .container-fluid {
.navbar-expand-xl > .container-fluid,
.navbar-expand-xl > .container-sm,
.navbar-expand-xl > .container-md,
.navbar-expand-xl > .container-lg,
.navbar-expand-xl > .container-xl,
.navbar-expand-xl > .container-xxl,
.navbar-expand-xl > .container-xxxl {
padding-right: 0;
padding-left: 0;
}
@ -5828,7 +6187,13 @@ input[type="button"].btn-block {
}
.navbar-expand-xl > .container,
.navbar-expand-xl > .container-fluid {
.navbar-expand-xl > .container-fluid,
.navbar-expand-xl > .container-sm,
.navbar-expand-xl > .container-md,
.navbar-expand-xl > .container-lg,
.navbar-expand-xl > .container-xl,
.navbar-expand-xl > .container-xxl,
.navbar-expand-xl > .container-xxxl {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
@ -5848,7 +6213,13 @@ input[type="button"].btn-block {
@media (max-width: 1389.98px) {
.navbar-expand-xxl > .container,
.navbar-expand-xxl > .container-fluid {
.navbar-expand-xxl > .container-fluid,
.navbar-expand-xxl > .container-sm,
.navbar-expand-xxl > .container-md,
.navbar-expand-xxl > .container-lg,
.navbar-expand-xxl > .container-xl,
.navbar-expand-xxl > .container-xxl,
.navbar-expand-xxl > .container-xxxl {
padding-right: 0;
padding-left: 0;
}
@ -5882,7 +6253,13 @@ input[type="button"].btn-block {
}
.navbar-expand-xxl > .container,
.navbar-expand-xxl > .container-fluid {
.navbar-expand-xxl > .container-fluid,
.navbar-expand-xxl > .container-sm,
.navbar-expand-xxl > .container-md,
.navbar-expand-xxl > .container-lg,
.navbar-expand-xxl > .container-xl,
.navbar-expand-xxl > .container-xxl,
.navbar-expand-xxl > .container-xxxl {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
@ -5902,7 +6279,13 @@ input[type="button"].btn-block {
@media (max-width: 1589.98px) {
.navbar-expand-xxxl > .container,
.navbar-expand-xxxl > .container-fluid {
.navbar-expand-xxxl > .container-fluid,
.navbar-expand-xxxl > .container-sm,
.navbar-expand-xxxl > .container-md,
.navbar-expand-xxxl > .container-lg,
.navbar-expand-xxxl > .container-xl,
.navbar-expand-xxxl > .container-xxl,
.navbar-expand-xxxl > .container-xxxl {
padding-right: 0;
padding-left: 0;
}
@ -5936,7 +6319,13 @@ input[type="button"].btn-block {
}
.navbar-expand-xxxl > .container,
.navbar-expand-xxxl > .container-fluid {
.navbar-expand-xxxl > .container-fluid,
.navbar-expand-xxxl > .container-sm,
.navbar-expand-xxxl > .container-md,
.navbar-expand-xxxl > .container-lg,
.navbar-expand-xxxl > .container-xl,
.navbar-expand-xxxl > .container-xxl,
.navbar-expand-xxxl > .container-xxxl {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
@ -5965,7 +6354,13 @@ input[type="button"].btn-block {
}
.navbar-expand > .container,
.navbar-expand > .container-fluid {
.navbar-expand > .container-fluid,
.navbar-expand > .container-sm,
.navbar-expand > .container-md,
.navbar-expand > .container-lg,
.navbar-expand > .container-xl,
.navbar-expand > .container-xxl,
.navbar-expand > .container-xxxl {
padding-right: 0;
padding-left: 0;
}
@ -5987,7 +6382,13 @@ input[type="button"].btn-block {
}
.navbar-expand > .container,
.navbar-expand > .container-fluid {
.navbar-expand > .container-fluid,
.navbar-expand > .container-sm,
.navbar-expand > .container-md,
.navbar-expand > .container-lg,
.navbar-expand > .container-xl,
.navbar-expand > .container-xxl,
.navbar-expand > .container-xxxl {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
@ -6142,6 +6543,7 @@ input[type="button"].btn-block {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
min-height: 1px;
padding: 1.25rem;
}
@ -6212,39 +6614,35 @@ input[type="button"].btn-block {
padding: 1.25rem;
}
.card-img {
.card-img,
.card-img-top,
.card-img-bottom {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
border-radius: calc(0.25rem - 1px);
}
.card-img,
.card-img-top {
width: 100%;
border-top-left-radius: calc(0.25rem - 1px);
border-top-right-radius: calc(0.25rem - 1px);
}
.card-img,
.card-img-bottom {
width: 100%;
border-bottom-right-radius: calc(0.25rem - 1px);
border-bottom-left-radius: calc(0.25rem - 1px);
}
.card-deck {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.card-deck .card {
margin-bottom: 1rem;
}
@media (min-width: 576px) {
.card-deck {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
@ -6254,38 +6652,24 @@ input[type="button"].btn-block {
}
.card-deck .card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-right: 1rem;
margin-bottom: 0;
margin-left: 1rem;
}
}
.card-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.card-group > .card {
margin-bottom: 1rem;
}
@media (min-width: 576px) {
.card-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
@ -6361,27 +6745,19 @@ input[type="button"].btn-block {
overflow: hidden;
}
.accordion > .card:not(:first-of-type) .card-header:first-child {
border-radius: 0;
}
.accordion > .card:not(:first-of-type):not(:last-of-type) {
border-bottom: 0;
border-radius: 0;
}
.accordion > .card:first-of-type {
.accordion > .card:not(:last-of-type) {
border-bottom: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.accordion > .card:last-of-type {
.accordion > .card:not(:first-of-type) {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.accordion > .card .card-header {
.accordion > .card > .card-header {
border-radius: 0;
margin-bottom: -1px;
}
@ -6450,7 +6826,7 @@ input[type="button"].btn-block {
}
.page-link:focus {
z-index: 2;
z-index: 3;
outline: 0;
-webkit-box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.25);
box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.25);
@ -6468,7 +6844,7 @@ input[type="button"].btn-block {
}
.page-item.active .page-link {
z-index: 1;
z-index: 3;
color: #fff;
background-color: #2196f3;
border-color: #2196f3;
@ -6930,6 +7306,7 @@ a.badge-dark.focus {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
overflow: hidden;
color: #fff;
text-align: center;
white-space: nowrap;
@ -7012,7 +7389,6 @@ a.badge-dark.focus {
position: relative;
display: block;
padding: 0.75rem 1.25rem;
margin-bottom: -1px;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.125);
}
@ -7023,7 +7399,6 @@ a.badge-dark.focus {
}
.list-group-item:last-child {
margin-bottom: 0;
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
@ -7042,6 +7417,15 @@ a.badge-dark.focus {
border-color: #2196f3;
}
.list-group-item + .list-group-item {
border-top-width: 0;
}
.list-group-item + .list-group-item.active {
margin-top: -1px;
border-top-width: 1px;
}
.list-group-horizontal {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
@ -7049,24 +7433,30 @@ a.badge-dark.focus {
flex-direction: row;
}
.list-group-horizontal .list-group-item {
margin-right: -1px;
margin-bottom: 0;
}
.list-group-horizontal .list-group-item:first-child {
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
border-top-right-radius: 0;
}
.list-group-horizontal .list-group-item:last-child {
margin-right: 0;
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0;
}
.list-group-horizontal .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal .list-group-item + .list-group-item {
border-top-width: 1px;
border-left-width: 0;
}
.list-group-horizontal .list-group-item + .list-group-item.active {
margin-left: -1px;
border-left-width: 1px;
}
@media (min-width: 576px) {
.list-group-horizontal-sm {
-webkit-box-orient: horizontal;
@ -7075,23 +7465,29 @@ a.badge-dark.focus {
flex-direction: row;
}
.list-group-horizontal-sm .list-group-item {
margin-right: -1px;
margin-bottom: 0;
}
.list-group-horizontal-sm .list-group-item:first-child {
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
border-top-right-radius: 0;
}
.list-group-horizontal-sm .list-group-item:last-child {
margin-right: 0;
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0;
}
.list-group-horizontal-sm .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal-sm .list-group-item + .list-group-item {
border-top-width: 1px;
border-left-width: 0;
}
.list-group-horizontal-sm .list-group-item + .list-group-item.active {
margin-left: -1px;
border-left-width: 1px;
}
}
@media (min-width: 768px) {
@ -7102,23 +7498,29 @@ a.badge-dark.focus {
flex-direction: row;
}
.list-group-horizontal-md .list-group-item {
margin-right: -1px;
margin-bottom: 0;
}
.list-group-horizontal-md .list-group-item:first-child {
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
border-top-right-radius: 0;
}
.list-group-horizontal-md .list-group-item:last-child {
margin-right: 0;
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0;
}
.list-group-horizontal-md .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal-md .list-group-item + .list-group-item {
border-top-width: 1px;
border-left-width: 0;
}
.list-group-horizontal-md .list-group-item + .list-group-item.active {
margin-left: -1px;
border-left-width: 1px;
}
}
@media (min-width: 992px) {
@ -7129,23 +7531,29 @@ a.badge-dark.focus {
flex-direction: row;
}
.list-group-horizontal-lg .list-group-item {
margin-right: -1px;
margin-bottom: 0;
}
.list-group-horizontal-lg .list-group-item:first-child {
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
border-top-right-radius: 0;
}
.list-group-horizontal-lg .list-group-item:last-child {
margin-right: 0;
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0;
}
.list-group-horizontal-lg .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal-lg .list-group-item + .list-group-item {
border-top-width: 1px;
border-left-width: 0;
}
.list-group-horizontal-lg .list-group-item + .list-group-item.active {
margin-left: -1px;
border-left-width: 1px;
}
}
@media (min-width: 1200px) {
@ -7156,23 +7564,29 @@ a.badge-dark.focus {
flex-direction: row;
}
.list-group-horizontal-xl .list-group-item {
margin-right: -1px;
margin-bottom: 0;
}
.list-group-horizontal-xl .list-group-item:first-child {
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
border-top-right-radius: 0;
}
.list-group-horizontal-xl .list-group-item:last-child {
margin-right: 0;
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0;
}
.list-group-horizontal-xl .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal-xl .list-group-item + .list-group-item {
border-top-width: 1px;
border-left-width: 0;
}
.list-group-horizontal-xl .list-group-item + .list-group-item.active {
margin-left: -1px;
border-left-width: 1px;
}
}
@media (min-width: 1390px) {
@ -7183,23 +7597,29 @@ a.badge-dark.focus {
flex-direction: row;
}
.list-group-horizontal-xxl .list-group-item {
margin-right: -1px;
margin-bottom: 0;
}
.list-group-horizontal-xxl .list-group-item:first-child {
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
border-top-right-radius: 0;
}
.list-group-horizontal-xxl .list-group-item:last-child {
margin-right: 0;
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0;
}
.list-group-horizontal-xxl .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal-xxl .list-group-item + .list-group-item {
border-top-width: 1px;
border-left-width: 0;
}
.list-group-horizontal-xxl .list-group-item + .list-group-item.active {
margin-left: -1px;
border-left-width: 1px;
}
}
@media (min-width: 1590px) {
@ -7210,42 +7630,43 @@ a.badge-dark.focus {
flex-direction: row;
}
.list-group-horizontal-xxxl .list-group-item {
margin-right: -1px;
margin-bottom: 0;
}
.list-group-horizontal-xxxl .list-group-item:first-child {
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
border-top-right-radius: 0;
}
.list-group-horizontal-xxxl .list-group-item:last-child {
margin-right: 0;
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0;
}
.list-group-horizontal-xxxl .list-group-item.active {
margin-top: 0;
}
.list-group-horizontal-xxxl .list-group-item + .list-group-item {
border-top-width: 1px;
border-left-width: 0;
}
.list-group-horizontal-xxxl .list-group-item + .list-group-item.active {
margin-left: -1px;
border-left-width: 1px;
}
}
.list-group-flush .list-group-item {
border-right: 0;
border-left: 0;
border-right-width: 0;
border-left-width: 0;
border-radius: 0;
}
.list-group-flush .list-group-item:last-child {
margin-bottom: -1px;
}
.list-group-flush:first-child .list-group-item:first-child {
border-top: 0;
.list-group-flush .list-group-item:first-child {
border-top-width: 0;
}
.list-group-flush:last-child .list-group-item:last-child {
margin-bottom: 0;
border-bottom: 0;
border-bottom-width: 0;
}
.list-group-item-primary {
@ -7466,6 +7887,11 @@ a.close.disabled {
transform: none;
}
.modal.modal-static .modal-dialog {
-webkit-transform: scale(1.02);
transform: scale(1.02);
}
.modal-dialog-scrollable {
display: -webkit-box;
display: -ms-flexbox;
@ -7571,8 +7997,8 @@ a.close.disabled {
justify-content: space-between;
padding: 1rem 1rem;
border-bottom: 1px solid #e0e0e0;
border-top-left-radius: 0.3rem;
border-top-right-radius: 0.3rem;
border-top-left-radius: calc(0.3rem - 1px);
border-top-right-radius: calc(0.3rem - 1px);
}
.modal-header .close {
@ -7597,24 +8023,22 @@ a.close.disabled {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 1rem;
padding: 0.75rem;
border-top: 1px solid #e0e0e0;
border-bottom-right-radius: 0.3rem;
border-bottom-left-radius: 0.3rem;
border-bottom-right-radius: calc(0.3rem - 1px);
border-bottom-left-radius: calc(0.3rem - 1px);
}
.modal-footer > :not(:first-child) {
margin-left: .25rem;
}
.modal-footer > :not(:last-child) {
margin-right: .25rem;
.modal-footer > * {
margin: 0.25rem;
}
.modal-scrollbar-measure {
@ -7841,7 +8265,7 @@ a.close.disabled {
.bs-popover-top > .arrow,
.bs-popover-auto[x-placement^="top"] > .arrow {
bottom: calc((0.5rem + 1px) * -1);
bottom: calc(-0.5rem - 1px);
}
.bs-popover-top > .arrow::before,
@ -7865,7 +8289,7 @@ a.close.disabled {
.bs-popover-right > .arrow,
.bs-popover-auto[x-placement^="right"] > .arrow {
left: calc((0.5rem + 1px) * -1);
left: calc(-0.5rem - 1px);
width: 0.5rem;
height: 1rem;
margin: 0.3rem 0;
@ -7892,7 +8316,7 @@ a.close.disabled {
.bs-popover-bottom > .arrow,
.bs-popover-auto[x-placement^="bottom"] > .arrow {
top: calc((0.5rem + 1px) * -1);
top: calc(-0.5rem - 1px);
}
.bs-popover-bottom > .arrow::before,
@ -7928,7 +8352,7 @@ a.close.disabled {
.bs-popover-left > .arrow,
.bs-popover-auto[x-placement^="left"] > .arrow {
right: calc((0.5rem + 1px) * -1);
right: calc(-0.5rem - 1px);
width: 0.5rem;
height: 1rem;
margin: 0.3rem 0;
@ -8046,8 +8470,8 @@ a.close.disabled {
.carousel-fade .active.carousel-item-right {
z-index: 0;
opacity: 0;
-webkit-transition: 0s 0.6s opacity;
transition: 0s 0.6s opacity;
-webkit-transition: opacity 0s 0.6s;
transition: opacity 0s 0.6s;
}
@media (prefers-reduced-motion: reduce) {
@ -8116,11 +8540,11 @@ a.close.disabled {
}
.carousel-control-prev-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}
.carousel-control-next-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}
.carousel-indicators {
@ -10315,6 +10739,7 @@ button.bg-alt:focus,
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
@ -14287,6 +14712,12 @@ textarea,
[data-toggle] *,
.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-xxl,
.container-xxxl,
.row,
[class="col-*"] {
-webkit-transition: all 0.4s ease;
@ -14711,7 +15142,19 @@ h1.page-header.no-elements {
}
.dynamic__elements__image__elements__elementimage .container-fluid,
.site__elements__sliderelement .container-fluid {
.dynamic__elements__image__elements__elementimage .container-sm,
.dynamic__elements__image__elements__elementimage .container-md,
.dynamic__elements__image__elements__elementimage .container-lg,
.dynamic__elements__image__elements__elementimage .container-xl,
.dynamic__elements__image__elements__elementimage .container-xxl,
.dynamic__elements__image__elements__elementimage .container-xxxl,
.site__elements__sliderelement .container-fluid,
.site__elements__sliderelement .container-sm,
.site__elements__sliderelement .container-md,
.site__elements__sliderelement .container-lg,
.site__elements__sliderelement .container-xl,
.site__elements__sliderelement .container-xxl,
.site__elements__sliderelement .container-xxxl {
padding: 0;
}
@ -15385,7 +15828,13 @@ h6,
}
#Footer .container,
#Footer .container-fluid {
#Footer .container-fluid,
#Footer .container-sm,
#Footer .container-md,
#Footer .container-lg,
#Footer .container-xl,
#Footer .container-xxl,
#Footer .container-xxxl {
padding-top: 1rem;
padding-bottom: 1rem;
}
@ -15403,7 +15852,13 @@ h6,
}
#Footer .footer .container,
#Footer .footer .container-fluid {
#Footer .footer .container-fluid,
#Footer .footer .container-sm,
#Footer .footer .container-md,
#Footer .footer .container-lg,
#Footer .footer .container-xl,
#Footer .footer .container-xxl,
#Footer .footer .container-xxxl {
padding-top: 0;
padding-bottom: 0;
}

File diff suppressed because one or more lines are too long

2
dist/js/app.js vendored

File diff suppressed because one or more lines are too long

View File

@ -1,61 +1,61 @@
/*@cc_on!@*/
/*!
* Bootstrap alert.js v4.3.1 (https://getbootstrap.com/)
* Bootstrap alert.js v4.4.0 (https://getbootstrap.com/)
* Copyright 2011-2019 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
/*!
* Bootstrap button.js v4.3.1 (https://getbootstrap.com/)
* Bootstrap button.js v4.4.0 (https://getbootstrap.com/)
* Copyright 2011-2019 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
/*!
* Bootstrap carousel.js v4.3.1 (https://getbootstrap.com/)
* Bootstrap carousel.js v4.4.0 (https://getbootstrap.com/)
* Copyright 2011-2019 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
/*!
* Bootstrap collapse.js v4.3.1 (https://getbootstrap.com/)
* Bootstrap collapse.js v4.4.0 (https://getbootstrap.com/)
* Copyright 2011-2019 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
/*!
* Bootstrap modal.js v4.3.1 (https://getbootstrap.com/)
* Bootstrap modal.js v4.4.0 (https://getbootstrap.com/)
* Copyright 2011-2019 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
/*!
* Bootstrap popover.js v4.3.1 (https://getbootstrap.com/)
* Bootstrap popover.js v4.4.0 (https://getbootstrap.com/)
* Copyright 2011-2019 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
/*!
* Bootstrap scrollspy.js v4.3.1 (https://getbootstrap.com/)
* Bootstrap scrollspy.js v4.4.0 (https://getbootstrap.com/)
* Copyright 2011-2019 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
/*!
* Bootstrap tab.js v4.3.1 (https://getbootstrap.com/)
* Bootstrap tab.js v4.4.0 (https://getbootstrap.com/)
* Copyright 2011-2019 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
/*!
* Bootstrap tooltip.js v4.3.1 (https://getbootstrap.com/)
* Bootstrap tooltip.js v4.4.0 (https://getbootstrap.com/)
* Copyright 2011-2019 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
/*!
* Bootstrap util.js v4.3.1 (https://getbootstrap.com/)
* Bootstrap util.js v4.4.0 (https://getbootstrap.com/)
* Copyright 2011-2019 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/

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",
"version": "1.0.7",
"version": "1.0.8",
"author": "Tony Air <tony@twma.pro>",
"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.",