Test update to 0.6.7
This commit is contained in:
koenemann
parent
7a0b63c026
commit
afe73c81a6
|
|
@ -1,6 +1,6 @@
|
||||||
{
|
{
|
||||||
"name": "understrap",
|
"name": "understrap",
|
||||||
"version": "0.6.2",
|
"version": "0.6.7",
|
||||||
"homepage": "http://understrap.com",
|
"homepage": "http://understrap.com",
|
||||||
"authors": [
|
"authors": [
|
||||||
"Holger Koenemann <office@holgerkoenemann.de>"
|
"Holger Koenemann <office@holgerkoenemann.de>"
|
||||||
|
|
|
||||||
334
css/theme.css
334
css/theme.css
|
|
@ -78,7 +78,7 @@ body {
|
||||||
background-color: #fff; }
|
background-color: #fff; }
|
||||||
|
|
||||||
[tabindex="-1"]:focus {
|
[tabindex="-1"]:focus {
|
||||||
outline: 0 !important; }
|
outline: none !important; }
|
||||||
|
|
||||||
hr {
|
hr {
|
||||||
box-sizing: content-box;
|
box-sizing: content-box;
|
||||||
|
|
@ -397,7 +397,7 @@ mark,
|
||||||
.list-inline-item {
|
.list-inline-item {
|
||||||
display: inline-block; }
|
display: inline-block; }
|
||||||
.list-inline-item:not(:last-child) {
|
.list-inline-item:not(:last-child) {
|
||||||
margin-right: 0.5rem; }
|
margin-right: 5px; }
|
||||||
|
|
||||||
.initialism {
|
.initialism {
|
||||||
font-size: 90%;
|
font-size: 90%;
|
||||||
|
|
@ -421,8 +421,9 @@ mark,
|
||||||
.img-thumbnail {
|
.img-thumbnail {
|
||||||
padding: 0.25rem;
|
padding: 0.25rem;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
border: 1px solid #dee2e6;
|
border: 1px solid #ddd;
|
||||||
border-radius: 0.25rem;
|
border-radius: 0.25rem;
|
||||||
|
transition: all 0.2s ease-in-out;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
height: auto; }
|
height: auto; }
|
||||||
|
|
||||||
|
|
@ -441,7 +442,7 @@ code,
|
||||||
kbd,
|
kbd,
|
||||||
pre,
|
pre,
|
||||||
samp {
|
samp {
|
||||||
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }
|
font-family: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }
|
||||||
|
|
||||||
code {
|
code {
|
||||||
padding: 0.2rem 0.4rem;
|
padding: 0.2rem 0.4rem;
|
||||||
|
|
@ -467,6 +468,8 @@ kbd {
|
||||||
|
|
||||||
pre {
|
pre {
|
||||||
display: block;
|
display: block;
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 1rem;
|
||||||
font-size: 90%;
|
font-size: 90%;
|
||||||
color: #212529; }
|
color: #212529; }
|
||||||
pre code {
|
pre code {
|
||||||
|
|
@ -1280,10 +1283,11 @@ pre {
|
||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
color: #495057;
|
color: #495057;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
|
background-image: none;
|
||||||
background-clip: padding-box;
|
background-clip: padding-box;
|
||||||
border: 1px solid #ced4da;
|
border: 1px solid #ced4da;
|
||||||
border-radius: 0.25rem;
|
border-radius: 0.25rem;
|
||||||
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
|
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
|
||||||
.form-control::-ms-expand, .wpcf7 input[type=text]::-ms-expand,
|
.form-control::-ms-expand, .wpcf7 input[type=text]::-ms-expand,
|
||||||
.wpcf7 input[type=search]::-ms-expand,
|
.wpcf7 input[type=search]::-ms-expand,
|
||||||
.wpcf7 input[type=url]::-ms-expand,
|
.wpcf7 input[type=url]::-ms-expand,
|
||||||
|
|
@ -1325,7 +1329,7 @@ pre {
|
||||||
color: #495057;
|
color: #495057;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
border-color: #7899f9;
|
border-color: #7899f9;
|
||||||
outline: 0;
|
outline: none;
|
||||||
box-shadow: 0 0 0 0.2rem rgba(10, 66, 232, 0.25); }
|
box-shadow: 0 0 0 0.2rem rgba(10, 66, 232, 0.25); }
|
||||||
.form-control::placeholder, .wpcf7 input[type=text]::placeholder,
|
.form-control::placeholder, .wpcf7 input[type=text]::placeholder,
|
||||||
.wpcf7 input[type=search]::placeholder,
|
.wpcf7 input[type=search]::placeholder,
|
||||||
|
|
@ -1423,8 +1427,6 @@ select.form-control:focus::-ms-value,
|
||||||
font-size: 1rem; }
|
font-size: 1rem; }
|
||||||
|
|
||||||
.form-control-plaintext {
|
.form-control-plaintext {
|
||||||
display: block;
|
|
||||||
width: 100%;
|
|
||||||
padding-top: 0.375rem;
|
padding-top: 0.375rem;
|
||||||
padding-bottom: 0.375rem;
|
padding-bottom: 0.375rem;
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
|
|
@ -1708,7 +1710,6 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for
|
||||||
.wpcf7 textarea.is-valid:focus, .wpcf7 .is-valid.wpcf7-validation-errors:focus, .was-validated
|
.wpcf7 textarea.is-valid:focus, .wpcf7 .is-valid.wpcf7-validation-errors:focus, .was-validated
|
||||||
.custom-select:valid:focus,
|
.custom-select:valid:focus,
|
||||||
.custom-select.is-valid:focus {
|
.custom-select.is-valid:focus {
|
||||||
border-color: #28a745;
|
|
||||||
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }
|
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }
|
||||||
.was-validated .form-control:valid ~ .valid-feedback, .was-validated .wpcf7 input[type=text]:valid ~ .valid-feedback, .wpcf7 .was-validated input[type=text]:valid ~ .valid-feedback, .was-validated
|
.was-validated .form-control:valid ~ .valid-feedback, .was-validated .wpcf7 input[type=text]:valid ~ .valid-feedback, .wpcf7 .was-validated input[type=text]:valid ~ .valid-feedback, .was-validated
|
||||||
.wpcf7 input[type=search]:valid ~ .valid-feedback,
|
.wpcf7 input[type=search]:valid ~ .valid-feedback,
|
||||||
|
|
@ -1864,20 +1865,17 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for
|
||||||
color: #28a745; }
|
color: #28a745; }
|
||||||
|
|
||||||
.was-validated .custom-control-input:valid ~ .custom-control-indicator, .custom-control-input.is-valid ~ .custom-control-indicator {
|
.was-validated .custom-control-input:valid ~ .custom-control-indicator, .custom-control-input.is-valid ~ .custom-control-indicator {
|
||||||
background-color: rgba(40, 167, 69, 0.4); }
|
background-color: rgba(40, 167, 69, 0.25); }
|
||||||
|
|
||||||
.was-validated .custom-control-input:valid ~ .custom-control-description, .custom-control-input.is-valid ~ .custom-control-description {
|
.was-validated .custom-control-input:valid ~ .custom-control-description, .custom-control-input.is-valid ~ .custom-control-description {
|
||||||
color: #28a745; }
|
color: #28a745; }
|
||||||
|
|
||||||
.was-validated .custom-control-input:valid:focus ~ .custom-control-indicator, .custom-control-input.is-valid:focus ~ .custom-control-indicator {
|
|
||||||
box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }
|
|
||||||
|
|
||||||
.was-validated .custom-file-input:valid ~ .custom-file-control, .custom-file-input.is-valid ~ .custom-file-control {
|
.was-validated .custom-file-input:valid ~ .custom-file-control, .custom-file-input.is-valid ~ .custom-file-control {
|
||||||
border-color: #28a745; }
|
border-color: #28a745; }
|
||||||
.was-validated .custom-file-input:valid ~ .custom-file-control::before, .custom-file-input.is-valid ~ .custom-file-control::before {
|
.was-validated .custom-file-input:valid ~ .custom-file-control::before, .custom-file-input.is-valid ~ .custom-file-control::before {
|
||||||
border-color: inherit; }
|
border-color: inherit; }
|
||||||
|
|
||||||
.was-validated .custom-file-input:valid:focus ~ .custom-file-control, .custom-file-input.is-valid:focus ~ .custom-file-control {
|
.was-validated .custom-file-input:valid:focus, .custom-file-input.is-valid:focus {
|
||||||
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }
|
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }
|
||||||
|
|
||||||
.invalid-feedback {
|
.invalid-feedback {
|
||||||
|
|
@ -2009,7 +2007,6 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for
|
||||||
.wpcf7 textarea.is-invalid:focus, .wpcf7 .is-invalid.wpcf7-validation-errors:focus, .was-validated
|
.wpcf7 textarea.is-invalid:focus, .wpcf7 .is-invalid.wpcf7-validation-errors:focus, .was-validated
|
||||||
.custom-select:invalid:focus,
|
.custom-select:invalid:focus,
|
||||||
.custom-select.is-invalid:focus {
|
.custom-select.is-invalid:focus {
|
||||||
border-color: #dc3545;
|
|
||||||
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }
|
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }
|
||||||
.was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .wpcf7 input[type=text]:invalid ~ .invalid-feedback, .wpcf7 .was-validated input[type=text]:invalid ~ .invalid-feedback, .was-validated
|
.was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .wpcf7 input[type=text]:invalid ~ .invalid-feedback, .wpcf7 .was-validated input[type=text]:invalid ~ .invalid-feedback, .was-validated
|
||||||
.wpcf7 input[type=search]:invalid ~ .invalid-feedback,
|
.wpcf7 input[type=search]:invalid ~ .invalid-feedback,
|
||||||
|
|
@ -2165,20 +2162,17 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for
|
||||||
color: #dc3545; }
|
color: #dc3545; }
|
||||||
|
|
||||||
.was-validated .custom-control-input:invalid ~ .custom-control-indicator, .custom-control-input.is-invalid ~ .custom-control-indicator {
|
.was-validated .custom-control-input:invalid ~ .custom-control-indicator, .custom-control-input.is-invalid ~ .custom-control-indicator {
|
||||||
background-color: rgba(220, 53, 69, 0.4); }
|
background-color: rgba(220, 53, 69, 0.25); }
|
||||||
|
|
||||||
.was-validated .custom-control-input:invalid ~ .custom-control-description, .custom-control-input.is-invalid ~ .custom-control-description {
|
.was-validated .custom-control-input:invalid ~ .custom-control-description, .custom-control-input.is-invalid ~ .custom-control-description {
|
||||||
color: #dc3545; }
|
color: #dc3545; }
|
||||||
|
|
||||||
.was-validated .custom-control-input:invalid:focus ~ .custom-control-indicator, .custom-control-input.is-invalid:focus ~ .custom-control-indicator {
|
|
||||||
box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }
|
|
||||||
|
|
||||||
.was-validated .custom-file-input:invalid ~ .custom-file-control, .custom-file-input.is-invalid ~ .custom-file-control {
|
.was-validated .custom-file-input:invalid ~ .custom-file-control, .custom-file-input.is-invalid ~ .custom-file-control {
|
||||||
border-color: #dc3545; }
|
border-color: #dc3545; }
|
||||||
.was-validated .custom-file-input:invalid ~ .custom-file-control::before, .custom-file-input.is-invalid ~ .custom-file-control::before {
|
.was-validated .custom-file-input:invalid ~ .custom-file-control::before, .custom-file-input.is-invalid ~ .custom-file-control::before {
|
||||||
border-color: inherit; }
|
border-color: inherit; }
|
||||||
|
|
||||||
.was-validated .custom-file-input:invalid:focus ~ .custom-file-control, .custom-file-input.is-invalid:focus ~ .custom-file-control {
|
.was-validated .custom-file-input:invalid:focus, .custom-file-input.is-invalid:focus {
|
||||||
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }
|
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }
|
||||||
|
|
||||||
.form-inline {
|
.form-inline {
|
||||||
|
|
@ -2280,14 +2274,14 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
border-radius: 0.25rem;
|
border-radius: 0.25rem;
|
||||||
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
|
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
|
||||||
.btn:focus, .wpcf7 input[type=submit]:focus, .btn:hover, .wpcf7 input[type=submit]:hover {
|
.btn:focus, .wpcf7 input[type=submit]:focus, .btn:hover, .wpcf7 input[type=submit]:hover {
|
||||||
text-decoration: none; }
|
text-decoration: none; }
|
||||||
.btn:focus, .wpcf7 input[type=submit]:focus, .btn.focus, .wpcf7 input.focus[type=submit] {
|
.btn:focus, .wpcf7 input[type=submit]:focus, .btn.focus, .wpcf7 input.focus[type=submit] {
|
||||||
outline: 0;
|
outline: 0;
|
||||||
box-shadow: 0 0 0 0.2rem rgba(10, 66, 232, 0.25); }
|
box-shadow: 0 0 0 0.2rem rgba(10, 66, 232, 0.25); }
|
||||||
.btn.disabled, .wpcf7 input.disabled[type=submit], .btn:disabled, .wpcf7 input[type=submit]:disabled {
|
.btn.disabled, .wpcf7 input.disabled[type=submit], .btn:disabled, .wpcf7 input[type=submit]:disabled {
|
||||||
opacity: 0.65; }
|
opacity: .65; }
|
||||||
.btn:not([disabled]):not(.disabled):active, .wpcf7 input[type=submit]:not([disabled]):not(.disabled):active, .btn:not([disabled]):not(.disabled).active, .wpcf7 input[type=submit]:not([disabled]):not(.disabled).active {
|
.btn:not([disabled]):not(.disabled):active, .wpcf7 input[type=submit]:not([disabled]):not(.disabled):active, .btn:not([disabled]):not(.disabled).active, .wpcf7 input[type=submit]:not([disabled]):not(.disabled).active {
|
||||||
background-image: none; }
|
background-image: none; }
|
||||||
|
|
||||||
|
|
@ -2376,11 +2370,11 @@ fieldset[disabled] a.btn {
|
||||||
box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }
|
box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }
|
||||||
|
|
||||||
.btn-warning {
|
.btn-warning {
|
||||||
color: #212529;
|
color: #111;
|
||||||
background-color: #ffc107;
|
background-color: #ffc107;
|
||||||
border-color: #ffc107; }
|
border-color: #ffc107; }
|
||||||
.btn-warning:hover {
|
.btn-warning:hover {
|
||||||
color: #212529;
|
color: #111;
|
||||||
background-color: #e0a800;
|
background-color: #e0a800;
|
||||||
border-color: #d39e00; }
|
border-color: #d39e00; }
|
||||||
.btn-warning:focus, .btn-warning.focus {
|
.btn-warning:focus, .btn-warning.focus {
|
||||||
|
|
@ -2390,7 +2384,7 @@ fieldset[disabled] a.btn {
|
||||||
border-color: #ffc107; }
|
border-color: #ffc107; }
|
||||||
.btn-warning:not([disabled]):not(.disabled):active, .btn-warning:not([disabled]):not(.disabled).active,
|
.btn-warning:not([disabled]):not(.disabled):active, .btn-warning:not([disabled]):not(.disabled).active,
|
||||||
.show > .btn-warning.dropdown-toggle {
|
.show > .btn-warning.dropdown-toggle {
|
||||||
color: #212529;
|
color: #111;
|
||||||
background-color: #d39e00;
|
background-color: #d39e00;
|
||||||
border-color: #c69500;
|
border-color: #c69500;
|
||||||
box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }
|
box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }
|
||||||
|
|
@ -2416,11 +2410,11 @@ fieldset[disabled] a.btn {
|
||||||
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }
|
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }
|
||||||
|
|
||||||
.btn-light {
|
.btn-light {
|
||||||
color: #212529;
|
color: #111;
|
||||||
background-color: #f8f9fa;
|
background-color: #f8f9fa;
|
||||||
border-color: #f8f9fa; }
|
border-color: #f8f9fa; }
|
||||||
.btn-light:hover {
|
.btn-light:hover {
|
||||||
color: #212529;
|
color: #111;
|
||||||
background-color: #e2e6ea;
|
background-color: #e2e6ea;
|
||||||
border-color: #dae0e5; }
|
border-color: #dae0e5; }
|
||||||
.btn-light:focus, .btn-light.focus {
|
.btn-light:focus, .btn-light.focus {
|
||||||
|
|
@ -2430,7 +2424,7 @@ fieldset[disabled] a.btn {
|
||||||
border-color: #f8f9fa; }
|
border-color: #f8f9fa; }
|
||||||
.btn-light:not([disabled]):not(.disabled):active, .btn-light:not([disabled]):not(.disabled).active,
|
.btn-light:not([disabled]):not(.disabled):active, .btn-light:not([disabled]):not(.disabled).active,
|
||||||
.show > .btn-light.dropdown-toggle {
|
.show > .btn-light.dropdown-toggle {
|
||||||
color: #212529;
|
color: #111;
|
||||||
background-color: #dae0e5;
|
background-color: #dae0e5;
|
||||||
border-color: #d3d9df;
|
border-color: #d3d9df;
|
||||||
box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }
|
box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }
|
||||||
|
|
@ -2634,7 +2628,6 @@ fieldset[disabled] a.btn {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
border-color: transparent; }
|
border-color: transparent; }
|
||||||
.btn-link:focus, .btn-link.focus {
|
.btn-link:focus, .btn-link.focus {
|
||||||
text-decoration: underline;
|
|
||||||
border-color: transparent;
|
border-color: transparent;
|
||||||
box-shadow: none; }
|
box-shadow: none; }
|
||||||
.btn-link:disabled, .btn-link.disabled {
|
.btn-link:disabled, .btn-link.disabled {
|
||||||
|
|
@ -2655,7 +2648,8 @@ fieldset[disabled] a.btn {
|
||||||
.btn-block {
|
.btn-block {
|
||||||
display: block;
|
display: block;
|
||||||
width: 100%; }
|
width: 100%; }
|
||||||
.btn-block + .btn-block {
|
|
||||||
|
.btn-block + .btn-block {
|
||||||
margin-top: 0.5rem; }
|
margin-top: 0.5rem; }
|
||||||
|
|
||||||
input[type="submit"].btn-block,
|
input[type="submit"].btn-block,
|
||||||
|
|
@ -2743,59 +2737,6 @@ tbody.collapse.show {
|
||||||
.dropup .dropdown-toggle:empty::after {
|
.dropup .dropdown-toggle:empty::after {
|
||||||
margin-left: 0; }
|
margin-left: 0; }
|
||||||
|
|
||||||
.dropright .dropdown-menu {
|
|
||||||
margin-top: 0;
|
|
||||||
margin-left: 0.125rem; }
|
|
||||||
|
|
||||||
.dropright .dropdown-toggle::after {
|
|
||||||
display: inline-block;
|
|
||||||
width: 0;
|
|
||||||
height: 0;
|
|
||||||
margin-left: 0.255em;
|
|
||||||
vertical-align: 0.255em;
|
|
||||||
content: "";
|
|
||||||
border-top: 0.3em solid transparent;
|
|
||||||
border-bottom: 0.3em solid transparent;
|
|
||||||
border-left: 0.3em solid; }
|
|
||||||
|
|
||||||
.dropright .dropdown-toggle:empty::after {
|
|
||||||
margin-left: 0; }
|
|
||||||
|
|
||||||
.dropright .dropdown-toggle::after {
|
|
||||||
vertical-align: 0; }
|
|
||||||
|
|
||||||
.dropleft .dropdown-menu {
|
|
||||||
margin-top: 0;
|
|
||||||
margin-right: 0.125rem; }
|
|
||||||
|
|
||||||
.dropleft .dropdown-toggle::after {
|
|
||||||
display: inline-block;
|
|
||||||
width: 0;
|
|
||||||
height: 0;
|
|
||||||
margin-left: 0.255em;
|
|
||||||
vertical-align: 0.255em;
|
|
||||||
content: ""; }
|
|
||||||
|
|
||||||
.dropleft .dropdown-toggle::after {
|
|
||||||
display: none; }
|
|
||||||
|
|
||||||
.dropleft .dropdown-toggle::before {
|
|
||||||
display: inline-block;
|
|
||||||
width: 0;
|
|
||||||
height: 0;
|
|
||||||
margin-right: 0.255em;
|
|
||||||
vertical-align: 0.255em;
|
|
||||||
content: "";
|
|
||||||
border-top: 0.3em solid transparent;
|
|
||||||
border-right: 0.3em solid;
|
|
||||||
border-bottom: 0.3em solid transparent; }
|
|
||||||
|
|
||||||
.dropleft .dropdown-toggle:empty::after {
|
|
||||||
margin-left: 0; }
|
|
||||||
|
|
||||||
.dropleft .dropdown-toggle::before {
|
|
||||||
vertical-align: 0; }
|
|
||||||
|
|
||||||
.dropdown-divider {
|
.dropdown-divider {
|
||||||
height: 0;
|
height: 0;
|
||||||
margin: 0.5rem 0;
|
margin: 0.5rem 0;
|
||||||
|
|
@ -2811,7 +2752,7 @@ tbody.collapse.show {
|
||||||
color: #212529;
|
color: #212529;
|
||||||
text-align: inherit;
|
text-align: inherit;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
background-color: transparent;
|
background: none;
|
||||||
border: 0; }
|
border: 0; }
|
||||||
.dropdown-item:focus, .dropdown-item:hover {
|
.dropdown-item:focus, .dropdown-item:hover {
|
||||||
color: #16181b;
|
color: #16181b;
|
||||||
|
|
@ -2849,7 +2790,7 @@ tbody.collapse.show {
|
||||||
.btn-group > .btn:hover, .wpcf7 .btn-group > input[type=submit]:hover,
|
.btn-group > .btn:hover, .wpcf7 .btn-group > input[type=submit]:hover,
|
||||||
.btn-group-vertical > .btn:hover, .wpcf7
|
.btn-group-vertical > .btn:hover, .wpcf7
|
||||||
.btn-group-vertical > input[type=submit]:hover {
|
.btn-group-vertical > input[type=submit]:hover {
|
||||||
z-index: 1; }
|
z-index: 2; }
|
||||||
.btn-group > .btn:focus, .wpcf7 .btn-group > input[type=submit]:focus, .btn-group > .btn:active, .wpcf7 .btn-group > input[type=submit]:active, .btn-group > .btn.active, .wpcf7 .btn-group > input.active[type=submit],
|
.btn-group > .btn:focus, .wpcf7 .btn-group > input[type=submit]:focus, .btn-group > .btn:active, .wpcf7 .btn-group > input[type=submit]:active, .btn-group > .btn.active, .wpcf7 .btn-group > input.active[type=submit],
|
||||||
.btn-group-vertical > .btn:focus, .wpcf7
|
.btn-group-vertical > .btn:focus, .wpcf7
|
||||||
.btn-group-vertical > input[type=submit]:focus,
|
.btn-group-vertical > input[type=submit]:focus,
|
||||||
|
|
@ -2857,7 +2798,7 @@ tbody.collapse.show {
|
||||||
.btn-group-vertical > input[type=submit]:active,
|
.btn-group-vertical > input[type=submit]:active,
|
||||||
.btn-group-vertical > .btn.active, .wpcf7
|
.btn-group-vertical > .btn.active, .wpcf7
|
||||||
.btn-group-vertical > input.active[type=submit] {
|
.btn-group-vertical > input.active[type=submit] {
|
||||||
z-index: 1; }
|
z-index: 2; }
|
||||||
.btn-group .btn + .btn, .btn-group .wpcf7 input[type=submit] + .btn, .wpcf7 .btn-group input[type=submit] + .btn, .btn-group .wpcf7 .btn + input[type=submit], .wpcf7 .btn-group .btn + input[type=submit], .btn-group .wpcf7 input[type=submit] + input[type=submit], .wpcf7 .btn-group input[type=submit] + input[type=submit],
|
.btn-group .btn + .btn, .btn-group .wpcf7 input[type=submit] + .btn, .wpcf7 .btn-group input[type=submit] + .btn, .btn-group .wpcf7 .btn + input[type=submit], .wpcf7 .btn-group .btn + input[type=submit], .btn-group .wpcf7 input[type=submit] + input[type=submit], .wpcf7 .btn-group input[type=submit] + input[type=submit],
|
||||||
.btn-group .btn + .btn-group,
|
.btn-group .btn + .btn-group,
|
||||||
.btn-group .wpcf7 input[type=submit] + .btn-group, .wpcf7
|
.btn-group .wpcf7 input[type=submit] + .btn-group, .wpcf7
|
||||||
|
|
@ -2918,10 +2859,10 @@ tbody.collapse.show {
|
||||||
border-top-left-radius: 0;
|
border-top-left-radius: 0;
|
||||||
border-bottom-left-radius: 0; }
|
border-bottom-left-radius: 0; }
|
||||||
|
|
||||||
.dropdown-toggle-split {
|
.btn + .dropdown-toggle-split, .wpcf7 input[type=submit] + .dropdown-toggle-split {
|
||||||
padding-right: 0.5625rem;
|
padding-right: 0.5625rem;
|
||||||
padding-left: 0.5625rem; }
|
padding-left: 0.5625rem; }
|
||||||
.dropdown-toggle-split::after {
|
.btn + .dropdown-toggle-split::after, .wpcf7 input[type=submit] + .dropdown-toggle-split::after {
|
||||||
margin-left: 0; }
|
margin-left: 0; }
|
||||||
|
|
||||||
.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split, .wpcf7 .btn-group-sm > input[type=submit] + .dropdown-toggle-split {
|
.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split, .wpcf7 .btn-group-sm > input[type=submit] + .dropdown-toggle-split {
|
||||||
|
|
@ -2965,17 +2906,13 @@ tbody.collapse.show {
|
||||||
border-top-left-radius: 0;
|
border-top-left-radius: 0;
|
||||||
border-top-right-radius: 0; }
|
border-top-right-radius: 0; }
|
||||||
|
|
||||||
[data-toggle="buttons"] > .btn, .wpcf7 [data-toggle="buttons"] > input[type=submit],
|
[data-toggle="buttons"] > .btn input[type="radio"], .wpcf7 [data-toggle="buttons"] > input[type=submit] input[type="radio"],
|
||||||
[data-toggle="buttons"] > .btn-group > .btn, .wpcf7
|
[data-toggle="buttons"] > .btn input[type="checkbox"], .wpcf7
|
||||||
[data-toggle="buttons"] > .btn-group > input[type=submit] {
|
[data-toggle="buttons"] > input[type=submit] input[type="checkbox"],
|
||||||
margin-bottom: 0; }
|
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"], .wpcf7
|
||||||
[data-toggle="buttons"] > .btn input[type="radio"], .wpcf7 [data-toggle="buttons"] > input[type=submit] input[type="radio"],
|
[data-toggle="buttons"] > .btn-group > input[type=submit] input[type="radio"],
|
||||||
[data-toggle="buttons"] > .btn input[type="checkbox"], .wpcf7
|
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"], .wpcf7
|
||||||
[data-toggle="buttons"] > input[type=submit] input[type="checkbox"],
|
[data-toggle="buttons"] > .btn-group > input[type=submit] input[type="checkbox"] {
|
||||||
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"], .wpcf7
|
|
||||||
[data-toggle="buttons"] > .btn-group > input[type=submit] input[type="radio"],
|
|
||||||
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"], .wpcf7
|
|
||||||
[data-toggle="buttons"] > .btn-group > input[type=submit] input[type="checkbox"] {
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
clip: rect(0, 0, 0, 0);
|
clip: rect(0, 0, 0, 0);
|
||||||
pointer-events: none; }
|
pointer-events: none; }
|
||||||
|
|
@ -3021,7 +2958,7 @@ tbody.collapse.show {
|
||||||
.wpcf7 textarea,
|
.wpcf7 textarea,
|
||||||
.wpcf7 .input-group textarea, .input-group .wpcf7 .wpcf7-validation-errors, .wpcf7 .input-group .wpcf7-validation-errors {
|
.wpcf7 .input-group textarea, .input-group .wpcf7 .wpcf7-validation-errors, .wpcf7 .input-group .wpcf7-validation-errors {
|
||||||
position: relative;
|
position: relative;
|
||||||
z-index: 1;
|
z-index: 2;
|
||||||
flex: 1 1 auto;
|
flex: 1 1 auto;
|
||||||
width: 1%;
|
width: 1%;
|
||||||
margin-bottom: 0; }
|
margin-bottom: 0; }
|
||||||
|
|
@ -3128,7 +3065,7 @@ tbody.collapse.show {
|
||||||
.wpcf7 .input-group select:hover, .input-group
|
.wpcf7 .input-group select:hover, .input-group
|
||||||
.wpcf7 textarea:hover,
|
.wpcf7 textarea:hover,
|
||||||
.wpcf7 .input-group textarea:hover, .input-group .wpcf7 .wpcf7-validation-errors:hover, .wpcf7 .input-group .wpcf7-validation-errors:hover {
|
.wpcf7 .input-group textarea:hover, .input-group .wpcf7 .wpcf7-validation-errors:hover, .wpcf7 .input-group .wpcf7-validation-errors:hover {
|
||||||
z-index: 2; }
|
z-index: 3; }
|
||||||
|
|
||||||
.input-group-addon,
|
.input-group-addon,
|
||||||
.input-group-btn,
|
.input-group-btn,
|
||||||
|
|
@ -3204,9 +3141,7 @@ tbody.collapse.show {
|
||||||
.wpcf7
|
.wpcf7
|
||||||
.input-group textarea,
|
.input-group textarea,
|
||||||
.input-group .wpcf7 .wpcf7-validation-errors, .wpcf7
|
.input-group .wpcf7 .wpcf7-validation-errors, .wpcf7
|
||||||
.input-group .wpcf7-validation-errors,
|
.input-group .wpcf7-validation-errors {
|
||||||
.input-group .custom-select,
|
|
||||||
.input-group .custom-file {
|
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center; }
|
align-items: center; }
|
||||||
.input-group-addon:not(:first-child):not(:last-child),
|
.input-group-addon:not(:first-child):not(:last-child),
|
||||||
|
|
@ -3283,19 +3218,9 @@ tbody.collapse.show {
|
||||||
.wpcf7
|
.wpcf7
|
||||||
.input-group textarea:not(:first-child):not(:last-child),
|
.input-group textarea:not(:first-child):not(:last-child),
|
||||||
.input-group .wpcf7 .wpcf7-validation-errors:not(:first-child):not(:last-child), .wpcf7
|
.input-group .wpcf7 .wpcf7-validation-errors:not(:first-child):not(:last-child), .wpcf7
|
||||||
.input-group .wpcf7-validation-errors:not(:first-child):not(:last-child),
|
.input-group .wpcf7-validation-errors:not(:first-child):not(:last-child) {
|
||||||
.input-group .custom-select:not(:first-child):not(:last-child),
|
|
||||||
.input-group .custom-file:not(:first-child):not(:last-child) {
|
|
||||||
border-radius: 0; }
|
border-radius: 0; }
|
||||||
|
|
||||||
.input-group .custom-file {
|
|
||||||
display: flex;
|
|
||||||
align-items: center; }
|
|
||||||
|
|
||||||
.input-group .custom-select,
|
|
||||||
.input-group .custom-file {
|
|
||||||
width: 100%; }
|
|
||||||
|
|
||||||
.input-group-addon,
|
.input-group-addon,
|
||||||
.input-group-btn {
|
.input-group-btn {
|
||||||
white-space: nowrap; }
|
white-space: nowrap; }
|
||||||
|
|
@ -3398,8 +3323,6 @@ tbody.collapse.show {
|
||||||
.wpcf7 .input-group select:not(:last-child), .input-group
|
.wpcf7 .input-group select:not(:last-child), .input-group
|
||||||
.wpcf7 textarea:not(:last-child),
|
.wpcf7 textarea:not(:last-child),
|
||||||
.wpcf7 .input-group textarea:not(:last-child), .input-group .wpcf7 .wpcf7-validation-errors:not(:last-child), .wpcf7 .input-group .wpcf7-validation-errors:not(:last-child),
|
.wpcf7 .input-group textarea:not(:last-child), .input-group .wpcf7 .wpcf7-validation-errors:not(:last-child), .wpcf7 .input-group .wpcf7-validation-errors:not(:last-child),
|
||||||
.input-group .custom-select:not(:last-child),
|
|
||||||
.input-group .custom-file:not(:last-child) .custom-file-control::before,
|
|
||||||
.input-group-addon:not(:last-child),
|
.input-group-addon:not(:last-child),
|
||||||
.input-group-btn:not(:last-child) > .btn, .wpcf7
|
.input-group-btn:not(:last-child) > .btn, .wpcf7
|
||||||
.input-group-btn:not(:last-child) > input[type=submit],
|
.input-group-btn:not(:last-child) > input[type=submit],
|
||||||
|
|
@ -3451,8 +3374,6 @@ tbody.collapse.show {
|
||||||
.wpcf7 .input-group select:not(:first-child), .input-group
|
.wpcf7 .input-group select:not(:first-child), .input-group
|
||||||
.wpcf7 textarea:not(:first-child),
|
.wpcf7 textarea:not(:first-child),
|
||||||
.wpcf7 .input-group textarea:not(:first-child), .input-group .wpcf7 .wpcf7-validation-errors:not(:first-child), .wpcf7 .input-group .wpcf7-validation-errors:not(:first-child),
|
.wpcf7 .input-group textarea:not(:first-child), .input-group .wpcf7 .wpcf7-validation-errors:not(:first-child), .wpcf7 .input-group .wpcf7-validation-errors:not(:first-child),
|
||||||
.input-group .custom-select:not(:first-child),
|
|
||||||
.input-group .custom-file:not(:first-child) .custom-file-control,
|
|
||||||
.input-group-addon:not(:first-child),
|
.input-group-addon:not(:first-child),
|
||||||
.input-group-btn:not(:first-child) > .btn, .wpcf7
|
.input-group-btn:not(:first-child) > .btn, .wpcf7
|
||||||
.input-group-btn:not(:first-child) > input[type=submit],
|
.input-group-btn:not(:first-child) > input[type=submit],
|
||||||
|
|
@ -3483,9 +3404,7 @@ tbody.collapse.show {
|
||||||
.wpcf7 input[type=file] + .input-group-addon:not(:first-child),
|
.wpcf7 input[type=file] + .input-group-addon:not(:first-child),
|
||||||
.wpcf7 input[type=submit] + .input-group-addon:not(:first-child),
|
.wpcf7 input[type=submit] + .input-group-addon:not(:first-child),
|
||||||
.wpcf7 select + .input-group-addon:not(:first-child),
|
.wpcf7 select + .input-group-addon:not(:first-child),
|
||||||
.wpcf7 textarea + .input-group-addon:not(:first-child), .wpcf7 .wpcf7-validation-errors + .input-group-addon:not(:first-child),
|
.wpcf7 textarea + .input-group-addon:not(:first-child), .wpcf7 .wpcf7-validation-errors + .input-group-addon:not(:first-child) {
|
||||||
.custom-select + .input-group-addon:not(:first-child),
|
|
||||||
.custom-file + .input-group-addon:not(:first-child) {
|
|
||||||
border-left: 0; }
|
border-left: 0; }
|
||||||
|
|
||||||
.input-group-btn {
|
.input-group-btn {
|
||||||
|
|
@ -3498,7 +3417,7 @@ tbody.collapse.show {
|
||||||
.input-group-btn > .btn + .btn, .wpcf7 .input-group-btn > input[type=submit] + .btn, .wpcf7 .input-group-btn > .btn + input[type=submit], .wpcf7 .input-group-btn > input[type=submit] + input[type=submit] {
|
.input-group-btn > .btn + .btn, .wpcf7 .input-group-btn > input[type=submit] + .btn, .wpcf7 .input-group-btn > .btn + input[type=submit], .wpcf7 .input-group-btn > input[type=submit] + input[type=submit] {
|
||||||
margin-left: -1px; }
|
margin-left: -1px; }
|
||||||
.input-group-btn > .btn:focus, .wpcf7 .input-group-btn > input[type=submit]:focus, .input-group-btn > .btn:active, .wpcf7 .input-group-btn > input[type=submit]:active, .input-group-btn > .btn:hover, .wpcf7 .input-group-btn > input[type=submit]:hover {
|
.input-group-btn > .btn:focus, .wpcf7 .input-group-btn > input[type=submit]:focus, .input-group-btn > .btn:active, .wpcf7 .input-group-btn > input[type=submit]:active, .input-group-btn > .btn:hover, .wpcf7 .input-group-btn > input[type=submit]:hover {
|
||||||
z-index: 2; }
|
z-index: 3; }
|
||||||
.input-group-btn:first-child > .btn + .btn, .wpcf7 .input-group-btn:first-child > input[type=submit] + .btn, .wpcf7 .input-group-btn:first-child > .btn + input[type=submit], .wpcf7 .input-group-btn:first-child > input[type=submit] + input[type=submit] {
|
.input-group-btn:first-child > .btn + .btn, .wpcf7 .input-group-btn:first-child > input[type=submit] + .btn, .wpcf7 .input-group-btn:first-child > .btn + input[type=submit], .wpcf7 .input-group-btn:first-child > input[type=submit] + input[type=submit] {
|
||||||
margin-left: 0; }
|
margin-left: 0; }
|
||||||
.input-group-btn:not(:last-child) > .btn, .wpcf7 .input-group-btn:not(:last-child) > input[type=submit],
|
.input-group-btn:not(:last-child) > .btn, .wpcf7 .input-group-btn:not(:last-child) > input[type=submit],
|
||||||
|
|
@ -3506,7 +3425,7 @@ tbody.collapse.show {
|
||||||
margin-right: -1px; }
|
margin-right: -1px; }
|
||||||
.input-group-btn:not(:first-child) > .btn, .wpcf7 .input-group-btn:not(:first-child) > input[type=submit],
|
.input-group-btn:not(:first-child) > .btn, .wpcf7 .input-group-btn:not(:first-child) > input[type=submit],
|
||||||
.input-group-btn:not(:first-child) > .btn-group {
|
.input-group-btn:not(:first-child) > .btn-group {
|
||||||
z-index: 1;
|
z-index: 2;
|
||||||
margin-left: 0; }
|
margin-left: 0; }
|
||||||
.input-group-btn:not(:first-child) > .btn:first-child, .wpcf7 .input-group-btn:not(:first-child) > input[type=submit]:first-child,
|
.input-group-btn:not(:first-child) > .btn:first-child, .wpcf7 .input-group-btn:not(:first-child) > input[type=submit]:first-child,
|
||||||
.input-group-btn:not(:first-child) > .btn-group:first-child {
|
.input-group-btn:not(:first-child) > .btn-group:first-child {
|
||||||
|
|
@ -3515,7 +3434,7 @@ tbody.collapse.show {
|
||||||
.input-group-btn:not(:first-child) > .btn-group:focus,
|
.input-group-btn:not(:first-child) > .btn-group:focus,
|
||||||
.input-group-btn:not(:first-child) > .btn-group:active,
|
.input-group-btn:not(:first-child) > .btn-group:active,
|
||||||
.input-group-btn:not(:first-child) > .btn-group:hover {
|
.input-group-btn:not(:first-child) > .btn-group:hover {
|
||||||
z-index: 2; }
|
z-index: 3; }
|
||||||
|
|
||||||
.custom-control {
|
.custom-control {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
@ -3550,7 +3469,7 @@ tbody.collapse.show {
|
||||||
height: 1rem;
|
height: 1rem;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
background-color: #dee2e6;
|
background-color: #ddd;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-position: center center;
|
background-position: center center;
|
||||||
background-size: 50% 50%; }
|
background-size: 50% 50%; }
|
||||||
|
|
@ -3587,14 +3506,14 @@ tbody.collapse.show {
|
||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
color: #495057;
|
color: #495057;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
|
background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
|
||||||
background-size: 8px 10px;
|
background-size: 8px 10px;
|
||||||
border: 1px solid #ced4da;
|
border: 1px solid #ced4da;
|
||||||
border-radius: 0.25rem;
|
border-radius: 0.25rem;
|
||||||
appearance: none; }
|
appearance: none; }
|
||||||
.custom-select:focus {
|
.custom-select:focus {
|
||||||
border-color: #7899f9;
|
border-color: #7899f9;
|
||||||
outline: 0; }
|
outline: none; }
|
||||||
.custom-select:focus::-ms-value {
|
.custom-select:focus::-ms-value {
|
||||||
color: #495057;
|
color: #495057;
|
||||||
background-color: #fff; }
|
background-color: #fff; }
|
||||||
|
|
@ -3634,6 +3553,7 @@ tbody.collapse.show {
|
||||||
top: 0;
|
top: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
|
z-index: 5;
|
||||||
height: calc(2.25rem + 2px);
|
height: calc(2.25rem + 2px);
|
||||||
padding: 0.375rem 0.75rem;
|
padding: 0.375rem 0.75rem;
|
||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
|
|
@ -3650,7 +3570,7 @@ tbody.collapse.show {
|
||||||
top: -1px;
|
top: -1px;
|
||||||
right: -1px;
|
right: -1px;
|
||||||
bottom: -1px;
|
bottom: -1px;
|
||||||
z-index: 1;
|
z-index: 6;
|
||||||
display: block;
|
display: block;
|
||||||
height: calc(2.25rem + 2px);
|
height: calc(2.25rem + 2px);
|
||||||
padding: 0.375rem 0.75rem;
|
padding: 0.375rem 0.75rem;
|
||||||
|
|
@ -3678,7 +3598,7 @@ tbody.collapse.show {
|
||||||
color: #868e96; }
|
color: #868e96; }
|
||||||
|
|
||||||
.nav-tabs {
|
.nav-tabs {
|
||||||
border-bottom: 1px solid #dee2e6; }
|
border-bottom: 1px solid #ddd; }
|
||||||
.nav-tabs .nav-item {
|
.nav-tabs .nav-item {
|
||||||
margin-bottom: -1px; }
|
margin-bottom: -1px; }
|
||||||
.nav-tabs .nav-link {
|
.nav-tabs .nav-link {
|
||||||
|
|
@ -3686,7 +3606,7 @@ tbody.collapse.show {
|
||||||
border-top-left-radius: 0.25rem;
|
border-top-left-radius: 0.25rem;
|
||||||
border-top-right-radius: 0.25rem; }
|
border-top-right-radius: 0.25rem; }
|
||||||
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
|
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
|
||||||
border-color: #e9ecef #e9ecef #dee2e6; }
|
border-color: #e9ecef #e9ecef #ddd; }
|
||||||
.nav-tabs .nav-link.disabled {
|
.nav-tabs .nav-link.disabled {
|
||||||
color: #868e96;
|
color: #868e96;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
|
|
@ -3695,7 +3615,7 @@ tbody.collapse.show {
|
||||||
.nav-tabs .nav-item.show .nav-link {
|
.nav-tabs .nav-item.show .nav-link {
|
||||||
color: #495057;
|
color: #495057;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
border-color: #dee2e6 #dee2e6 #fff; }
|
border-color: #ddd #ddd #fff; }
|
||||||
.nav-tabs .dropdown-menu {
|
.nav-tabs .dropdown-menu {
|
||||||
margin-top: -1px;
|
margin-top: -1px;
|
||||||
border-top-left-radius: 0;
|
border-top-left-radius: 0;
|
||||||
|
|
@ -3776,7 +3696,7 @@ tbody.collapse.show {
|
||||||
padding: 0.25rem 0.75rem;
|
padding: 0.25rem 0.75rem;
|
||||||
font-size: 1.25rem;
|
font-size: 1.25rem;
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
background-color: transparent;
|
background: transparent;
|
||||||
border: 1px solid transparent;
|
border: 1px solid transparent;
|
||||||
border-radius: 0.25rem; }
|
border-radius: 0.25rem; }
|
||||||
.navbar-toggler:focus, .navbar-toggler:hover {
|
.navbar-toggler:focus, .navbar-toggler:hover {
|
||||||
|
|
@ -4136,37 +4056,29 @@ tbody.collapse.show {
|
||||||
.card-group .card:first-child {
|
.card-group .card:first-child {
|
||||||
border-top-right-radius: 0;
|
border-top-right-radius: 0;
|
||||||
border-bottom-right-radius: 0; }
|
border-bottom-right-radius: 0; }
|
||||||
.card-group .card:first-child .card-img-top,
|
.card-group .card:first-child .card-img-top {
|
||||||
.card-group .card:first-child .card-header {
|
|
||||||
border-top-right-radius: 0; }
|
border-top-right-radius: 0; }
|
||||||
.card-group .card:first-child .card-img-bottom,
|
.card-group .card:first-child .card-img-bottom {
|
||||||
.card-group .card:first-child .card-footer {
|
|
||||||
border-bottom-right-radius: 0; }
|
border-bottom-right-radius: 0; }
|
||||||
.card-group .card:last-child {
|
.card-group .card:last-child {
|
||||||
border-top-left-radius: 0;
|
border-top-left-radius: 0;
|
||||||
border-bottom-left-radius: 0; }
|
border-bottom-left-radius: 0; }
|
||||||
.card-group .card:last-child .card-img-top,
|
.card-group .card:last-child .card-img-top {
|
||||||
.card-group .card:last-child .card-header {
|
|
||||||
border-top-left-radius: 0; }
|
border-top-left-radius: 0; }
|
||||||
.card-group .card:last-child .card-img-bottom,
|
.card-group .card:last-child .card-img-bottom {
|
||||||
.card-group .card:last-child .card-footer {
|
|
||||||
border-bottom-left-radius: 0; }
|
border-bottom-left-radius: 0; }
|
||||||
.card-group .card:only-child {
|
.card-group .card:only-child {
|
||||||
border-radius: 0.25rem; }
|
border-radius: 0.25rem; }
|
||||||
.card-group .card:only-child .card-img-top,
|
.card-group .card:only-child .card-img-top {
|
||||||
.card-group .card:only-child .card-header {
|
|
||||||
border-top-left-radius: 0.25rem;
|
border-top-left-radius: 0.25rem;
|
||||||
border-top-right-radius: 0.25rem; }
|
border-top-right-radius: 0.25rem; }
|
||||||
.card-group .card:only-child .card-img-bottom,
|
.card-group .card:only-child .card-img-bottom {
|
||||||
.card-group .card:only-child .card-footer {
|
|
||||||
border-bottom-right-radius: 0.25rem;
|
border-bottom-right-radius: 0.25rem;
|
||||||
border-bottom-left-radius: 0.25rem; }
|
border-bottom-left-radius: 0.25rem; }
|
||||||
.card-group .card:not(:first-child):not(:last-child):not(:only-child) {
|
.card-group .card:not(:first-child):not(:last-child):not(:only-child) {
|
||||||
border-radius: 0; }
|
border-radius: 0; }
|
||||||
.card-group .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top,
|
.card-group .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top,
|
||||||
.card-group .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
|
.card-group .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom {
|
||||||
.card-group .card:not(:first-child):not(:last-child):not(:only-child) .card-header,
|
|
||||||
.card-group .card:not(:first-child):not(:last-child):not(:only-child) .card-footer {
|
|
||||||
border-radius: 0; } }
|
border-radius: 0; } }
|
||||||
|
|
||||||
.card-columns .card {
|
.card-columns .card {
|
||||||
|
|
@ -4211,21 +4123,6 @@ tbody.collapse.show {
|
||||||
list-style: none;
|
list-style: none;
|
||||||
border-radius: 0.25rem; }
|
border-radius: 0.25rem; }
|
||||||
|
|
||||||
.page-link {
|
|
||||||
position: relative;
|
|
||||||
display: block;
|
|
||||||
padding: 0.5rem 0.75rem;
|
|
||||||
margin-left: -1px;
|
|
||||||
line-height: 1.25;
|
|
||||||
color: #0A42E8;
|
|
||||||
background-color: #fff;
|
|
||||||
border: 1px solid #dee2e6; }
|
|
||||||
.page-link:focus, .page-link:hover {
|
|
||||||
color: #072d9f;
|
|
||||||
text-decoration: none;
|
|
||||||
background-color: #e9ecef;
|
|
||||||
border-color: #dee2e6; }
|
|
||||||
|
|
||||||
.page-item:first-child .page-link {
|
.page-item:first-child .page-link {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
border-top-left-radius: 0.25rem;
|
border-top-left-radius: 0.25rem;
|
||||||
|
|
@ -4236,7 +4133,7 @@ tbody.collapse.show {
|
||||||
border-bottom-right-radius: 0.25rem; }
|
border-bottom-right-radius: 0.25rem; }
|
||||||
|
|
||||||
.page-item.active .page-link {
|
.page-item.active .page-link {
|
||||||
z-index: 1;
|
z-index: 2;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background-color: #0A42E8;
|
background-color: #0A42E8;
|
||||||
border-color: #0A42E8; }
|
border-color: #0A42E8; }
|
||||||
|
|
@ -4245,7 +4142,22 @@ tbody.collapse.show {
|
||||||
color: #868e96;
|
color: #868e96;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
border-color: #dee2e6; }
|
border-color: #ddd; }
|
||||||
|
|
||||||
|
.page-link {
|
||||||
|
position: relative;
|
||||||
|
display: block;
|
||||||
|
padding: 0.5rem 0.75rem;
|
||||||
|
margin-left: -1px;
|
||||||
|
line-height: 1.25;
|
||||||
|
color: #0A42E8;
|
||||||
|
background-color: #fff;
|
||||||
|
border: 1px solid #ddd; }
|
||||||
|
.page-link:focus, .page-link:hover {
|
||||||
|
color: #072d9f;
|
||||||
|
text-decoration: none;
|
||||||
|
background-color: #e9ecef;
|
||||||
|
border-color: #ddd; }
|
||||||
|
|
||||||
.pagination-lg .page-link {
|
.pagination-lg .page-link {
|
||||||
padding: 0.75rem 1.5rem;
|
padding: 0.75rem 1.5rem;
|
||||||
|
|
@ -4328,10 +4240,10 @@ tbody.collapse.show {
|
||||||
background-color: #117a8b; }
|
background-color: #117a8b; }
|
||||||
|
|
||||||
.badge-warning {
|
.badge-warning {
|
||||||
color: #212529;
|
color: #111;
|
||||||
background-color: #ffc107; }
|
background-color: #ffc107; }
|
||||||
.badge-warning[href]:focus, .badge-warning[href]:hover {
|
.badge-warning[href]:focus, .badge-warning[href]:hover {
|
||||||
color: #212529;
|
color: #111;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
background-color: #d39e00; }
|
background-color: #d39e00; }
|
||||||
|
|
||||||
|
|
@ -4344,10 +4256,10 @@ tbody.collapse.show {
|
||||||
background-color: #bd2130; }
|
background-color: #bd2130; }
|
||||||
|
|
||||||
.badge-light {
|
.badge-light {
|
||||||
color: #212529;
|
color: #111;
|
||||||
background-color: #f8f9fa; }
|
background-color: #f8f9fa; }
|
||||||
.badge-light[href]:focus, .badge-light[href]:hover {
|
.badge-light[href]:focus, .badge-light[href]:hover {
|
||||||
color: #212529;
|
color: #111;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
background-color: #dae0e5; }
|
background-color: #dae0e5; }
|
||||||
|
|
||||||
|
|
@ -4386,9 +4298,7 @@ tbody.collapse.show {
|
||||||
.alert-link {
|
.alert-link {
|
||||||
font-weight: 700; }
|
font-weight: 700; }
|
||||||
|
|
||||||
.alert-dismissible {
|
.alert-dismissible .close {
|
||||||
padding-right: 4rem; }
|
|
||||||
.alert-dismissible .close {
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
|
|
@ -4483,12 +4393,10 @@ tbody.collapse.show {
|
||||||
|
|
||||||
.progress-bar {
|
.progress-bar {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
text-align: center;
|
background-color: #0A42E8; }
|
||||||
background-color: #0A42E8;
|
|
||||||
transition: width 0.6s ease; }
|
|
||||||
|
|
||||||
.progress-bar-striped {
|
.progress-bar-striped {
|
||||||
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
|
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
|
||||||
|
|
@ -4542,7 +4450,7 @@ tbody.collapse.show {
|
||||||
color: #868e96;
|
color: #868e96;
|
||||||
background-color: #fff; }
|
background-color: #fff; }
|
||||||
.list-group-item.active {
|
.list-group-item.active {
|
||||||
z-index: 1;
|
z-index: 2;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background-color: #0A42E8;
|
background-color: #0A42E8;
|
||||||
border-color: #0A42E8; }
|
border-color: #0A42E8; }
|
||||||
|
|
@ -4717,7 +4625,7 @@ button.list-group-item-dark {
|
||||||
|
|
||||||
button.close {
|
button.close {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
background-color: transparent;
|
background: transparent;
|
||||||
border: 0;
|
border: 0;
|
||||||
-webkit-appearance: none; }
|
-webkit-appearance: none; }
|
||||||
|
|
||||||
|
|
@ -4734,33 +4642,26 @@ button.close {
|
||||||
display: none;
|
display: none;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
outline: 0; }
|
outline: 0; }
|
||||||
.modal-open .modal {
|
|
||||||
overflow-x: hidden;
|
|
||||||
overflow-y: auto; }
|
|
||||||
|
|
||||||
.modal-dialog {
|
|
||||||
position: relative;
|
|
||||||
width: auto;
|
|
||||||
margin: 0.5rem;
|
|
||||||
pointer-events: none; }
|
|
||||||
.modal.fade .modal-dialog {
|
.modal.fade .modal-dialog {
|
||||||
transition: transform 0.3s ease-out;
|
transition: transform 0.3s ease-out;
|
||||||
transform: translate(0, -25%); }
|
transform: translate(0, -25%); }
|
||||||
.modal.show .modal-dialog {
|
.modal.show .modal-dialog {
|
||||||
transform: translate(0, 0); }
|
transform: translate(0, 0); }
|
||||||
|
|
||||||
.modal-dialog-centered {
|
.modal-open .modal {
|
||||||
display: flex;
|
overflow-x: hidden;
|
||||||
align-items: center;
|
overflow-y: auto; }
|
||||||
height: 100%;
|
|
||||||
margin-top: 0;
|
.modal-dialog {
|
||||||
margin-bottom: 0; }
|
position: relative;
|
||||||
|
width: auto;
|
||||||
|
margin: 10px;
|
||||||
|
pointer-events: none; }
|
||||||
|
|
||||||
.modal-content {
|
.modal-content {
|
||||||
position: relative;
|
position: relative;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
width: 100%;
|
|
||||||
pointer-events: auto;
|
pointer-events: auto;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
background-clip: padding-box;
|
background-clip: padding-box;
|
||||||
|
|
@ -4785,13 +4686,13 @@ button.close {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
padding: 1rem;
|
padding: 15px;
|
||||||
border-bottom: 1px solid #e9ecef;
|
border-bottom: 1px solid #e9ecef;
|
||||||
border-top-left-radius: 0.3rem;
|
border-top-left-radius: 0.3rem;
|
||||||
border-top-right-radius: 0.3rem; }
|
border-top-right-radius: 0.3rem; }
|
||||||
.modal-header .close {
|
.modal-header .close {
|
||||||
padding: 1rem;
|
padding: 15px;
|
||||||
margin: -1rem -1rem -1rem auto; }
|
margin: -15px -15px -15px auto; }
|
||||||
|
|
||||||
.modal-title {
|
.modal-title {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
|
|
@ -4800,13 +4701,13 @@ button.close {
|
||||||
.modal-body {
|
.modal-body {
|
||||||
position: relative;
|
position: relative;
|
||||||
flex: 1 1 auto;
|
flex: 1 1 auto;
|
||||||
padding: 1rem; }
|
padding: 15px; }
|
||||||
|
|
||||||
.modal-footer {
|
.modal-footer {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: flex-end;
|
justify-content: flex-end;
|
||||||
padding: 1rem;
|
padding: 15px;
|
||||||
border-top: 1px solid #e9ecef; }
|
border-top: 1px solid #e9ecef; }
|
||||||
.modal-footer > :not(:first-child) {
|
.modal-footer > :not(:first-child) {
|
||||||
margin-left: .25rem; }
|
margin-left: .25rem; }
|
||||||
|
|
@ -4823,10 +4724,7 @@ button.close {
|
||||||
@media (min-width: 576px) {
|
@media (min-width: 576px) {
|
||||||
.modal-dialog {
|
.modal-dialog {
|
||||||
max-width: 500px;
|
max-width: 500px;
|
||||||
margin: 1.75rem auto; }
|
margin: 30px auto; }
|
||||||
.modal-dialog-centered {
|
|
||||||
margin-top: 0;
|
|
||||||
margin-bottom: 0; }
|
|
||||||
.modal-sm {
|
.modal-sm {
|
||||||
max-width: 300px; } }
|
max-width: 300px; } }
|
||||||
|
|
||||||
|
|
@ -4861,53 +4759,53 @@ button.close {
|
||||||
.tooltip .arrow {
|
.tooltip .arrow {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
display: block;
|
display: block;
|
||||||
width: 0.4rem;
|
width: 5px;
|
||||||
height: 0.4rem; }
|
height: 5px; }
|
||||||
.tooltip .arrow::before {
|
.tooltip .arrow::before {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
border-color: transparent;
|
border-color: transparent;
|
||||||
border-style: solid; }
|
border-style: solid; }
|
||||||
.tooltip.bs-tooltip-top, .tooltip.bs-tooltip-auto[x-placement^="top"] {
|
.tooltip.bs-tooltip-top, .tooltip.bs-tooltip-auto[x-placement^="top"] {
|
||||||
padding: 0.4rem 0; }
|
padding: 5px 0; }
|
||||||
.tooltip.bs-tooltip-top .arrow, .tooltip.bs-tooltip-auto[x-placement^="top"] .arrow {
|
.tooltip.bs-tooltip-top .arrow, .tooltip.bs-tooltip-auto[x-placement^="top"] .arrow {
|
||||||
bottom: 0; }
|
bottom: 0; }
|
||||||
.tooltip.bs-tooltip-top .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="top"] .arrow::before {
|
.tooltip.bs-tooltip-top .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="top"] .arrow::before {
|
||||||
margin-left: -0.4rem;
|
margin-left: -3px;
|
||||||
content: "";
|
content: "";
|
||||||
border-width: 0.4rem 0.4rem 0;
|
border-width: 5px 5px 0;
|
||||||
border-top-color: #000; }
|
border-top-color: #000; }
|
||||||
.tooltip.bs-tooltip-right, .tooltip.bs-tooltip-auto[x-placement^="right"] {
|
.tooltip.bs-tooltip-right, .tooltip.bs-tooltip-auto[x-placement^="right"] {
|
||||||
padding: 0 0.4rem; }
|
padding: 0 5px; }
|
||||||
.tooltip.bs-tooltip-right .arrow, .tooltip.bs-tooltip-auto[x-placement^="right"] .arrow {
|
.tooltip.bs-tooltip-right .arrow, .tooltip.bs-tooltip-auto[x-placement^="right"] .arrow {
|
||||||
left: 0; }
|
left: 0; }
|
||||||
.tooltip.bs-tooltip-right .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="right"] .arrow::before {
|
.tooltip.bs-tooltip-right .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="right"] .arrow::before {
|
||||||
margin-top: -0.4rem;
|
margin-top: -3px;
|
||||||
content: "";
|
content: "";
|
||||||
border-width: 0.4rem 0.4rem 0.4rem 0;
|
border-width: 5px 5px 5px 0;
|
||||||
border-right-color: #000; }
|
border-right-color: #000; }
|
||||||
.tooltip.bs-tooltip-bottom, .tooltip.bs-tooltip-auto[x-placement^="bottom"] {
|
.tooltip.bs-tooltip-bottom, .tooltip.bs-tooltip-auto[x-placement^="bottom"] {
|
||||||
padding: 0.4rem 0; }
|
padding: 5px 0; }
|
||||||
.tooltip.bs-tooltip-bottom .arrow, .tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow {
|
.tooltip.bs-tooltip-bottom .arrow, .tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow {
|
||||||
top: 0; }
|
top: 0; }
|
||||||
.tooltip.bs-tooltip-bottom .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
|
.tooltip.bs-tooltip-bottom .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
|
||||||
margin-left: -0.4rem;
|
margin-left: -3px;
|
||||||
content: "";
|
content: "";
|
||||||
border-width: 0 0.4rem 0.4rem;
|
border-width: 0 5px 5px;
|
||||||
border-bottom-color: #000; }
|
border-bottom-color: #000; }
|
||||||
.tooltip.bs-tooltip-left, .tooltip.bs-tooltip-auto[x-placement^="left"] {
|
.tooltip.bs-tooltip-left, .tooltip.bs-tooltip-auto[x-placement^="left"] {
|
||||||
padding: 0 0.4rem; }
|
padding: 0 5px; }
|
||||||
.tooltip.bs-tooltip-left .arrow, .tooltip.bs-tooltip-auto[x-placement^="left"] .arrow {
|
.tooltip.bs-tooltip-left .arrow, .tooltip.bs-tooltip-auto[x-placement^="left"] .arrow {
|
||||||
right: 0; }
|
right: 0; }
|
||||||
.tooltip.bs-tooltip-left .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="left"] .arrow::before {
|
.tooltip.bs-tooltip-left .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="left"] .arrow::before {
|
||||||
right: 0;
|
right: 0;
|
||||||
margin-top: -0.4rem;
|
margin-top: -3px;
|
||||||
content: "";
|
content: "";
|
||||||
border-width: 0.4rem 0 0.4rem 0.4rem;
|
border-width: 5px 0 5px 5px;
|
||||||
border-left-color: #000; }
|
border-left-color: #000; }
|
||||||
|
|
||||||
.tooltip-inner {
|
.tooltip-inner {
|
||||||
max-width: 200px;
|
max-width: 200px;
|
||||||
padding: 0.25rem 0.5rem;
|
padding: 3px 8px;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
background-color: #000;
|
background-color: #000;
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
51
js/popper.js
51
js/popper.js
|
|
@ -1,6 +1,6 @@
|
||||||
/**!
|
/**!
|
||||||
* @fileOverview Kickass library to create and place poppers near their reference elements.
|
* @fileOverview Kickass library to create and place poppers near their reference elements.
|
||||||
* @version 1.12.6
|
* @version 1.12.9
|
||||||
* @license
|
* @license
|
||||||
* Copyright (c) 2016 Federico Zivolo and contributors
|
* Copyright (c) 2016 Federico Zivolo and contributors
|
||||||
*
|
*
|
||||||
|
|
@ -28,7 +28,7 @@
|
||||||
(global.Popper = factory());
|
(global.Popper = factory());
|
||||||
}(this, (function () { 'use strict';
|
}(this, (function () { 'use strict';
|
||||||
|
|
||||||
var isBrowser = typeof window !== 'undefined' && typeof window.document !== 'undefined';
|
var isBrowser = typeof window !== 'undefined' && typeof document !== 'undefined';
|
||||||
var longerTimeoutBrowsers = ['Edge', 'Trident', 'Firefox'];
|
var longerTimeoutBrowsers = ['Edge', 'Trident', 'Firefox'];
|
||||||
var timeoutDuration = 0;
|
var timeoutDuration = 0;
|
||||||
for (var i = 0; i < longerTimeoutBrowsers.length; i += 1) {
|
for (var i = 0; i < longerTimeoutBrowsers.length; i += 1) {
|
||||||
|
|
@ -45,7 +45,7 @@ function microtaskDebounce(fn) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
called = true;
|
called = true;
|
||||||
Promise.resolve().then(function () {
|
window.Promise.resolve().then(function () {
|
||||||
called = false;
|
called = false;
|
||||||
fn();
|
fn();
|
||||||
});
|
});
|
||||||
|
|
@ -102,7 +102,7 @@ function getStyleComputedProperty(element, property) {
|
||||||
return [];
|
return [];
|
||||||
}
|
}
|
||||||
// NOTE: 1 DOM access here
|
// NOTE: 1 DOM access here
|
||||||
var css = window.getComputedStyle(element, null);
|
var css = getComputedStyle(element, null);
|
||||||
return property ? css[property] : css;
|
return property ? css[property] : css;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -130,7 +130,7 @@ function getParentNode(element) {
|
||||||
function getScrollParent(element) {
|
function getScrollParent(element) {
|
||||||
// Return body, `getScroll` will take care to get the correct `scrollTop` from it
|
// Return body, `getScroll` will take care to get the correct `scrollTop` from it
|
||||||
if (!element) {
|
if (!element) {
|
||||||
return window.document.body;
|
return document.body;
|
||||||
}
|
}
|
||||||
|
|
||||||
switch (element.nodeName) {
|
switch (element.nodeName) {
|
||||||
|
|
@ -172,7 +172,7 @@ function getOffsetParent(element) {
|
||||||
return element.ownerDocument.documentElement;
|
return element.ownerDocument.documentElement;
|
||||||
}
|
}
|
||||||
|
|
||||||
return window.document.documentElement;
|
return document.documentElement;
|
||||||
}
|
}
|
||||||
|
|
||||||
// .offsetParent will return the closest TD or TABLE in case
|
// .offsetParent will return the closest TD or TABLE in case
|
||||||
|
|
@ -219,7 +219,7 @@ function getRoot(node) {
|
||||||
function findCommonOffsetParent(element1, element2) {
|
function findCommonOffsetParent(element1, element2) {
|
||||||
// This check is needed to avoid errors in case one of the elements isn't defined for any reason
|
// This check is needed to avoid errors in case one of the elements isn't defined for any reason
|
||||||
if (!element1 || !element1.nodeType || !element2 || !element2.nodeType) {
|
if (!element1 || !element1.nodeType || !element2 || !element2.nodeType) {
|
||||||
return window.document.documentElement;
|
return document.documentElement;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Here we make sure to give as "start" the element that comes first in the DOM
|
// Here we make sure to give as "start" the element that comes first in the DOM
|
||||||
|
|
@ -311,7 +311,7 @@ function getBordersSize(styles, axis) {
|
||||||
var sideA = axis === 'x' ? 'Left' : 'Top';
|
var sideA = axis === 'x' ? 'Left' : 'Top';
|
||||||
var sideB = sideA === 'Left' ? 'Right' : 'Bottom';
|
var sideB = sideA === 'Left' ? 'Right' : 'Bottom';
|
||||||
|
|
||||||
return +styles['border' + sideA + 'Width'].split('px')[0] + +styles['border' + sideB + 'Width'].split('px')[0];
|
return parseFloat(styles['border' + sideA + 'Width'], 10) + parseFloat(styles['border' + sideB + 'Width'], 10);
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
|
@ -334,9 +334,9 @@ function getSize(axis, body, html, computedStyle) {
|
||||||
}
|
}
|
||||||
|
|
||||||
function getWindowSizes() {
|
function getWindowSizes() {
|
||||||
var body = window.document.body;
|
var body = document.body;
|
||||||
var html = window.document.documentElement;
|
var html = document.documentElement;
|
||||||
var computedStyle = isIE10$1() && window.getComputedStyle(html);
|
var computedStyle = isIE10$1() && getComputedStyle(html);
|
||||||
|
|
||||||
return {
|
return {
|
||||||
height: getSize('Height', body, html, computedStyle),
|
height: getSize('Height', body, html, computedStyle),
|
||||||
|
|
@ -479,8 +479,8 @@ function getOffsetRectRelativeToArbitraryNode(children, parent) {
|
||||||
var scrollParent = getScrollParent(children);
|
var scrollParent = getScrollParent(children);
|
||||||
|
|
||||||
var styles = getStyleComputedProperty(parent);
|
var styles = getStyleComputedProperty(parent);
|
||||||
var borderTopWidth = +styles.borderTopWidth.split('px')[0];
|
var borderTopWidth = parseFloat(styles.borderTopWidth, 10);
|
||||||
var borderLeftWidth = +styles.borderLeftWidth.split('px')[0];
|
var borderLeftWidth = parseFloat(styles.borderLeftWidth, 10);
|
||||||
|
|
||||||
var offsets = getClientRect({
|
var offsets = getClientRect({
|
||||||
top: childrenRect.top - parentRect.top - borderTopWidth,
|
top: childrenRect.top - parentRect.top - borderTopWidth,
|
||||||
|
|
@ -496,8 +496,8 @@ function getOffsetRectRelativeToArbitraryNode(children, parent) {
|
||||||
// differently when margins are applied to it. The margins are included in
|
// differently when margins are applied to it. The margins are included in
|
||||||
// the box of the documentElement, in the other cases not.
|
// the box of the documentElement, in the other cases not.
|
||||||
if (!isIE10 && isHTML) {
|
if (!isIE10 && isHTML) {
|
||||||
var marginTop = +styles.marginTop.split('px')[0];
|
var marginTop = parseFloat(styles.marginTop, 10);
|
||||||
var marginLeft = +styles.marginLeft.split('px')[0];
|
var marginLeft = parseFloat(styles.marginLeft, 10);
|
||||||
|
|
||||||
offsets.top -= borderTopWidth - marginTop;
|
offsets.top -= borderTopWidth - marginTop;
|
||||||
offsets.bottom -= borderTopWidth - marginTop;
|
offsets.bottom -= borderTopWidth - marginTop;
|
||||||
|
|
@ -576,7 +576,7 @@ function getBoundaries(popper, reference, padding, boundariesElement) {
|
||||||
// Handle other cases based on DOM element used as boundaries
|
// Handle other cases based on DOM element used as boundaries
|
||||||
var boundariesNode = void 0;
|
var boundariesNode = void 0;
|
||||||
if (boundariesElement === 'scrollParent') {
|
if (boundariesElement === 'scrollParent') {
|
||||||
boundariesNode = getScrollParent(getParentNode(popper));
|
boundariesNode = getScrollParent(getParentNode(reference));
|
||||||
if (boundariesNode.nodeName === 'BODY') {
|
if (boundariesNode.nodeName === 'BODY') {
|
||||||
boundariesNode = popper.ownerDocument.documentElement;
|
boundariesNode = popper.ownerDocument.documentElement;
|
||||||
}
|
}
|
||||||
|
|
@ -702,7 +702,7 @@ function getReferenceOffsets(state, popper, reference) {
|
||||||
* @returns {Object} object containing width and height properties
|
* @returns {Object} object containing width and height properties
|
||||||
*/
|
*/
|
||||||
function getOuterSizes(element) {
|
function getOuterSizes(element) {
|
||||||
var styles = window.getComputedStyle(element);
|
var styles = getComputedStyle(element);
|
||||||
var x = parseFloat(styles.marginTop) + parseFloat(styles.marginBottom);
|
var x = parseFloat(styles.marginTop) + parseFloat(styles.marginBottom);
|
||||||
var y = parseFloat(styles.marginLeft) + parseFloat(styles.marginRight);
|
var y = parseFloat(styles.marginLeft) + parseFloat(styles.marginRight);
|
||||||
var result = {
|
var result = {
|
||||||
|
|
@ -919,7 +919,7 @@ function getSupportedPropertyName(property) {
|
||||||
for (var i = 0; i < prefixes.length - 1; i++) {
|
for (var i = 0; i < prefixes.length - 1; i++) {
|
||||||
var prefix = prefixes[i];
|
var prefix = prefixes[i];
|
||||||
var toCheck = prefix ? '' + prefix + upperProp : property;
|
var toCheck = prefix ? '' + prefix + upperProp : property;
|
||||||
if (typeof window.document.body.style[toCheck] !== 'undefined') {
|
if (typeof document.body.style[toCheck] !== 'undefined') {
|
||||||
return toCheck;
|
return toCheck;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -1038,7 +1038,7 @@ function removeEventListeners(reference, state) {
|
||||||
*/
|
*/
|
||||||
function disableEventListeners() {
|
function disableEventListeners() {
|
||||||
if (this.state.eventsEnabled) {
|
if (this.state.eventsEnabled) {
|
||||||
window.cancelAnimationFrame(this.scheduleUpdate);
|
cancelAnimationFrame(this.scheduleUpdate);
|
||||||
this.state = removeEventListeners(this.reference, this.state);
|
this.state = removeEventListeners(this.reference, this.state);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -1278,6 +1278,8 @@ function isModifierRequired(modifiers, requestingName, requestedName) {
|
||||||
* @returns {Object} The data object, properly modified
|
* @returns {Object} The data object, properly modified
|
||||||
*/
|
*/
|
||||||
function arrow(data, options) {
|
function arrow(data, options) {
|
||||||
|
var _data$offsets$arrow;
|
||||||
|
|
||||||
// arrow depends on keepTogether in order to work
|
// arrow depends on keepTogether in order to work
|
||||||
if (!isModifierRequired(data.instance.modifiers, 'arrow', 'keepTogether')) {
|
if (!isModifierRequired(data.instance.modifiers, 'arrow', 'keepTogether')) {
|
||||||
return data;
|
return data;
|
||||||
|
|
@ -1329,22 +1331,23 @@ function arrow(data, options) {
|
||||||
if (reference[side] + arrowElementSize > popper[opSide]) {
|
if (reference[side] + arrowElementSize > popper[opSide]) {
|
||||||
data.offsets.popper[side] += reference[side] + arrowElementSize - popper[opSide];
|
data.offsets.popper[side] += reference[side] + arrowElementSize - popper[opSide];
|
||||||
}
|
}
|
||||||
|
data.offsets.popper = getClientRect(data.offsets.popper);
|
||||||
|
|
||||||
// compute center of the popper
|
// compute center of the popper
|
||||||
var center = reference[side] + reference[len] / 2 - arrowElementSize / 2;
|
var center = reference[side] + reference[len] / 2 - arrowElementSize / 2;
|
||||||
|
|
||||||
// Compute the sideValue using the updated popper offsets
|
// Compute the sideValue using the updated popper offsets
|
||||||
// take popper margin in account because we don't have this info available
|
// take popper margin in account because we don't have this info available
|
||||||
var popperMarginSide = getStyleComputedProperty(data.instance.popper, 'margin' + sideCapitalized).replace('px', '');
|
var css = getStyleComputedProperty(data.instance.popper);
|
||||||
var sideValue = center - getClientRect(data.offsets.popper)[side] - popperMarginSide;
|
var popperMarginSide = parseFloat(css['margin' + sideCapitalized], 10);
|
||||||
|
var popperBorderSide = parseFloat(css['border' + sideCapitalized + 'Width'], 10);
|
||||||
|
var sideValue = center - data.offsets.popper[side] - popperMarginSide - popperBorderSide;
|
||||||
|
|
||||||
// prevent arrowElement from being placed not contiguously to its popper
|
// prevent arrowElement from being placed not contiguously to its popper
|
||||||
sideValue = Math.max(Math.min(popper[len] - arrowElementSize, sideValue), 0);
|
sideValue = Math.max(Math.min(popper[len] - arrowElementSize, sideValue), 0);
|
||||||
|
|
||||||
data.arrowElement = arrowElement;
|
data.arrowElement = arrowElement;
|
||||||
data.offsets.arrow = {};
|
data.offsets.arrow = (_data$offsets$arrow = {}, defineProperty(_data$offsets$arrow, side, Math.round(sideValue)), defineProperty(_data$offsets$arrow, altSide, ''), _data$offsets$arrow);
|
||||||
data.offsets.arrow[side] = Math.round(sideValue);
|
|
||||||
data.offsets.arrow[altSide] = ''; // make sure to unset any eventual altSide value from the DOM node
|
|
||||||
|
|
||||||
return data;
|
return data;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
970
js/theme.js
970
js/theme.js
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
||||||
{
|
{
|
||||||
"name": "understrap",
|
"name": "understrap",
|
||||||
"version": "0.6.6",
|
"version": "0.6.7",
|
||||||
"description": "WordPress Theme framework",
|
"description": "WordPress Theme framework",
|
||||||
"main": "index.js",
|
"main": "index.js",
|
||||||
"scripts": {
|
"scripts": {
|
||||||
|
|
|
||||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -27,8 +27,6 @@
|
||||||
// Expand the right padding and account for the close button's positioning.
|
// Expand the right padding and account for the close button's positioning.
|
||||||
|
|
||||||
.alert-dismissible {
|
.alert-dismissible {
|
||||||
padding-right: ($close-font-size + $alert-padding-x * 2);
|
|
||||||
|
|
||||||
// Adjust close link position
|
// Adjust close link position
|
||||||
.close {
|
.close {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|
|
||||||
|
|
@ -14,12 +14,12 @@
|
||||||
// Bring the hover, focused, and "active" buttons to the front to overlay
|
// Bring the hover, focused, and "active" buttons to the front to overlay
|
||||||
// the borders properly
|
// the borders properly
|
||||||
@include hover {
|
@include hover {
|
||||||
z-index: 1;
|
z-index: 2;
|
||||||
}
|
}
|
||||||
&:focus,
|
&:focus,
|
||||||
&:active,
|
&:active,
|
||||||
&.active {
|
&.active {
|
||||||
z-index: 1;
|
z-index: 2;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -28,7 +28,7 @@
|
||||||
.btn + .btn-group,
|
.btn + .btn-group,
|
||||||
.btn-group + .btn,
|
.btn-group + .btn,
|
||||||
.btn-group + .btn-group {
|
.btn-group + .btn-group {
|
||||||
margin-left: -$btn-border-width;
|
margin-left: -$input-btn-border-width;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -43,51 +43,48 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-group {
|
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
|
||||||
> .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
|
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Set corners individual because sometimes a single button can be in a .btn-group
|
// Set corners individual because sometimes a single button can be in a .btn-group
|
||||||
// and we need :first-child and :last-child to both match
|
// and we need :first-child and :last-child to both match
|
||||||
> .btn:first-child {
|
.btn-group > .btn:first-child {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
|
|
||||||
&:not(:last-child):not(.dropdown-toggle) {
|
&:not(:last-child):not(.dropdown-toggle) {
|
||||||
@include border-right-radius(0);
|
@include border-right-radius(0);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
// Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu
|
||||||
|
// immediately after it
|
||||||
// Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu
|
.btn-group > .btn:last-child:not(:first-child),
|
||||||
// immediately after it
|
.btn-group > .dropdown-toggle:not(:first-child) {
|
||||||
> .btn:last-child:not(:first-child),
|
|
||||||
> .dropdown-toggle:not(:first-child) {
|
|
||||||
@include border-left-radius(0);
|
@include border-left-radius(0);
|
||||||
}
|
}
|
||||||
|
|
||||||
// Custom edits for including btn-groups within btn-groups (useful for including
|
// Custom edits for including btn-groups within btn-groups (useful for including
|
||||||
// dropdown buttons within a btn-group)
|
// dropdown buttons within a btn-group)
|
||||||
> .btn-group {
|
.btn-group > .btn-group {
|
||||||
float: left;
|
float: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
> .btn-group:not(:first-child):not(:last-child) > .btn {
|
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
> .btn-group:first-child:not(:last-child) {
|
.btn-group > .btn-group:first-child:not(:last-child) {
|
||||||
> .btn:last-child,
|
> .btn:last-child,
|
||||||
> .dropdown-toggle {
|
> .dropdown-toggle {
|
||||||
@include border-right-radius(0);
|
@include border-right-radius(0);
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
> .btn-group:last-child:not(:first-child) > .btn:first-child {
|
|
||||||
@include border-left-radius(0);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
|
||||||
|
@include border-left-radius(0);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
// Sizing
|
// Sizing
|
||||||
//
|
//
|
||||||
// Remix the default button sizing classes into new ones for easier manipulation.
|
// Remix the default button sizing classes into new ones for easier manipulation.
|
||||||
|
|
@ -100,9 +97,9 @@
|
||||||
// Split button dropdowns
|
// Split button dropdowns
|
||||||
//
|
//
|
||||||
|
|
||||||
.dropdown-toggle-split {
|
.btn + .dropdown-toggle-split {
|
||||||
padding-right: $btn-padding-x * .75;
|
padding-right: $input-btn-padding-x * .75;
|
||||||
padding-left: $btn-padding-x * .75;
|
padding-left: $input-btn-padding-x * .75;
|
||||||
|
|
||||||
&::after {
|
&::after {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
|
|
@ -110,13 +107,13 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-sm + .dropdown-toggle-split {
|
.btn-sm + .dropdown-toggle-split {
|
||||||
padding-right: $btn-padding-x-sm * .75;
|
padding-right: $input-btn-padding-x-sm * .75;
|
||||||
padding-left: $btn-padding-x-sm * .75;
|
padding-left: $input-btn-padding-x-sm * .75;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-lg + .dropdown-toggle-split {
|
.btn-lg + .dropdown-toggle-split {
|
||||||
padding-right: $btn-padding-x-lg * .75;
|
padding-right: $input-btn-padding-x-lg * .75;
|
||||||
padding-left: $btn-padding-x-lg * .75;
|
padding-left: $input-btn-padding-x-lg * .75;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -150,7 +147,7 @@
|
||||||
> .btn + .btn-group,
|
> .btn + .btn-group,
|
||||||
> .btn-group + .btn,
|
> .btn-group + .btn,
|
||||||
> .btn-group + .btn-group {
|
> .btn-group + .btn-group {
|
||||||
margin-top: -$btn-border-width;
|
margin-top: -$input-btn-border-width;
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -200,12 +197,10 @@
|
||||||
[data-toggle="buttons"] {
|
[data-toggle="buttons"] {
|
||||||
> .btn,
|
> .btn,
|
||||||
> .btn-group > .btn {
|
> .btn-group > .btn {
|
||||||
margin-bottom: 0; // Override default `<label>` value
|
|
||||||
|
|
||||||
input[type="radio"],
|
input[type="radio"],
|
||||||
input[type="checkbox"] {
|
input[type="checkbox"] {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
clip: rect(0, 0, 0, 0);
|
clip: rect(0,0,0,0);
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -11,8 +11,8 @@
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
border: $btn-border-width solid transparent;
|
border: $input-btn-border-width solid transparent;
|
||||||
@include button-size($btn-padding-y, $btn-padding-x, $font-size-base, $btn-line-height, $btn-border-radius);
|
@include button-size($input-btn-padding-y, $input-btn-padding-x, $font-size-base, $input-btn-line-height, $btn-border-radius);
|
||||||
@include transition($btn-transition);
|
@include transition($btn-transition);
|
||||||
|
|
||||||
// Share hover and focus styles
|
// Share hover and focus styles
|
||||||
|
|
@ -22,20 +22,20 @@
|
||||||
&:focus,
|
&:focus,
|
||||||
&.focus {
|
&.focus {
|
||||||
outline: 0;
|
outline: 0;
|
||||||
box-shadow: $btn-focus-box-shadow;
|
box-shadow: $input-btn-focus-box-shadow;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Disabled comes first so active can properly restyle
|
// Disabled comes first so active can properly restyle
|
||||||
&.disabled,
|
&.disabled,
|
||||||
&:disabled {
|
&:disabled {
|
||||||
opacity: $btn-disabled-opacity;
|
opacity: .65;
|
||||||
@include box-shadow(none);
|
@include box-shadow(none);
|
||||||
}
|
}
|
||||||
|
|
||||||
&:not([disabled]):not(.disabled):active,
|
&:not([disabled]):not(.disabled):active,
|
||||||
&:not([disabled]):not(.disabled).active {
|
&:not([disabled]):not(.disabled).active {
|
||||||
background-image: none;
|
background-image: none;
|
||||||
@include box-shadow($btn-focus-box-shadow, $btn-active-box-shadow);
|
@include box-shadow($input-btn-focus-box-shadow, $btn-active-box-shadow);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -86,7 +86,6 @@ fieldset[disabled] a.btn {
|
||||||
|
|
||||||
&:focus,
|
&:focus,
|
||||||
&.focus {
|
&.focus {
|
||||||
text-decoration: $link-hover-decoration;
|
|
||||||
border-color: transparent;
|
border-color: transparent;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
@ -105,11 +104,11 @@ fieldset[disabled] a.btn {
|
||||||
//
|
//
|
||||||
|
|
||||||
.btn-lg {
|
.btn-lg {
|
||||||
@include button-size($btn-padding-y-lg, $btn-padding-x-lg, $font-size-lg, $btn-line-height-lg, $btn-border-radius-lg);
|
@include button-size($input-btn-padding-y-lg, $input-btn-padding-x-lg, $font-size-lg, $input-btn-line-height-lg, $btn-border-radius-lg);
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-sm {
|
.btn-sm {
|
||||||
@include button-size($btn-padding-y-sm, $btn-padding-x-sm, $font-size-sm, $btn-line-height-sm, $btn-border-radius-sm);
|
@include button-size($input-btn-padding-y-sm, $input-btn-padding-x-sm, $font-size-sm, $input-btn-line-height-sm, $btn-border-radius-sm);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -120,11 +119,11 @@ fieldset[disabled] a.btn {
|
||||||
.btn-block {
|
.btn-block {
|
||||||
display: block;
|
display: block;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
// Vertically space out multiple block buttons
|
// Vertically space out multiple block buttons
|
||||||
+ .btn-block {
|
.btn-block + .btn-block {
|
||||||
margin-top: $btn-block-spacing-y;
|
margin-top: $btn-block-spacing-y;
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// Specificity overrides
|
// Specificity overrides
|
||||||
|
|
|
||||||
|
|
@ -194,12 +194,10 @@
|
||||||
&:first-child {
|
&:first-child {
|
||||||
@include border-right-radius(0);
|
@include border-right-radius(0);
|
||||||
|
|
||||||
.card-img-top,
|
.card-img-top {
|
||||||
.card-header {
|
|
||||||
border-top-right-radius: 0;
|
border-top-right-radius: 0;
|
||||||
}
|
}
|
||||||
.card-img-bottom,
|
.card-img-bottom {
|
||||||
.card-footer {
|
|
||||||
border-bottom-right-radius: 0;
|
border-bottom-right-radius: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -207,12 +205,10 @@
|
||||||
&:last-child {
|
&:last-child {
|
||||||
@include border-left-radius(0);
|
@include border-left-radius(0);
|
||||||
|
|
||||||
.card-img-top,
|
.card-img-top {
|
||||||
.card-header {
|
|
||||||
border-top-left-radius: 0;
|
border-top-left-radius: 0;
|
||||||
}
|
}
|
||||||
.card-img-bottom,
|
.card-img-bottom {
|
||||||
.card-footer {
|
|
||||||
border-bottom-left-radius: 0;
|
border-bottom-left-radius: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -220,24 +216,20 @@
|
||||||
&:only-child {
|
&:only-child {
|
||||||
@include border-radius($card-border-radius);
|
@include border-radius($card-border-radius);
|
||||||
|
|
||||||
.card-img-top,
|
.card-img-top {
|
||||||
.card-header {
|
|
||||||
@include border-top-radius($card-border-radius);
|
@include border-top-radius($card-border-radius);
|
||||||
}
|
}
|
||||||
.card-img-bottom,
|
.card-img-bottom {
|
||||||
.card-footer {
|
|
||||||
@include border-bottom-radius($card-border-radius);
|
@include border-bottom-radius($card-border-radius);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&:not(:first-child):not(:last-child):not(:only-child) {
|
&:not(:first-child):not(:last-child):not(:only-child) {
|
||||||
@include border-radius(0);
|
border-radius: 0;
|
||||||
|
|
||||||
.card-img-top,
|
.card-img-top,
|
||||||
.card-img-bottom,
|
.card-img-bottom {
|
||||||
.card-header,
|
border-radius: 0;
|
||||||
.card-footer {
|
|
||||||
@include border-radius(0);
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -91,13 +91,13 @@
|
||||||
.carousel-control-prev {
|
.carousel-control-prev {
|
||||||
left: 0;
|
left: 0;
|
||||||
@if $enable-gradients {
|
@if $enable-gradients {
|
||||||
background: linear-gradient(90deg, rgba(0, 0, 0, .25), rgba(0, 0, 0, .001));
|
background: linear-gradient(90deg, rgba(0,0,0,.25), rgba(0,0,0,.001));
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.carousel-control-next {
|
.carousel-control-next {
|
||||||
right: 0;
|
right: 0;
|
||||||
@if $enable-gradients {
|
@if $enable-gradients {
|
||||||
background: linear-gradient(270deg, rgba(0, 0, 0, .25), rgba(0, 0, 0, .001));
|
background: linear-gradient(270deg, rgba(0,0,0,.25), rgba(0,0,0,.001));
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -22,7 +22,7 @@
|
||||||
// stylelint-disable property-no-vendor-prefix, selector-no-qualifying-type
|
// stylelint-disable property-no-vendor-prefix, selector-no-qualifying-type
|
||||||
button.close {
|
button.close {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
background-color: transparent;
|
background: transparent;
|
||||||
border: 0;
|
border: 0;
|
||||||
-webkit-appearance: none;
|
-webkit-appearance: none;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -42,6 +42,8 @@ kbd {
|
||||||
// Blocks of code
|
// Blocks of code
|
||||||
pre {
|
pre {
|
||||||
display: block;
|
display: block;
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 1rem;
|
||||||
font-size: $code-font-size;
|
font-size: $code-font-size;
|
||||||
color: $pre-color;
|
color: $pre-color;
|
||||||
|
|
||||||
|
|
@ -51,7 +53,7 @@ pre {
|
||||||
font-size: inherit;
|
font-size: inherit;
|
||||||
color: inherit;
|
color: inherit;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
@include border-radius(0);
|
border-radius: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -148,7 +148,7 @@
|
||||||
|
|
||||||
&:focus {
|
&:focus {
|
||||||
border-color: $custom-select-focus-border-color;
|
border-color: $custom-select-focus-border-color;
|
||||||
outline: 0;
|
outline: none;
|
||||||
@include box-shadow($custom-select-focus-box-shadow);
|
@include box-shadow($custom-select-focus-box-shadow);
|
||||||
|
|
||||||
&::-ms-value {
|
&::-ms-value {
|
||||||
|
|
@ -215,6 +215,7 @@
|
||||||
top: 0;
|
top: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
|
z-index: 5;
|
||||||
height: $custom-file-height;
|
height: $custom-file-height;
|
||||||
padding: $custom-file-padding-y $custom-file-padding-x;
|
padding: $custom-file-padding-y $custom-file-padding-x;
|
||||||
line-height: $custom-file-line-height;
|
line-height: $custom-file-line-height;
|
||||||
|
|
@ -237,7 +238,7 @@
|
||||||
top: -$custom-file-border-width;
|
top: -$custom-file-border-width;
|
||||||
right: -$custom-file-border-width;
|
right: -$custom-file-border-width;
|
||||||
bottom: -$custom-file-border-width;
|
bottom: -$custom-file-border-width;
|
||||||
z-index: 1;
|
z-index: 6;
|
||||||
display: block;
|
display: block;
|
||||||
height: $custom-file-height;
|
height: $custom-file-height;
|
||||||
padding: $custom-file-padding-y $custom-file-padding-x;
|
padding: $custom-file-padding-y $custom-file-padding-x;
|
||||||
|
|
|
||||||
|
|
@ -27,7 +27,7 @@
|
||||||
background-color: $dropdown-bg;
|
background-color: $dropdown-bg;
|
||||||
background-clip: padding-box;
|
background-clip: padding-box;
|
||||||
border: $dropdown-border-width solid $dropdown-border-color;
|
border: $dropdown-border-width solid $dropdown-border-color;
|
||||||
@include border-radius($dropdown-border-radius);
|
@include border-radius($border-radius);
|
||||||
@include box-shadow($dropdown-box-shadow);
|
@include box-shadow($dropdown-box-shadow);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -44,34 +44,6 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.dropright {
|
|
||||||
.dropdown-menu {
|
|
||||||
margin-top: 0;
|
|
||||||
margin-left: $dropdown-spacer;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dropdown-toggle {
|
|
||||||
@include caret(right);
|
|
||||||
&::after {
|
|
||||||
vertical-align: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.dropleft {
|
|
||||||
.dropdown-menu {
|
|
||||||
margin-top: 0;
|
|
||||||
margin-right: $dropdown-spacer;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dropdown-toggle {
|
|
||||||
@include caret(left);
|
|
||||||
&::before {
|
|
||||||
vertical-align: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Dividers (basically an `<hr>`) within the dropdown
|
// Dividers (basically an `<hr>`) within the dropdown
|
||||||
.dropdown-divider {
|
.dropdown-divider {
|
||||||
@include nav-divider($dropdown-divider-bg);
|
@include nav-divider($dropdown-divider-bg);
|
||||||
|
|
@ -89,7 +61,7 @@
|
||||||
color: $dropdown-link-color;
|
color: $dropdown-link-color;
|
||||||
text-align: inherit; // For `<button>`s
|
text-align: inherit; // For `<button>`s
|
||||||
white-space: nowrap; // prevent links from randomly breaking onto new lines
|
white-space: nowrap; // prevent links from randomly breaking onto new lines
|
||||||
background-color: transparent; // For `<button>`s
|
background: none; // For `<button>`s
|
||||||
border: 0; // For `<button>`s
|
border: 0; // For `<button>`s
|
||||||
|
|
||||||
@include hover-focus {
|
@include hover-focus {
|
||||||
|
|
|
||||||
|
|
@ -7,13 +7,15 @@
|
||||||
.form-control {
|
.form-control {
|
||||||
display: block;
|
display: block;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: $input-padding-y $input-padding-x;
|
padding: $input-btn-padding-y $input-btn-padding-x;
|
||||||
font-size: $font-size-base;
|
font-size: $font-size-base;
|
||||||
line-height: $input-line-height;
|
line-height: $input-btn-line-height;
|
||||||
color: $input-color;
|
color: $input-color;
|
||||||
background-color: $input-bg;
|
background-color: $input-bg;
|
||||||
|
// Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214.
|
||||||
|
background-image: none;
|
||||||
background-clip: padding-box;
|
background-clip: padding-box;
|
||||||
border: $input-border-width solid $input-border-color;
|
border: $input-btn-border-width solid $input-border-color;
|
||||||
|
|
||||||
// Note: This has no effect on <select>s in some browsers, due to the limited stylability of `<select>`s in CSS.
|
// Note: This has no effect on <select>s in some browsers, due to the limited stylability of `<select>`s in CSS.
|
||||||
@if $enable-rounded {
|
@if $enable-rounded {
|
||||||
|
|
@ -86,24 +88,24 @@ select.form-control {
|
||||||
// For use with horizontal and inline forms, when you need the label text to
|
// For use with horizontal and inline forms, when you need the label text to
|
||||||
// align with the form controls.
|
// align with the form controls.
|
||||||
.col-form-label {
|
.col-form-label {
|
||||||
padding-top: calc(#{$input-padding-y} + #{$input-border-width});
|
padding-top: calc(#{$input-btn-padding-y} + #{$input-btn-border-width});
|
||||||
padding-bottom: calc(#{$input-padding-y} + #{$input-border-width});
|
padding-bottom: calc(#{$input-btn-padding-y} + #{$input-btn-border-width});
|
||||||
margin-bottom: 0; // Override the `<label>` default
|
margin-bottom: 0; // Override the `<label>` default
|
||||||
line-height: $input-line-height;
|
line-height: $input-btn-line-height;
|
||||||
}
|
}
|
||||||
|
|
||||||
.col-form-label-lg {
|
.col-form-label-lg {
|
||||||
padding-top: calc(#{$input-padding-y-lg} + #{$input-border-width});
|
padding-top: calc(#{$input-btn-padding-y-lg} + #{$input-btn-border-width});
|
||||||
padding-bottom: calc(#{$input-padding-y-lg} + #{$input-border-width});
|
padding-bottom: calc(#{$input-btn-padding-y-lg} + #{$input-btn-border-width});
|
||||||
font-size: $font-size-lg;
|
font-size: $font-size-lg;
|
||||||
line-height: $input-line-height-lg;
|
line-height: $input-btn-line-height-lg;
|
||||||
}
|
}
|
||||||
|
|
||||||
.col-form-label-sm {
|
.col-form-label-sm {
|
||||||
padding-top: calc(#{$input-padding-y-sm} + #{$input-border-width});
|
padding-top: calc(#{$input-btn-padding-y-sm} + #{$input-btn-border-width});
|
||||||
padding-bottom: calc(#{$input-padding-y-sm} + #{$input-border-width});
|
padding-bottom: calc(#{$input-btn-padding-y-sm} + #{$input-btn-border-width});
|
||||||
font-size: $font-size-sm;
|
font-size: $font-size-sm;
|
||||||
line-height: $input-line-height-sm;
|
line-height: $input-btn-line-height-sm;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -114,8 +116,8 @@ select.form-control {
|
||||||
// For use with horizontal and inline forms, when you need the legend text to
|
// For use with horizontal and inline forms, when you need the legend text to
|
||||||
// be the same size as regular labels, and to align with the form controls.
|
// be the same size as regular labels, and to align with the form controls.
|
||||||
.col-form-legend {
|
.col-form-legend {
|
||||||
padding-top: $input-padding-y;
|
padding-top: $input-btn-padding-y;
|
||||||
padding-bottom: $input-padding-y;
|
padding-bottom: $input-btn-padding-y;
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
font-size: $font-size-base;
|
font-size: $font-size-base;
|
||||||
}
|
}
|
||||||
|
|
@ -127,15 +129,13 @@ select.form-control {
|
||||||
// text (without any border, background color, focus indicator)
|
// text (without any border, background color, focus indicator)
|
||||||
|
|
||||||
.form-control-plaintext {
|
.form-control-plaintext {
|
||||||
display: block;
|
padding-top: $input-btn-padding-y;
|
||||||
width: 100%;
|
padding-bottom: $input-btn-padding-y;
|
||||||
padding-top: $input-padding-y;
|
|
||||||
padding-bottom: $input-padding-y;
|
|
||||||
margin-bottom: 0; // match inputs if this class comes on inputs with default margins
|
margin-bottom: 0; // match inputs if this class comes on inputs with default margins
|
||||||
line-height: $input-line-height;
|
line-height: $input-btn-line-height;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
border: solid transparent;
|
border: solid transparent;
|
||||||
border-width: $input-border-width 0;
|
border-width: $input-btn-border-width 0;
|
||||||
|
|
||||||
&.form-control-sm,
|
&.form-control-sm,
|
||||||
&.form-control-lg {
|
&.form-control-lg {
|
||||||
|
|
@ -154,9 +154,9 @@ select.form-control {
|
||||||
// issue documented in https://github.com/twbs/bootstrap/issues/15074.
|
// issue documented in https://github.com/twbs/bootstrap/issues/15074.
|
||||||
|
|
||||||
.form-control-sm {
|
.form-control-sm {
|
||||||
padding: $input-padding-y-sm $input-padding-x-sm;
|
padding: $input-btn-padding-y-sm $input-btn-padding-x-sm;
|
||||||
font-size: $font-size-sm;
|
font-size: $font-size-sm;
|
||||||
line-height: $input-line-height-sm;
|
line-height: $input-btn-line-height-sm;
|
||||||
@include border-radius($input-border-radius-sm);
|
@include border-radius($input-border-radius-sm);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -167,9 +167,9 @@ select.form-control-sm {
|
||||||
}
|
}
|
||||||
|
|
||||||
.form-control-lg {
|
.form-control-lg {
|
||||||
padding: $input-padding-y-lg $input-padding-x-lg;
|
padding: $input-btn-padding-y-lg $input-btn-padding-x-lg;
|
||||||
font-size: $font-size-lg;
|
font-size: $font-size-lg;
|
||||||
line-height: $input-line-height-lg;
|
line-height: $input-btn-line-height-lg;
|
||||||
@include border-radius($input-border-radius-lg);
|
@include border-radius($input-border-radius-lg);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -57,9 +57,9 @@
|
||||||
$yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000;
|
$yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000;
|
||||||
|
|
||||||
@if ($yiq >= 150) {
|
@if ($yiq >= 150) {
|
||||||
@return $yiq-text-dark;
|
@return #111;
|
||||||
} @else {
|
} @else {
|
||||||
@return $yiq-text-light;
|
@return #fff;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -16,6 +16,7 @@
|
||||||
background-color: $thumbnail-bg;
|
background-color: $thumbnail-bg;
|
||||||
border: $thumbnail-border-width solid $thumbnail-border-color;
|
border: $thumbnail-border-width solid $thumbnail-border-color;
|
||||||
@include border-radius($thumbnail-border-radius);
|
@include border-radius($thumbnail-border-radius);
|
||||||
|
@include transition($thumbnail-transition);
|
||||||
@include box-shadow($thumbnail-box-shadow);
|
@include box-shadow($thumbnail-box-shadow);
|
||||||
|
|
||||||
// Keep them at most 100% wide
|
// Keep them at most 100% wide
|
||||||
|
|
|
||||||
|
|
@ -14,7 +14,7 @@
|
||||||
// Ensure that the input is always above the *appended* addon button for
|
// Ensure that the input is always above the *appended* addon button for
|
||||||
// proper border colors.
|
// proper border colors.
|
||||||
position: relative;
|
position: relative;
|
||||||
z-index: 1;
|
z-index: 2;
|
||||||
flex: 1 1 auto;
|
flex: 1 1 auto;
|
||||||
// Add width 1% and flex-basis auto to ensure that button will not wrap out
|
// Add width 1% and flex-basis auto to ensure that button will not wrap out
|
||||||
// the column. Applies to IE Edge+ and Firefox. Chrome does not require this.
|
// the column. Applies to IE Edge+ and Firefox. Chrome does not require this.
|
||||||
|
|
@ -23,39 +23,27 @@
|
||||||
|
|
||||||
// Bring the "active" form control to the front
|
// Bring the "active" form control to the front
|
||||||
@include hover-focus-active {
|
@include hover-focus-active {
|
||||||
z-index: 2;
|
z-index: 3;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.input-group-addon,
|
.input-group-addon,
|
||||||
.input-group-btn,
|
.input-group-btn,
|
||||||
.input-group .form-control,
|
.input-group .form-control {
|
||||||
.input-group .custom-select,
|
|
||||||
.input-group .custom-file {
|
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
&:not(:first-child):not(:last-child) {
|
&:not(:first-child):not(:last-child) {
|
||||||
@include border-radius(0);
|
@include border-radius(0);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.input-group .custom-file {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.input-group .custom-select,
|
|
||||||
.input-group .custom-file {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.input-group-addon,
|
.input-group-addon,
|
||||||
.input-group-btn {
|
.input-group-btn {
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
// Sizing options
|
// Sizing options
|
||||||
//
|
//
|
||||||
// Remix the default form control sizing classes into new ones for easier
|
// Remix the default form control sizing classes into new ones for easier
|
||||||
|
|
@ -78,26 +66,26 @@
|
||||||
//
|
//
|
||||||
|
|
||||||
.input-group-addon {
|
.input-group-addon {
|
||||||
padding: $input-padding-y $input-padding-x;
|
padding: $input-btn-padding-y $input-btn-padding-x;
|
||||||
margin-bottom: 0; // Allow use of <label> elements by overriding our default margin-bottom
|
margin-bottom: 0; // Allow use of <label> elements by overriding our default margin-bottom
|
||||||
font-size: $font-size-base; // Match inputs
|
font-size: $font-size-base; // Match inputs
|
||||||
font-weight: $font-weight-normal;
|
font-weight: $font-weight-normal;
|
||||||
line-height: $input-line-height;
|
line-height: $input-btn-line-height;
|
||||||
color: $input-group-addon-color;
|
color: $input-group-addon-color;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
background-color: $input-group-addon-bg;
|
background-color: $input-group-addon-bg;
|
||||||
border: $input-border-width solid $input-group-addon-border-color;
|
border: $input-btn-border-width solid $input-group-addon-border-color;
|
||||||
@include border-radius($input-border-radius);
|
@include border-radius($input-border-radius);
|
||||||
|
|
||||||
// Sizing
|
// Sizing
|
||||||
&.form-control-sm {
|
&.form-control-sm {
|
||||||
padding: $input-padding-y-sm $input-padding-x-sm;
|
padding: $input-btn-padding-y-sm $input-btn-padding-x-sm;
|
||||||
font-size: $font-size-sm;
|
font-size: $font-size-sm;
|
||||||
@include border-radius($input-border-radius-sm);
|
@include border-radius($input-border-radius-sm);
|
||||||
}
|
}
|
||||||
|
|
||||||
&.form-control-lg {
|
&.form-control-lg {
|
||||||
padding: $input-padding-y-lg $input-padding-x-lg;
|
padding: $input-btn-padding-y-lg $input-btn-padding-x-lg;
|
||||||
font-size: $font-size-lg;
|
font-size: $font-size-lg;
|
||||||
@include border-radius($input-border-radius-lg);
|
@include border-radius($input-border-radius-lg);
|
||||||
}
|
}
|
||||||
|
|
@ -115,8 +103,6 @@
|
||||||
//
|
//
|
||||||
|
|
||||||
.input-group .form-control:not(:last-child),
|
.input-group .form-control:not(:last-child),
|
||||||
.input-group .custom-select:not(:last-child),
|
|
||||||
.input-group .custom-file:not(:last-child) .custom-file-control::before,
|
|
||||||
.input-group-addon:not(:last-child),
|
.input-group-addon:not(:last-child),
|
||||||
.input-group-btn:not(:last-child) > .btn,
|
.input-group-btn:not(:last-child) > .btn,
|
||||||
.input-group-btn:not(:last-child) > .btn-group > .btn,
|
.input-group-btn:not(:last-child) > .btn-group > .btn,
|
||||||
|
|
@ -125,14 +111,10 @@
|
||||||
.input-group-btn:not(:first-child) > .btn-group:not(:last-child) > .btn {
|
.input-group-btn:not(:first-child) > .btn-group:not(:last-child) > .btn {
|
||||||
@include border-right-radius(0);
|
@include border-right-radius(0);
|
||||||
}
|
}
|
||||||
|
|
||||||
.input-group-addon:not(:last-child) {
|
.input-group-addon:not(:last-child) {
|
||||||
border-right: 0;
|
border-right: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.input-group .form-control:not(:first-child),
|
.input-group .form-control:not(:first-child),
|
||||||
.input-group .custom-select:not(:first-child),
|
|
||||||
.input-group .custom-file:not(:first-child) .custom-file-control,
|
|
||||||
.input-group-addon:not(:first-child),
|
.input-group-addon:not(:first-child),
|
||||||
.input-group-btn:not(:first-child) > .btn,
|
.input-group-btn:not(:first-child) > .btn,
|
||||||
.input-group-btn:not(:first-child) > .btn-group > .btn,
|
.input-group-btn:not(:first-child) > .btn-group > .btn,
|
||||||
|
|
@ -141,13 +123,8 @@
|
||||||
.input-group-btn:not(:last-child) > .btn-group:not(:first-child) > .btn {
|
.input-group-btn:not(:last-child) > .btn-group:not(:first-child) > .btn {
|
||||||
@include border-left-radius(0);
|
@include border-left-radius(0);
|
||||||
}
|
}
|
||||||
|
.form-control + .input-group-addon:not(:first-child) {
|
||||||
.form-control,
|
|
||||||
.custom-select,
|
|
||||||
.custom-file {
|
|
||||||
+ .input-group-addon:not(:first-child) {
|
|
||||||
border-left: 0;
|
border-left: 0;
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
//
|
//
|
||||||
|
|
@ -168,12 +145,12 @@
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
+ .btn {
|
+ .btn {
|
||||||
margin-left: (-$input-border-width);
|
margin-left: (-$input-btn-border-width);
|
||||||
}
|
}
|
||||||
|
|
||||||
// Bring the "active" button to the front
|
// Bring the "active" button to the front
|
||||||
@include hover-focus-active {
|
@include hover-focus-active {
|
||||||
z-index: 2;
|
z-index: 3;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -185,24 +162,24 @@
|
||||||
&:not(:last-child) {
|
&:not(:last-child) {
|
||||||
> .btn,
|
> .btn,
|
||||||
> .btn-group {
|
> .btn-group {
|
||||||
margin-right: (-$input-border-width);
|
margin-right: (-$input-btn-border-width);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
&:not(:first-child) {
|
&:not(:first-child) {
|
||||||
> .btn,
|
> .btn,
|
||||||
> .btn-group {
|
> .btn-group {
|
||||||
z-index: 1;
|
z-index: 2;
|
||||||
// remove nagative margin ($input-border-width) to solve overlapping issue with button.
|
// remove nagative margin ($input-btn-border-width) to solve overlapping issue with button.
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
|
|
||||||
// When input is first, overlap the right side of it with the button(-group)
|
// When input is first, overlap the right side of it with the button(-group)
|
||||||
&:first-child {
|
&:first-child {
|
||||||
margin-left: (-$input-border-width);
|
margin-left: (-$input-btn-border-width);
|
||||||
}
|
}
|
||||||
|
|
||||||
// Because specificity
|
// Because specificity
|
||||||
@include hover-focus-active {
|
@include hover-focus-active {
|
||||||
z-index: 2;
|
z-index: 3;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -70,7 +70,7 @@
|
||||||
|
|
||||||
// Include both here for `<a>`s and `<button>`s
|
// Include both here for `<a>`s and `<button>`s
|
||||||
&.active {
|
&.active {
|
||||||
z-index: 1; // Place active items above their siblings for proper border styling
|
z-index: 2; // Place active items above their siblings for proper border styling
|
||||||
color: $list-group-active-color;
|
color: $list-group-active-color;
|
||||||
background-color: $list-group-active-bg;
|
background-color: $list-group-active-bg;
|
||||||
border-color: $list-group-active-border-color;
|
border-color: $list-group-active-border-color;
|
||||||
|
|
@ -87,7 +87,7 @@
|
||||||
.list-group-item {
|
.list-group-item {
|
||||||
border-right: 0;
|
border-right: 0;
|
||||||
border-left: 0;
|
border-left: 0;
|
||||||
@include border-radius(0);
|
border-radius: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:first-child {
|
&:first-child {
|
||||||
|
|
|
||||||
|
|
@ -26,10 +26,16 @@
|
||||||
// gnarly iOS Safari bug: https://bugs.webkit.org/show_bug.cgi?id=158342
|
// gnarly iOS Safari bug: https://bugs.webkit.org/show_bug.cgi?id=158342
|
||||||
// See also https://github.com/twbs/bootstrap/issues/17695
|
// See also https://github.com/twbs/bootstrap/issues/17695
|
||||||
|
|
||||||
.modal-open & {
|
// When fading in the modal, animate it to slide down
|
||||||
|
&.fade .modal-dialog {
|
||||||
|
@include transition($modal-transition);
|
||||||
|
transform: translate(0, -25%);
|
||||||
|
}
|
||||||
|
&.show .modal-dialog { transform: translate(0, 0); }
|
||||||
|
}
|
||||||
|
.modal-open .modal {
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// Shell div to position the modal with bottom padding
|
// Shell div to position the modal with bottom padding
|
||||||
|
|
@ -39,23 +45,6 @@
|
||||||
margin: $modal-dialog-margin;
|
margin: $modal-dialog-margin;
|
||||||
// allow clicks to pass through for custom click handling to close modal
|
// allow clicks to pass through for custom click handling to close modal
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
|
|
||||||
// When fading in the modal, animate it to slide down
|
|
||||||
.modal.fade & {
|
|
||||||
@include transition($modal-transition);
|
|
||||||
transform: translate(0, -25%);
|
|
||||||
}
|
|
||||||
.modal.show & {
|
|
||||||
transform: translate(0, 0);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal-dialog-centered {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
height: 100%;
|
|
||||||
margin-top: 0;
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// Actual modal
|
// Actual modal
|
||||||
|
|
@ -63,7 +52,6 @@
|
||||||
position: relative;
|
position: relative;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
width: 100%; // Ensure `.modal-content` extends the full width of the parent `.modal-dialog`
|
|
||||||
// counteract the pointer-events: none; in the .modal-dialog
|
// counteract the pointer-events: none; in the .modal-dialog
|
||||||
pointer-events: auto;
|
pointer-events: auto;
|
||||||
background-color: $modal-content-bg;
|
background-color: $modal-content-bg;
|
||||||
|
|
@ -153,17 +141,11 @@
|
||||||
margin: $modal-dialog-margin-y-sm-up auto;
|
margin: $modal-dialog-margin-y-sm-up auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.modal-dialog-centered {
|
|
||||||
margin-top: 0;
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal-content {
|
.modal-content {
|
||||||
@include box-shadow($modal-content-box-shadow-sm-up);
|
@include box-shadow($modal-content-box-shadow-sm-up);
|
||||||
}
|
}
|
||||||
|
|
||||||
.modal-sm { max-width: $modal-sm; }
|
.modal-sm { max-width: $modal-sm; }
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@include media-breakpoint-up(lg) {
|
@include media-breakpoint-up(lg) {
|
||||||
|
|
|
||||||
|
|
@ -41,7 +41,7 @@
|
||||||
@include border-top-radius($nav-tabs-border-radius);
|
@include border-top-radius($nav-tabs-border-radius);
|
||||||
|
|
||||||
@include hover-focus {
|
@include hover-focus {
|
||||||
border-color: $nav-tabs-link-hover-border-color;
|
border-color: $nav-tabs-link-hover-border-color $nav-tabs-link-hover-border-color $nav-tabs-border-color;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.disabled {
|
&.disabled {
|
||||||
|
|
@ -55,7 +55,7 @@
|
||||||
.nav-item.show .nav-link {
|
.nav-item.show .nav-link {
|
||||||
color: $nav-tabs-link-active-color;
|
color: $nav-tabs-link-active-color;
|
||||||
background-color: $nav-tabs-link-active-bg;
|
background-color: $nav-tabs-link-active-bg;
|
||||||
border-color: $nav-tabs-link-active-border-color;
|
border-color: $nav-tabs-link-active-border-color $nav-tabs-link-active-border-color $nav-tabs-link-active-bg;
|
||||||
}
|
}
|
||||||
|
|
||||||
.dropdown-menu {
|
.dropdown-menu {
|
||||||
|
|
|
||||||
|
|
@ -109,7 +109,7 @@
|
||||||
padding: $navbar-toggler-padding-y $navbar-toggler-padding-x;
|
padding: $navbar-toggler-padding-y $navbar-toggler-padding-x;
|
||||||
font-size: $navbar-toggler-font-size;
|
font-size: $navbar-toggler-font-size;
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
background-color: transparent; // remove default button style
|
background: transparent; // remove default button style
|
||||||
border: $border-width solid transparent; // remove default button style
|
border: $border-width solid transparent; // remove default button style
|
||||||
@include border-radius($navbar-toggler-border-radius);
|
@include border-radius($navbar-toggler-border-radius);
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -4,6 +4,34 @@
|
||||||
@include border-radius();
|
@include border-radius();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.page-item {
|
||||||
|
&:first-child {
|
||||||
|
.page-link {
|
||||||
|
margin-left: 0;
|
||||||
|
@include border-left-radius($border-radius);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&:last-child {
|
||||||
|
.page-link {
|
||||||
|
@include border-right-radius($border-radius);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.active .page-link {
|
||||||
|
z-index: 2;
|
||||||
|
color: $pagination-active-color;
|
||||||
|
background-color: $pagination-active-bg;
|
||||||
|
border-color: $pagination-active-border-color;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.disabled .page-link {
|
||||||
|
color: $pagination-disabled-color;
|
||||||
|
pointer-events: none;
|
||||||
|
background-color: $pagination-disabled-bg;
|
||||||
|
border-color: $pagination-disabled-border-color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.page-link {
|
.page-link {
|
||||||
position: relative;
|
position: relative;
|
||||||
display: block;
|
display: block;
|
||||||
|
|
@ -22,34 +50,6 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.page-item {
|
|
||||||
&:first-child {
|
|
||||||
.page-link {
|
|
||||||
margin-left: 0;
|
|
||||||
@include border-left-radius($border-radius);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&:last-child {
|
|
||||||
.page-link {
|
|
||||||
@include border-right-radius($border-radius);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&.active .page-link {
|
|
||||||
z-index: 1;
|
|
||||||
color: $pagination-active-color;
|
|
||||||
background-color: $pagination-active-bg;
|
|
||||||
border-color: $pagination-active-border-color;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.disabled .page-link {
|
|
||||||
color: $pagination-disabled-color;
|
|
||||||
pointer-events: none;
|
|
||||||
background-color: $pagination-disabled-bg;
|
|
||||||
border-color: $pagination-disabled-border-color;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
//
|
//
|
||||||
// Sizing
|
// Sizing
|
||||||
|
|
|
||||||
|
|
@ -14,12 +14,10 @@
|
||||||
|
|
||||||
.progress-bar {
|
.progress-bar {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
color: $progress-bar-color;
|
color: $progress-bar-color;
|
||||||
text-align: center;
|
|
||||||
background-color: $progress-bar-bg;
|
background-color: $progress-bar-bg;
|
||||||
@include transition($progress-bar-transition);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.progress-bar-striped {
|
.progress-bar-striped {
|
||||||
|
|
|
||||||
|
|
@ -30,7 +30,7 @@ html {
|
||||||
-webkit-text-size-adjust: 100%; // 4
|
-webkit-text-size-adjust: 100%; // 4
|
||||||
-ms-text-size-adjust: 100%; // 4
|
-ms-text-size-adjust: 100%; // 4
|
||||||
-ms-overflow-style: scrollbar; // 5
|
-ms-overflow-style: scrollbar; // 5
|
||||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); // 6
|
-webkit-tap-highlight-color: rgba(0,0,0,0); // 6
|
||||||
}
|
}
|
||||||
|
|
||||||
// IE10+ doesn't honor `<meta name="viewport">` in some cases.
|
// IE10+ doesn't honor `<meta name="viewport">` in some cases.
|
||||||
|
|
@ -71,7 +71,7 @@ body {
|
||||||
//
|
//
|
||||||
// Credit: https://github.com/suitcss/base
|
// Credit: https://github.com/suitcss/base
|
||||||
[tabindex="-1"]:focus {
|
[tabindex="-1"]:focus {
|
||||||
outline: 0 !important;
|
outline: none !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -34,7 +34,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.arrow::before {
|
.arrow::before {
|
||||||
margin-left: -$tooltip-arrow-width;
|
margin-left: -($tooltip-arrow-width - 2);
|
||||||
content: "";
|
content: "";
|
||||||
border-width: $tooltip-arrow-width $tooltip-arrow-width 0;
|
border-width: $tooltip-arrow-width $tooltip-arrow-width 0;
|
||||||
border-top-color: $tooltip-arrow-color;
|
border-top-color: $tooltip-arrow-color;
|
||||||
|
|
@ -47,7 +47,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.arrow::before {
|
.arrow::before {
|
||||||
margin-top: -$tooltip-arrow-width;
|
margin-top: -($tooltip-arrow-width - 2);
|
||||||
content: "";
|
content: "";
|
||||||
border-width: $tooltip-arrow-width $tooltip-arrow-width $tooltip-arrow-width 0;
|
border-width: $tooltip-arrow-width $tooltip-arrow-width $tooltip-arrow-width 0;
|
||||||
border-right-color: $tooltip-arrow-color;
|
border-right-color: $tooltip-arrow-color;
|
||||||
|
|
@ -60,7 +60,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.arrow::before {
|
.arrow::before {
|
||||||
margin-left: -$tooltip-arrow-width;
|
margin-left: -($tooltip-arrow-width - 2);
|
||||||
content: "";
|
content: "";
|
||||||
border-width: 0 $tooltip-arrow-width $tooltip-arrow-width;
|
border-width: 0 $tooltip-arrow-width $tooltip-arrow-width;
|
||||||
border-bottom-color: $tooltip-arrow-color;
|
border-bottom-color: $tooltip-arrow-color;
|
||||||
|
|
@ -74,7 +74,7 @@
|
||||||
|
|
||||||
.arrow::before {
|
.arrow::before {
|
||||||
right: 0;
|
right: 0;
|
||||||
margin-top: -($tooltip-arrow-width);
|
margin-top: -($tooltip-arrow-width - 2);
|
||||||
content: "";
|
content: "";
|
||||||
border-width: $tooltip-arrow-width 0 $tooltip-arrow-width $tooltip-arrow-width;
|
border-width: $tooltip-arrow-width 0 $tooltip-arrow-width $tooltip-arrow-width;
|
||||||
border-left-color: $tooltip-arrow-color;
|
border-left-color: $tooltip-arrow-color;
|
||||||
|
|
|
||||||
|
|
@ -53,8 +53,8 @@ h6, .h6 { font-size: $h6-font-size; }
|
||||||
//
|
//
|
||||||
|
|
||||||
hr {
|
hr {
|
||||||
margin-top: $hr-margin-y;
|
margin-top: 1rem;
|
||||||
margin-bottom: $hr-margin-y;
|
margin-bottom: 1rem;
|
||||||
border: 0;
|
border: 0;
|
||||||
border-top: $hr-border-width solid $hr-border-color;
|
border-top: $hr-border-width solid $hr-border-color;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -87,10 +87,6 @@ $theme-colors: map-merge((
|
||||||
// Set a specific jump point for requesting color jumps
|
// Set a specific jump point for requesting color jumps
|
||||||
$theme-color-interval: 8% !default;
|
$theme-color-interval: 8% !default;
|
||||||
|
|
||||||
// Customize the light and dark text colors for use in our YIQ color contrast function.
|
|
||||||
$yiq-text-dark: $gray-900 !default;
|
|
||||||
$yiq-text-light: $white !default;
|
|
||||||
|
|
||||||
|
|
||||||
// Options
|
// Options
|
||||||
//
|
//
|
||||||
|
|
@ -221,7 +217,7 @@ $transition-collapse: height .35s ease !default;
|
||||||
|
|
||||||
// stylelint-disable value-keyword-case
|
// stylelint-disable value-keyword-case
|
||||||
$font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;
|
$font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;
|
||||||
$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
|
$font-family-monospace: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
|
||||||
$font-family-base: $font-family-sans-serif !default;
|
$font-family-base: $font-family-sans-serif !default;
|
||||||
// stylelint-enable value-keyword-case
|
// stylelint-enable value-keyword-case
|
||||||
|
|
||||||
|
|
@ -270,22 +266,20 @@ $text-muted: $gray-600 !default;
|
||||||
$blockquote-small-color: $gray-600 !default;
|
$blockquote-small-color: $gray-600 !default;
|
||||||
$blockquote-font-size: ($font-size-base * 1.25) !default;
|
$blockquote-font-size: ($font-size-base * 1.25) !default;
|
||||||
|
|
||||||
$hr-border-color: rgba($black, .1) !default;
|
$hr-border-color: rgba($black,.1) !default;
|
||||||
$hr-border-width: $border-width !default;
|
$hr-border-width: $border-width !default;
|
||||||
|
|
||||||
$mark-padding: .2em !default;
|
$mark-padding: .2em !default;
|
||||||
|
|
||||||
$dt-font-weight: $font-weight-bold !default;
|
$dt-font-weight: $font-weight-bold !default;
|
||||||
|
|
||||||
$kbd-box-shadow: inset 0 -.1rem 0 rgba($black, .25) !default;
|
$kbd-box-shadow: inset 0 -.1rem 0 rgba($black,.25) !default;
|
||||||
$nested-kbd-font-weight: $font-weight-bold !default;
|
$nested-kbd-font-weight: $font-weight-bold !default;
|
||||||
|
|
||||||
$list-inline-padding: .5rem !default;
|
$list-inline-padding: 5px !default;
|
||||||
|
|
||||||
$mark-bg: #fcf8e3 !default;
|
$mark-bg: #fcf8e3 !default;
|
||||||
|
|
||||||
$hr-margin-y: $spacer !default;
|
|
||||||
|
|
||||||
|
|
||||||
// Tables
|
// Tables
|
||||||
//
|
//
|
||||||
|
|
@ -295,8 +289,8 @@ $table-cell-padding: .75rem !default;
|
||||||
$table-cell-padding-sm: .3rem !default;
|
$table-cell-padding-sm: .3rem !default;
|
||||||
|
|
||||||
$table-bg: transparent !default;
|
$table-bg: transparent !default;
|
||||||
$table-accent-bg: rgba($black, .05) !default;
|
$table-accent-bg: rgba($black,.05) !default;
|
||||||
$table-hover-bg: rgba($black, .075) !default;
|
$table-hover-bg: rgba($black,.075) !default;
|
||||||
$table-active-bg: $table-hover-bg !default;
|
$table-active-bg: $table-hover-bg !default;
|
||||||
|
|
||||||
$table-border-width: $border-width !default;
|
$table-border-width: $border-width !default;
|
||||||
|
|
@ -312,9 +306,9 @@ $table-dark-border-color: lighten($gray-900, 7.5%) !default;
|
||||||
$table-dark-color: $body-bg !default;
|
$table-dark-color: $body-bg !default;
|
||||||
|
|
||||||
|
|
||||||
// Buttons + Forms
|
// Buttons
|
||||||
//
|
//
|
||||||
// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.
|
// For each of Bootstrap's buttons, define text, background and border color.
|
||||||
|
|
||||||
$input-btn-padding-y: .375rem !default;
|
$input-btn-padding-y: .375rem !default;
|
||||||
$input-btn-padding-x: .75rem !default;
|
$input-btn-padding-x: .75rem !default;
|
||||||
|
|
@ -332,33 +326,9 @@ $input-btn-padding-y-lg: .5rem !default;
|
||||||
$input-btn-padding-x-lg: 1rem !default;
|
$input-btn-padding-x-lg: 1rem !default;
|
||||||
$input-btn-line-height-lg: $line-height-lg !default;
|
$input-btn-line-height-lg: $line-height-lg !default;
|
||||||
|
|
||||||
$input-btn-border-width: $border-width !default;
|
|
||||||
|
|
||||||
|
|
||||||
// Buttons
|
|
||||||
//
|
|
||||||
// For each of Bootstrap's buttons, define text, background, and border color.
|
|
||||||
|
|
||||||
$btn-padding-y: $input-btn-padding-y !default;
|
|
||||||
$btn-padding-x: $input-btn-padding-x !default;
|
|
||||||
$btn-line-height: $input-btn-line-height !default;
|
|
||||||
|
|
||||||
$btn-padding-y-sm: $input-btn-padding-y-sm !default;
|
|
||||||
$btn-padding-x-sm: $input-btn-padding-x-sm !default;
|
|
||||||
$btn-line-height-sm: $input-btn-line-height-sm !default;
|
|
||||||
|
|
||||||
$btn-padding-y-lg: $input-btn-padding-y-lg !default;
|
|
||||||
$btn-padding-x-lg: $input-btn-padding-x-lg !default;
|
|
||||||
$btn-line-height-lg: $input-btn-line-height-lg !default;
|
|
||||||
|
|
||||||
$btn-border-width: $input-btn-border-width !default;
|
|
||||||
|
|
||||||
$btn-font-weight: $font-weight-normal !default;
|
$btn-font-weight: $font-weight-normal !default;
|
||||||
$btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;
|
$btn-box-shadow: inset 0 1px 0 rgba($white,.15), 0 1px 1px rgba($black,.075) !default;
|
||||||
$btn-focus-width: $input-btn-focus-width !default;
|
$btn-active-box-shadow: inset 0 3px 5px rgba($black,.125) !default;
|
||||||
$btn-focus-box-shadow: $input-btn-focus-box-shadow !default;
|
|
||||||
$btn-disabled-opacity: .65 !default;
|
|
||||||
$btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default;
|
|
||||||
|
|
||||||
$btn-link-disabled-color: $gray-600 !default;
|
$btn-link-disabled-color: $gray-600 !default;
|
||||||
|
|
||||||
|
|
@ -369,30 +339,18 @@ $btn-border-radius: $border-radius !default;
|
||||||
$btn-border-radius-lg: $border-radius-lg !default;
|
$btn-border-radius-lg: $border-radius-lg !default;
|
||||||
$btn-border-radius-sm: $border-radius-sm !default;
|
$btn-border-radius-sm: $border-radius-sm !default;
|
||||||
|
|
||||||
$btn-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;
|
$btn-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;
|
||||||
|
|
||||||
|
|
||||||
// Forms
|
// Forms
|
||||||
|
|
||||||
$input-padding-y: $input-btn-padding-y !default;
|
|
||||||
$input-padding-x: $input-btn-padding-x !default;
|
|
||||||
$input-line-height: $input-btn-line-height !default;
|
|
||||||
|
|
||||||
$input-padding-y-sm: $input-btn-padding-y-sm !default;
|
|
||||||
$input-padding-x-sm: $input-btn-padding-x-sm !default;
|
|
||||||
$input-line-height-sm: $input-btn-line-height-sm !default;
|
|
||||||
|
|
||||||
$input-padding-y-lg: $input-btn-padding-y-lg !default;
|
|
||||||
$input-padding-x-lg: $input-btn-padding-x-lg !default;
|
|
||||||
$input-line-height-lg: $input-btn-line-height-lg !default;
|
|
||||||
|
|
||||||
$input-bg: $white !default;
|
$input-bg: $white !default;
|
||||||
$input-disabled-bg: $gray-200 !default;
|
$input-disabled-bg: $gray-200 !default;
|
||||||
|
|
||||||
$input-color: $gray-700 !default;
|
$input-color: $gray-700 !default;
|
||||||
$input-border-color: $gray-400 !default;
|
$input-border-color: $gray-400 !default;
|
||||||
$input-border-width: $input-btn-border-width !default;
|
$input-btn-border-width: $border-width !default; // For form controls and buttons
|
||||||
$input-box-shadow: inset 0 1px 1px rgba($black, .075) !default;
|
$input-box-shadow: inset 0 1px 1px rgba($black,.075) !default;
|
||||||
|
|
||||||
$input-border-radius: $border-radius !default;
|
$input-border-radius: $border-radius !default;
|
||||||
$input-border-radius-lg: $border-radius-lg !default;
|
$input-border-radius-lg: $border-radius-lg !default;
|
||||||
|
|
@ -401,8 +359,6 @@ $input-border-radius-sm: $border-radius-sm !default;
|
||||||
$input-focus-bg: $input-bg !default;
|
$input-focus-bg: $input-bg !default;
|
||||||
$input-focus-border-color: lighten(theme-color("primary"), 25%) !default;
|
$input-focus-border-color: lighten(theme-color("primary"), 25%) !default;
|
||||||
$input-focus-color: $input-color !default;
|
$input-focus-color: $input-color !default;
|
||||||
$input-focus-width: $input-btn-focus-width !default;
|
|
||||||
$input-focus-box-shadow: $input-btn-focus-box-shadow !default;
|
|
||||||
|
|
||||||
$input-placeholder-color: $gray-600 !default;
|
$input-placeholder-color: $gray-600 !default;
|
||||||
|
|
||||||
|
|
@ -417,7 +373,7 @@ $input-height-sm: calc(#{$input-height-inner-sm} + #{$inpu
|
||||||
$input-height-inner-lg: ($font-size-lg * $input-btn-line-height-lg) + ($input-btn-padding-y-lg * 2) !default;
|
$input-height-inner-lg: ($font-size-lg * $input-btn-line-height-lg) + ($input-btn-padding-y-lg * 2) !default;
|
||||||
$input-height-lg: calc(#{$input-height-inner-lg} + #{$input-height-border}) !default;
|
$input-height-lg: calc(#{$input-height-inner-lg} + #{$input-height-border}) !default;
|
||||||
|
|
||||||
$input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;
|
$input-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !default;
|
||||||
|
|
||||||
$form-text-margin-top: .25rem !default;
|
$form-text-margin-top: .25rem !default;
|
||||||
|
|
||||||
|
|
@ -439,9 +395,9 @@ $custom-control-spacer-y: .25rem !default;
|
||||||
$custom-control-spacer-x: 1rem !default;
|
$custom-control-spacer-x: 1rem !default;
|
||||||
|
|
||||||
$custom-control-indicator-size: 1rem !default;
|
$custom-control-indicator-size: 1rem !default;
|
||||||
$custom-control-indicator-bg: $gray-300 !default;
|
$custom-control-indicator-bg: #ddd !default;
|
||||||
$custom-control-indicator-bg-size: 50% 50% !default;
|
$custom-control-indicator-bg-size: 50% 50% !default;
|
||||||
$custom-control-indicator-box-shadow: inset 0 .25rem .25rem rgba($black, .1) !default;
|
$custom-control-indicator-box-shadow: inset 0 .25rem .25rem rgba($black,.1) !default;
|
||||||
|
|
||||||
$custom-control-indicator-disabled-bg: $gray-200 !default;
|
$custom-control-indicator-disabled-bg: $gray-200 !default;
|
||||||
$custom-control-description-disabled-color: $gray-600 !default;
|
$custom-control-description-disabled-color: $gray-600 !default;
|
||||||
|
|
@ -477,7 +433,7 @@ $custom-select-disabled-color: $gray-600 !default;
|
||||||
$custom-select-bg: $white !default;
|
$custom-select-bg: $white !default;
|
||||||
$custom-select-disabled-bg: $gray-200 !default;
|
$custom-select-disabled-bg: $gray-200 !default;
|
||||||
$custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions
|
$custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions
|
||||||
$custom-select-indicator-color: $gray-800 !default;
|
$custom-select-indicator-color: #333 !default;
|
||||||
$custom-select-indicator: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E"), "#", "%23") !default;
|
$custom-select-indicator: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E"), "#", "%23") !default;
|
||||||
$custom-select-border-width: $input-btn-border-width !default;
|
$custom-select-border-width: $input-btn-border-width !default;
|
||||||
$custom-select-border-color: $input-border-color !default;
|
$custom-select-border-color: $input-border-color !default;
|
||||||
|
|
@ -527,11 +483,10 @@ $dropdown-min-width: 10rem !default;
|
||||||
$dropdown-padding-y: .5rem !default;
|
$dropdown-padding-y: .5rem !default;
|
||||||
$dropdown-spacer: .125rem !default;
|
$dropdown-spacer: .125rem !default;
|
||||||
$dropdown-bg: $white !default;
|
$dropdown-bg: $white !default;
|
||||||
$dropdown-border-color: rgba($black, .15) !default;
|
$dropdown-border-color: rgba($black,.15) !default;
|
||||||
$dropdown-border-radius: $border-radius !default;
|
|
||||||
$dropdown-border-width: $border-width !default;
|
$dropdown-border-width: $border-width !default;
|
||||||
$dropdown-divider-bg: $gray-200 !default;
|
$dropdown-divider-bg: $gray-200 !default;
|
||||||
$dropdown-box-shadow: 0 .5rem 1rem rgba($black, .175) !default;
|
$dropdown-box-shadow: 0 .5rem 1rem rgba($black,.175) !default;
|
||||||
|
|
||||||
$dropdown-link-color: $gray-900 !default;
|
$dropdown-link-color: $gray-900 !default;
|
||||||
$dropdown-link-hover-color: darken($gray-900, 5%) !default;
|
$dropdown-link-hover-color: darken($gray-900, 5%) !default;
|
||||||
|
|
@ -567,13 +522,13 @@ $nav-link-padding-y: .5rem !default;
|
||||||
$nav-link-padding-x: 1rem !default;
|
$nav-link-padding-x: 1rem !default;
|
||||||
$nav-link-disabled-color: $gray-600 !default;
|
$nav-link-disabled-color: $gray-600 !default;
|
||||||
|
|
||||||
$nav-tabs-border-color: $gray-300 !default;
|
$nav-tabs-border-color: #ddd !default;
|
||||||
$nav-tabs-border-width: $border-width !default;
|
$nav-tabs-border-width: $border-width !default;
|
||||||
$nav-tabs-border-radius: $border-radius !default;
|
$nav-tabs-border-radius: $border-radius !default;
|
||||||
$nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default;
|
$nav-tabs-link-hover-border-color: $gray-200 !default;
|
||||||
$nav-tabs-link-active-color: $gray-700 !default;
|
$nav-tabs-link-active-color: $gray-700 !default;
|
||||||
$nav-tabs-link-active-bg: $body-bg !default;
|
$nav-tabs-link-active-bg: $body-bg !default;
|
||||||
$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;
|
$nav-tabs-link-active-border-color: #ddd !default;
|
||||||
|
|
||||||
$nav-pills-border-radius: $border-radius !default;
|
$nav-pills-border-radius: $border-radius !default;
|
||||||
$nav-pills-link-active-color: $component-active-color !default;
|
$nav-pills-link-active-color: $component-active-color !default;
|
||||||
|
|
@ -595,19 +550,19 @@ $navbar-toggler-padding-x: .75rem !default;
|
||||||
$navbar-toggler-font-size: $font-size-lg !default;
|
$navbar-toggler-font-size: $font-size-lg !default;
|
||||||
$navbar-toggler-border-radius: $btn-border-radius !default;
|
$navbar-toggler-border-radius: $btn-border-radius !default;
|
||||||
|
|
||||||
$navbar-dark-color: rgba($white, .5) !default;
|
$navbar-dark-color: rgba($white,.5) !default;
|
||||||
$navbar-dark-hover-color: rgba($white, .75) !default;
|
$navbar-dark-hover-color: rgba($white,.75) !default;
|
||||||
$navbar-dark-active-color: $white !default;
|
$navbar-dark-active-color: $white !default;
|
||||||
$navbar-dark-disabled-color: rgba($white, .25) !default;
|
$navbar-dark-disabled-color: rgba($white,.25) !default;
|
||||||
$navbar-dark-toggler-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-dark-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default;
|
$navbar-dark-toggler-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-dark-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default;
|
||||||
$navbar-dark-toggler-border-color: rgba($white, .1) !default;
|
$navbar-dark-toggler-border-color: rgba($white,.1) !default;
|
||||||
|
|
||||||
$navbar-light-color: rgba($black, .5) !default;
|
$navbar-light-color: rgba($black,.5) !default;
|
||||||
$navbar-light-hover-color: rgba($black, .7) !default;
|
$navbar-light-hover-color: rgba($black,.7) !default;
|
||||||
$navbar-light-active-color: rgba($black, .9) !default;
|
$navbar-light-active-color: rgba($black,.9) !default;
|
||||||
$navbar-light-disabled-color: rgba($black, .3) !default;
|
$navbar-light-disabled-color: rgba($black,.3) !default;
|
||||||
$navbar-light-toggler-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default;
|
$navbar-light-toggler-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default;
|
||||||
$navbar-light-toggler-border-color: rgba($black, .1) !default;
|
$navbar-light-toggler-border-color: rgba($black,.1) !default;
|
||||||
|
|
||||||
// Pagination
|
// Pagination
|
||||||
|
|
||||||
|
|
@ -622,11 +577,11 @@ $pagination-line-height: 1.25 !default;
|
||||||
$pagination-color: $link-color !default;
|
$pagination-color: $link-color !default;
|
||||||
$pagination-bg: $white !default;
|
$pagination-bg: $white !default;
|
||||||
$pagination-border-width: $border-width !default;
|
$pagination-border-width: $border-width !default;
|
||||||
$pagination-border-color: $gray-300 !default;
|
$pagination-border-color: #ddd !default;
|
||||||
|
|
||||||
$pagination-hover-color: $link-hover-color !default;
|
$pagination-hover-color: $link-hover-color !default;
|
||||||
$pagination-hover-bg: $gray-200 !default;
|
$pagination-hover-bg: $gray-200 !default;
|
||||||
$pagination-hover-border-color: $gray-300 !default;
|
$pagination-hover-border-color: #ddd !default;
|
||||||
|
|
||||||
$pagination-active-color: $white !default;
|
$pagination-active-color: $white !default;
|
||||||
$pagination-active-bg: theme-color("primary") !default;
|
$pagination-active-bg: theme-color("primary") !default;
|
||||||
|
|
@ -634,7 +589,7 @@ $pagination-active-border-color: theme-color("primary") !default;
|
||||||
|
|
||||||
$pagination-disabled-color: $gray-600 !default;
|
$pagination-disabled-color: $gray-600 !default;
|
||||||
$pagination-disabled-bg: $white !default;
|
$pagination-disabled-bg: $white !default;
|
||||||
$pagination-disabled-border-color: $gray-300 !default;
|
$pagination-disabled-border-color: #ddd !default;
|
||||||
|
|
||||||
|
|
||||||
// Jumbotron
|
// Jumbotron
|
||||||
|
|
@ -649,7 +604,7 @@ $card-spacer-y: .75rem !default;
|
||||||
$card-spacer-x: 1.25rem !default;
|
$card-spacer-x: 1.25rem !default;
|
||||||
$card-border-width: $border-width !default;
|
$card-border-width: $border-width !default;
|
||||||
$card-border-radius: $border-radius !default;
|
$card-border-radius: $border-radius !default;
|
||||||
$card-border-color: rgba($black, .125) !default;
|
$card-border-color: rgba($black,.125) !default;
|
||||||
$card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default;
|
$card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default;
|
||||||
$card-cap-bg: rgba($black, .03) !default;
|
$card-cap-bg: rgba($black, .03) !default;
|
||||||
$card-bg: $white !default;
|
$card-bg: $white !default;
|
||||||
|
|
@ -670,12 +625,13 @@ $tooltip-max-width: 200px !default;
|
||||||
$tooltip-color: $white !default;
|
$tooltip-color: $white !default;
|
||||||
$tooltip-bg: $black !default;
|
$tooltip-bg: $black !default;
|
||||||
$tooltip-opacity: .9 !default;
|
$tooltip-opacity: .9 !default;
|
||||||
$tooltip-padding-y: .25rem !default;
|
$tooltip-padding-y: 3px !default;
|
||||||
$tooltip-padding-x: .5rem !default;
|
$tooltip-padding-x: 8px !default;
|
||||||
$tooltip-margin: 0 !default;
|
$tooltip-margin: 0 !default;
|
||||||
|
|
||||||
$tooltip-arrow-width: .4rem !default;
|
|
||||||
$tooltip-arrow-height: $tooltip-arrow-width !default;
|
$tooltip-arrow-width: 5px !default;
|
||||||
|
$tooltip-arrow-height: 5px !default;
|
||||||
$tooltip-arrow-color: $tooltip-bg !default;
|
$tooltip-arrow-color: $tooltip-bg !default;
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -684,8 +640,8 @@ $tooltip-arrow-color: $tooltip-bg !default;
|
||||||
$popover-bg: $white !default;
|
$popover-bg: $white !default;
|
||||||
$popover-max-width: 276px !default;
|
$popover-max-width: 276px !default;
|
||||||
$popover-border-width: $border-width !default;
|
$popover-border-width: $border-width !default;
|
||||||
$popover-border-color: rgba($black, .2) !default;
|
$popover-border-color: rgba($black,.2) !default;
|
||||||
$popover-box-shadow: 0 .25rem .5rem rgba($black, .2) !default;
|
$popover-box-shadow: 0 .25rem .5rem rgba($black,.2) !default;
|
||||||
|
|
||||||
$popover-header-bg: darken($popover-bg, 3%) !default;
|
$popover-header-bg: darken($popover-bg, 3%) !default;
|
||||||
$popover-header-color: $headings-color !default;
|
$popover-header-color: $headings-color !default;
|
||||||
|
|
@ -720,18 +676,18 @@ $badge-pill-border-radius: 10rem !default;
|
||||||
// Modals
|
// Modals
|
||||||
|
|
||||||
// Padding applied to the modal body
|
// Padding applied to the modal body
|
||||||
$modal-inner-padding: 1rem !default;
|
$modal-inner-padding: 15px !default;
|
||||||
|
|
||||||
$modal-dialog-margin: .5rem !default;
|
$modal-dialog-margin: 10px !default;
|
||||||
$modal-dialog-margin-y-sm-up: 1.75rem !default;
|
$modal-dialog-margin-y-sm-up: 30px !default;
|
||||||
|
|
||||||
$modal-title-line-height: $line-height-base !default;
|
$modal-title-line-height: $line-height-base !default;
|
||||||
|
|
||||||
$modal-content-bg: $white !default;
|
$modal-content-bg: $white !default;
|
||||||
$modal-content-border-color: rgba($black, .2) !default;
|
$modal-content-border-color: rgba($black,.2) !default;
|
||||||
$modal-content-border-width: $border-width !default;
|
$modal-content-border-width: $border-width !default;
|
||||||
$modal-content-box-shadow-xs: 0 .25rem .5rem rgba($black, .5) !default;
|
$modal-content-box-shadow-xs: 0 3px 9px rgba($black,.5) !default;
|
||||||
$modal-content-box-shadow-sm-up: 0 .5rem 1rem rgba($black, .5) !default;
|
$modal-content-box-shadow-sm-up: 0 5px 15px rgba($black,.5) !default;
|
||||||
|
|
||||||
$modal-backdrop-bg: $black !default;
|
$modal-backdrop-bg: $black !default;
|
||||||
$modal-backdrop-opacity: .5 !default;
|
$modal-backdrop-opacity: .5 !default;
|
||||||
|
|
@ -739,7 +695,7 @@ $modal-header-border-color: $gray-200 !default;
|
||||||
$modal-footer-border-color: $modal-header-border-color !default;
|
$modal-footer-border-color: $modal-header-border-color !default;
|
||||||
$modal-header-border-width: $modal-content-border-width !default;
|
$modal-header-border-width: $modal-content-border-width !default;
|
||||||
$modal-footer-border-width: $modal-header-border-width !default;
|
$modal-footer-border-width: $modal-header-border-width !default;
|
||||||
$modal-header-padding: 1rem !default;
|
$modal-header-padding: 15px !default;
|
||||||
|
|
||||||
$modal-lg: 800px !default;
|
$modal-lg: 800px !default;
|
||||||
$modal-md: 500px !default;
|
$modal-md: 500px !default;
|
||||||
|
|
@ -766,7 +722,7 @@ $progress-height: 1rem !default;
|
||||||
$progress-font-size: ($font-size-base * .75) !default;
|
$progress-font-size: ($font-size-base * .75) !default;
|
||||||
$progress-bg: $gray-200 !default;
|
$progress-bg: $gray-200 !default;
|
||||||
$progress-border-radius: $border-radius !default;
|
$progress-border-radius: $border-radius !default;
|
||||||
$progress-box-shadow: inset 0 .1rem .1rem rgba($black, .1) !default;
|
$progress-box-shadow: inset 0 .1rem .1rem rgba($black,.1) !default;
|
||||||
$progress-bar-color: $white !default;
|
$progress-bar-color: $white !default;
|
||||||
$progress-bar-bg: theme-color("primary") !default;
|
$progress-bar-bg: theme-color("primary") !default;
|
||||||
$progress-bar-animation-timing: 1s linear infinite !default;
|
$progress-bar-animation-timing: 1s linear infinite !default;
|
||||||
|
|
@ -775,7 +731,7 @@ $progress-bar-transition: width .6s ease !default;
|
||||||
// List group
|
// List group
|
||||||
|
|
||||||
$list-group-bg: $white !default;
|
$list-group-bg: $white !default;
|
||||||
$list-group-border-color: rgba($black, .125) !default;
|
$list-group-border-color: rgba($black,.125) !default;
|
||||||
$list-group-border-width: $border-width !default;
|
$list-group-border-width: $border-width !default;
|
||||||
$list-group-border-radius: $border-radius !default;
|
$list-group-border-radius: $border-radius !default;
|
||||||
|
|
||||||
|
|
@ -802,9 +758,10 @@ $list-group-action-active-bg: $gray-200 !default;
|
||||||
$thumbnail-padding: .25rem !default;
|
$thumbnail-padding: .25rem !default;
|
||||||
$thumbnail-bg: $body-bg !default;
|
$thumbnail-bg: $body-bg !default;
|
||||||
$thumbnail-border-width: $border-width !default;
|
$thumbnail-border-width: $border-width !default;
|
||||||
$thumbnail-border-color: $gray-300 !default;
|
$thumbnail-border-color: #ddd !default;
|
||||||
$thumbnail-border-radius: $border-radius !default;
|
$thumbnail-border-radius: $border-radius !default;
|
||||||
$thumbnail-box-shadow: 0 1px 2px rgba($black, .075) !default;
|
$thumbnail-box-shadow: 0 1px 2px rgba($black,.075) !default;
|
||||||
|
$thumbnail-transition: all .2s ease-in-out !default;
|
||||||
|
|
||||||
|
|
||||||
// Figures
|
// Figures
|
||||||
|
|
|
||||||
|
|
@ -19,9 +19,9 @@
|
||||||
&.focus {
|
&.focus {
|
||||||
// Avoid using mixin so we can pass custom focus shadow properly
|
// Avoid using mixin so we can pass custom focus shadow properly
|
||||||
@if $enable-shadows {
|
@if $enable-shadows {
|
||||||
box-shadow: $btn-box-shadow, 0 0 0 $btn-focus-width rgba($border, .5);
|
box-shadow: $btn-box-shadow, 0 0 0 $input-btn-focus-width rgba($border, .5);
|
||||||
} @else {
|
} @else {
|
||||||
box-shadow: 0 0 0 $btn-focus-width rgba($border, .5);
|
box-shadow: 0 0 0 $input-btn-focus-width rgba($border, .5);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -44,9 +44,9 @@
|
||||||
|
|
||||||
// Avoid using mixin so we can pass custom focus shadow properly
|
// Avoid using mixin so we can pass custom focus shadow properly
|
||||||
@if $enable-shadows {
|
@if $enable-shadows {
|
||||||
box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($border, .5);
|
box-shadow: $btn-active-box-shadow, 0 0 0 $input-btn-focus-width rgba($border, .5);
|
||||||
} @else {
|
} @else {
|
||||||
box-shadow: 0 0 0 $btn-focus-width rgba($border, .5);
|
box-shadow: 0 0 0 $input-btn-focus-width rgba($border, .5);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -65,7 +65,7 @@
|
||||||
|
|
||||||
&:focus,
|
&:focus,
|
||||||
&.focus {
|
&.focus {
|
||||||
box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);
|
box-shadow: 0 0 0 $input-btn-focus-width rgba($color, .5);
|
||||||
}
|
}
|
||||||
|
|
||||||
&.disabled,
|
&.disabled,
|
||||||
|
|
@ -81,7 +81,7 @@
|
||||||
background-color: $color;
|
background-color: $color;
|
||||||
border-color: $color;
|
border-color: $color;
|
||||||
// Avoid using mixin so we can pass custom focus shadow properly
|
// Avoid using mixin so we can pass custom focus shadow properly
|
||||||
box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);
|
box-shadow: 0 0 0 $input-btn-focus-width rgba($color, .5);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -90,10 +90,5 @@
|
||||||
padding: $padding-y $padding-x;
|
padding: $padding-y $padding-x;
|
||||||
font-size: $font-size;
|
font-size: $font-size;
|
||||||
line-height: $line-height;
|
line-height: $line-height;
|
||||||
// Manually declare to provide an override to the browser default
|
@include border-radius($border-radius);
|
||||||
@if $enable-rounded {
|
|
||||||
border-radius: $border-radius;
|
|
||||||
} @else {
|
|
||||||
border-radius: 0;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -12,18 +12,6 @@
|
||||||
border-left: $caret-width solid transparent;
|
border-left: $caret-width solid transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
@mixin caret-right {
|
|
||||||
border-top: $caret-width solid transparent;
|
|
||||||
border-bottom: $caret-width solid transparent;
|
|
||||||
border-left: $caret-width solid;
|
|
||||||
}
|
|
||||||
|
|
||||||
@mixin caret-left {
|
|
||||||
border-top: $caret-width solid transparent;
|
|
||||||
border-right: $caret-width solid;
|
|
||||||
border-bottom: $caret-width solid transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
@mixin caret($direction: down) {
|
@mixin caret($direction: down) {
|
||||||
@if $enable-caret {
|
@if $enable-caret {
|
||||||
&::after {
|
&::after {
|
||||||
|
|
@ -37,24 +25,6 @@
|
||||||
@include caret-down;
|
@include caret-down;
|
||||||
} @else if $direction == up {
|
} @else if $direction == up {
|
||||||
@include caret-up;
|
@include caret-up;
|
||||||
} @else if $direction == right {
|
|
||||||
@include caret-right;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@if $direction == left {
|
|
||||||
&::after {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
&::before {
|
|
||||||
display: inline-block;
|
|
||||||
width: 0;
|
|
||||||
height: 0;
|
|
||||||
margin-right: $caret-width * .85;
|
|
||||||
vertical-align: $caret-width * .85;
|
|
||||||
content: "";
|
|
||||||
@include caret-left;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -15,12 +15,12 @@
|
||||||
color: $input-focus-color;
|
color: $input-focus-color;
|
||||||
background-color: $input-focus-bg;
|
background-color: $input-focus-bg;
|
||||||
border-color: $input-focus-border-color;
|
border-color: $input-focus-border-color;
|
||||||
outline: 0;
|
outline: none;
|
||||||
// Avoid using mixin so we can pass custom focus shadow properly
|
// Avoid using mixin so we can pass custom focus shadow properly
|
||||||
@if $enable-shadows {
|
@if $enable-shadows {
|
||||||
box-shadow: $input-box-shadow, $input-focus-box-shadow;
|
box-shadow: $input-box-shadow, $input-btn-focus-box-shadow;
|
||||||
} @else {
|
} @else {
|
||||||
box-shadow: $input-focus-box-shadow;
|
box-shadow: $input-btn-focus-box-shadow;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -46,7 +46,7 @@
|
||||||
font-size: .875rem;
|
font-size: .875rem;
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background-color: rgba($color, .8);
|
background-color: rgba($color,.8);
|
||||||
border-radius: .2rem;
|
border-radius: .2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -57,8 +57,7 @@
|
||||||
border-color: $color;
|
border-color: $color;
|
||||||
|
|
||||||
&:focus {
|
&:focus {
|
||||||
border-color: $color;
|
box-shadow: 0 0 0 .2rem rgba($color,.25);
|
||||||
box-shadow: 0 0 0 $input-focus-width rgba($color, .25);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
~ .#{$state}-feedback,
|
~ .#{$state}-feedback,
|
||||||
|
|
@ -84,16 +83,11 @@
|
||||||
.was-validated &:#{$state},
|
.was-validated &:#{$state},
|
||||||
&.is-#{$state} {
|
&.is-#{$state} {
|
||||||
~ .custom-control-indicator {
|
~ .custom-control-indicator {
|
||||||
background-color: rgba($color, .4);
|
background-color: rgba($color, .25);
|
||||||
}
|
}
|
||||||
~ .custom-control-description {
|
~ .custom-control-description {
|
||||||
color: $color;
|
color: $color;
|
||||||
}
|
}
|
||||||
&:focus {
|
|
||||||
~ .custom-control-indicator {
|
|
||||||
box-shadow: 0 0 0 1px $body-bg, 0 0 0 $input-focus-width rgba($color, .25);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -107,9 +101,7 @@
|
||||||
&::before { border-color: inherit; }
|
&::before { border-color: inherit; }
|
||||||
}
|
}
|
||||||
&:focus {
|
&:focus {
|
||||||
~ .custom-file-control {
|
box-shadow: 0 0 0 .2rem rgba($color,.25);
|
||||||
box-shadow: 0 0 0 $input-focus-width rgba($color, .25);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,7 @@
|
||||||
height: 1px;
|
height: 1px;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
clip: rect(0, 0, 0, 0);
|
clip: rect(0,0,0,0);
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
clip-path: inset(50%);
|
clip-path: inset(50%);
|
||||||
border: 0;
|
border: 0;
|
||||||
|
|
|
||||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue