Welcome to mirror list, hosted at ThFree Co, Russian Federation.

github.com/twbs/bootstrap.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorMark Otto <markdotto@gmail.com>2017-06-15 06:44:32 +0300
committerMark Otto <markdotto@gmail.com>2017-06-15 06:44:32 +0300
commit2e798301ca15ed45c86283371d4c5a37510f945d (patch)
treeccb2c4c91d089026a8b695c812a19a7994663b4e /dist/css/bootstrap.css
parentd7302c221aa5688edb6323d754a4b7dd508759e3 (diff)
build
Diffstat (limited to 'dist/css/bootstrap.css')
-rw-r--r--dist/css/bootstrap.css236
1 files changed, 145 insertions, 91 deletions
diff --git a/dist/css/bootstrap.css b/dist/css/bootstrap.css
index 2c0d18145a..a204099bc1 100644
--- a/dist/css/bootstrap.css
+++ b/dist/css/bootstrap.css
@@ -2156,7 +2156,7 @@ pre code {
.form-control {
display: block;
width: 100%;
- padding: 0.5rem 1rem;
+ padding: 0.5rem 0.75rem;
font-size: 1rem;
line-height: 1.25;
color: #464a4c;
@@ -2249,7 +2249,7 @@ select.form-control:focus::-ms-value {
font-size: 1rem;
}
-.form-control-static {
+.form-control-plaintext {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
margin-bottom: 0;
@@ -2258,11 +2258,11 @@ select.form-control:focus::-ms-value {
border-width: 1px 0;
}
-.form-control-static.form-control-sm, .input-group-sm > .form-control-static.form-control,
-.input-group-sm > .form-control-static.input-group-addon,
-.input-group-sm > .input-group-btn > .form-control-static.btn, .form-control-static.form-control-lg, .input-group-lg > .form-control-static.form-control,
-.input-group-lg > .form-control-static.input-group-addon,
-.input-group-lg > .input-group-btn > .form-control-static.btn {
+.form-control-plaintext.form-control-sm, .input-group-sm > .form-control-plaintext.form-control,
+.input-group-sm > .form-control-plaintext.input-group-addon,
+.input-group-sm > .input-group-btn > .form-control-plaintext.btn, .form-control-plaintext.form-control-lg, .input-group-lg > .form-control-plaintext.form-control,
+.input-group-lg > .form-control-plaintext.input-group-addon,
+.input-group-lg > .input-group-btn > .form-control-plaintext.btn {
padding-right: 0;
padding-left: 0;
}
@@ -2294,7 +2294,7 @@ select.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.for
select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]),
.input-group-lg > select.input-group-addon:not([size]):not([multiple]),
.input-group-lg > .input-group-btn > select.btn:not([size]):not([multiple]) {
- height: calc(2.875rem + 2px);
+ height: calc(2.3125rem + 2px);
}
.form-group {
@@ -2306,6 +2306,24 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for
margin-top: 0.25rem;
}
+.form-row {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ margin-right: -5px;
+ margin-left: -5px;
+}
+
+.form-row > .col,
+.form-row > [class*="col-"] {
+ padding-right: 5px;
+ padding-left: 5px;
+}
+
.form-check {
position: relative;
display: block;
@@ -2343,90 +2361,124 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for
margin-left: 0.75rem;
}
-.form-control-feedback {
- margin-top: 0.25rem;
+.invalid-feedback {
+ display: none;
+ margin-top: .25rem;
+ font-size: .875rem;
+ color: #d9534f;
}
-.form-control-success,
-.form-control-warning,
-.form-control-danger {
- padding-right: 3rem;
- background-repeat: no-repeat;
- background-position: center right 0.5625rem;
- -webkit-background-size: 1.125rem 1.125rem;
- background-size: 1.125rem 1.125rem;
+.invalid-tooltip {
+ position: absolute;
+ top: 100%;
+ z-index: 5;
+ display: none;
+ width: 250px;
+ padding: .5rem;
+ margin-top: .1rem;
+ font-size: .875rem;
+ line-height: 1;
+ color: #fff;
+ background-color: rgba(217, 83, 79, 0.8);
+ border-radius: .2rem;
+}
+
+.was-validated .form-control:valid, .form-control.is-valid, .was-validated
+.custom-select:valid,
+.custom-select.is-valid {
+ border-color: #5cb85c;
+}
+
+.was-validated .form-control:valid:focus, .form-control.is-valid:focus, .was-validated
+.custom-select:valid:focus,
+.custom-select.is-valid:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(92, 184, 92, 0.25);
+ box-shadow: 0 0 0 0.2rem rgba(92, 184, 92, 0.25);
+}
+
+.was-validated .form-control:valid ~ .invalid-feedback,
+.was-validated .form-control:valid ~ .invalid-tooltip, .form-control.is-valid ~ .invalid-feedback,
+.form-control.is-valid ~ .invalid-tooltip, .was-validated
+.custom-select:valid ~ .invalid-feedback,
+.was-validated
+.custom-select:valid ~ .invalid-tooltip,
+.custom-select.is-valid ~ .invalid-feedback,
+.custom-select.is-valid ~ .invalid-tooltip {
+ display: block;
}
-.has-success .form-control-feedback,
-.has-success .form-control-label,
-.has-success .col-form-label,
-.has-success .form-check-label,
-.has-success .custom-control {
+.was-validated .form-check-input:valid + .form-check-label, .form-check-input.is-valid + .form-check-label {
color: #5cb85c;
}
-.has-success .form-control,
-.has-success .custom-select,
-.has-success .custom-file-control {
- border-color: #5cb85c;
+.was-validated .custom-control-input:valid ~ .custom-control-indicator, .custom-control-input.is-valid ~ .custom-control-indicator {
+ background-color: rgba(92, 184, 92, 0.25);
}
-.has-success .input-group-addon {
+.was-validated .custom-control-input:valid ~ .custom-control-description, .custom-control-input.is-valid ~ .custom-control-description {
color: #5cb85c;
- background-color: #eaf6ea;
+}
+
+.was-validated .custom-file-input:valid ~ .custom-file-control, .custom-file-input.is-valid ~ .custom-file-control {
border-color: #5cb85c;
}
-.has-success .form-control-success {
- background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%235cb85c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
+.was-validated .custom-file-input:valid ~ .custom-file-control::before, .custom-file-input.is-valid ~ .custom-file-control::before {
+ border-color: inherit;
}
-.has-warning .form-control-feedback,
-.has-warning .form-control-label,
-.has-warning .col-form-label,
-.has-warning .form-check-label,
-.has-warning .custom-control {
- color: #f0ad4e;
+.was-validated .custom-file-input:valid:focus, .custom-file-input.is-valid:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(92, 184, 92, 0.25);
+ box-shadow: 0 0 0 0.2rem rgba(92, 184, 92, 0.25);
}
-.has-warning .form-control,
-.has-warning .custom-select,
-.has-warning .custom-file-control {
- border-color: #f0ad4e;
+.was-validated .form-control:invalid, .form-control.is-invalid, .was-validated
+.custom-select:invalid,
+.custom-select.is-invalid {
+ border-color: #d9534f;
}
-.has-warning .input-group-addon {
- color: #f0ad4e;
- background-color: white;
- border-color: #f0ad4e;
+.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus, .was-validated
+.custom-select:invalid:focus,
+.custom-select.is-invalid:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(217, 83, 79, 0.25);
+ box-shadow: 0 0 0 0.2rem rgba(217, 83, 79, 0.25);
}
-.has-warning .form-control-warning {
- background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f0ad4e' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/%3E%3C/svg%3E");
+.was-validated .form-control:invalid ~ .invalid-feedback,
+.was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback,
+.form-control.is-invalid ~ .invalid-tooltip, .was-validated
+.custom-select:invalid ~ .invalid-feedback,
+.was-validated
+.custom-select:invalid ~ .invalid-tooltip,
+.custom-select.is-invalid ~ .invalid-feedback,
+.custom-select.is-invalid ~ .invalid-tooltip {
+ display: block;
}
-.has-danger .form-control-feedback,
-.has-danger .form-control-label,
-.has-danger .col-form-label,
-.has-danger .form-check-label,
-.has-danger .custom-control {
+.was-validated .form-check-input:invalid + .form-check-label, .form-check-input.is-invalid + .form-check-label {
color: #d9534f;
}
-.has-danger .form-control,
-.has-danger .custom-select,
-.has-danger .custom-file-control {
- border-color: #d9534f;
+.was-validated .custom-control-input:invalid ~ .custom-control-indicator, .custom-control-input.is-invalid ~ .custom-control-indicator {
+ background-color: rgba(217, 83, 79, 0.25);
}
-.has-danger .input-group-addon {
+.was-validated .custom-control-input:invalid ~ .custom-control-description, .custom-control-input.is-invalid ~ .custom-control-description {
color: #d9534f;
- background-color: #fdf7f7;
+}
+
+.was-validated .custom-file-input:invalid ~ .custom-file-control, .custom-file-input.is-invalid ~ .custom-file-control {
border-color: #d9534f;
}
-.has-danger .form-control-danger {
- background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d9534f' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E");
+.was-validated .custom-file-input:invalid ~ .custom-file-control::before, .custom-file-input.is-invalid ~ .custom-file-control::before {
+ border-color: inherit;
+}
+
+.was-validated .custom-file-input:invalid:focus, .custom-file-input.is-invalid:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(217, 83, 79, 0.25);
+ box-shadow: 0 0 0 0.2rem rgba(217, 83, 79, 0.25);
}
.form-inline {
@@ -2563,7 +2615,7 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
- padding: 0.5rem 1rem;
+ padding: 0.5rem 0.75rem;
font-size: 1rem;
line-height: 1.25;
border-radius: 0.25rem;
@@ -2578,8 +2630,8 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for
.btn:focus, .btn.focus {
outline: 0;
- -webkit-box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.25);
- box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.25);
+ -webkit-box-shadow: 0 0 0 3px rgba(2, 117, 216, 0.25);
+ box-shadow: 0 0 0 3px rgba(2, 117, 216, 0.25);
}
.btn.disabled, .btn:disabled {
@@ -2608,8 +2660,8 @@ fieldset[disabled] a.btn {
}
.btn-primary:focus, .btn-primary.focus {
- -webkit-box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.5);
- box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.5);
+ -webkit-box-shadow: 0 0 0 3px rgba(2, 117, 216, 0.5);
+ box-shadow: 0 0 0 3px rgba(2, 117, 216, 0.5);
}
.btn-primary.disabled, .btn-primary:disabled {
@@ -2638,8 +2690,8 @@ fieldset[disabled] a.btn {
}
.btn-secondary:focus, .btn-secondary.focus {
- -webkit-box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.5);
- box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.5);
+ -webkit-box-shadow: 0 0 0 3px rgba(204, 204, 204, 0.5);
+ box-shadow: 0 0 0 3px rgba(204, 204, 204, 0.5);
}
.btn-secondary.disabled, .btn-secondary:disabled {
@@ -2668,8 +2720,8 @@ fieldset[disabled] a.btn {
}
.btn-info:focus, .btn-info.focus {
- -webkit-box-shadow: 0 0 0 2px rgba(91, 192, 222, 0.5);
- box-shadow: 0 0 0 2px rgba(91, 192, 222, 0.5);
+ -webkit-box-shadow: 0 0 0 3px rgba(91, 192, 222, 0.5);
+ box-shadow: 0 0 0 3px rgba(91, 192, 222, 0.5);
}
.btn-info.disabled, .btn-info:disabled {
@@ -2698,8 +2750,8 @@ fieldset[disabled] a.btn {
}
.btn-success:focus, .btn-success.focus {
- -webkit-box-shadow: 0 0 0 2px rgba(92, 184, 92, 0.5);
- box-shadow: 0 0 0 2px rgba(92, 184, 92, 0.5);
+ -webkit-box-shadow: 0 0 0 3px rgba(92, 184, 92, 0.5);
+ box-shadow: 0 0 0 3px rgba(92, 184, 92, 0.5);
}
.btn-success.disabled, .btn-success:disabled {
@@ -2728,8 +2780,8 @@ fieldset[disabled] a.btn {
}
.btn-warning:focus, .btn-warning.focus {
- -webkit-box-shadow: 0 0 0 2px rgba(240, 173, 78, 0.5);
- box-shadow: 0 0 0 2px rgba(240, 173, 78, 0.5);
+ -webkit-box-shadow: 0 0 0 3px rgba(240, 173, 78, 0.5);
+ box-shadow: 0 0 0 3px rgba(240, 173, 78, 0.5);
}
.btn-warning.disabled, .btn-warning:disabled {
@@ -2758,8 +2810,8 @@ fieldset[disabled] a.btn {
}
.btn-danger:focus, .btn-danger.focus {
- -webkit-box-shadow: 0 0 0 2px rgba(217, 83, 79, 0.5);
- box-shadow: 0 0 0 2px rgba(217, 83, 79, 0.5);
+ -webkit-box-shadow: 0 0 0 3px rgba(217, 83, 79, 0.5);
+ box-shadow: 0 0 0 3px rgba(217, 83, 79, 0.5);
}
.btn-danger.disabled, .btn-danger:disabled {
@@ -2789,8 +2841,8 @@ fieldset[disabled] a.btn {
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
- -webkit-box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.5);
- box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.5);
+ -webkit-box-shadow: 0 0 0 3px rgba(2, 117, 216, 0.5);
+ box-shadow: 0 0 0 3px rgba(2, 117, 216, 0.5);
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
@@ -2819,8 +2871,8 @@ fieldset[disabled] a.btn {
}
.btn-outline-secondary:focus, .btn-outline-secondary.focus {
- -webkit-box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.5);
- box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.5);
+ -webkit-box-shadow: 0 0 0 3px rgba(204, 204, 204, 0.5);
+ box-shadow: 0 0 0 3px rgba(204, 204, 204, 0.5);
}
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
@@ -2849,8 +2901,8 @@ fieldset[disabled] a.btn {
}
.btn-outline-info:focus, .btn-outline-info.focus {
- -webkit-box-shadow: 0 0 0 2px rgba(91, 192, 222, 0.5);
- box-shadow: 0 0 0 2px rgba(91, 192, 222, 0.5);
+ -webkit-box-shadow: 0 0 0 3px rgba(91, 192, 222, 0.5);
+ box-shadow: 0 0 0 3px rgba(91, 192, 222, 0.5);
}
.btn-outline-info.disabled, .btn-outline-info:disabled {
@@ -2879,8 +2931,8 @@ fieldset[disabled] a.btn {
}
.btn-outline-success:focus, .btn-outline-success.focus {
- -webkit-box-shadow: 0 0 0 2px rgba(92, 184, 92, 0.5);
- box-shadow: 0 0 0 2px rgba(92, 184, 92, 0.5);
+ -webkit-box-shadow: 0 0 0 3px rgba(92, 184, 92, 0.5);
+ box-shadow: 0 0 0 3px rgba(92, 184, 92, 0.5);
}
.btn-outline-success.disabled, .btn-outline-success:disabled {
@@ -2909,8 +2961,8 @@ fieldset[disabled] a.btn {
}
.btn-outline-warning:focus, .btn-outline-warning.focus {
- -webkit-box-shadow: 0 0 0 2px rgba(240, 173, 78, 0.5);
- box-shadow: 0 0 0 2px rgba(240, 173, 78, 0.5);
+ -webkit-box-shadow: 0 0 0 3px rgba(240, 173, 78, 0.5);
+ box-shadow: 0 0 0 3px rgba(240, 173, 78, 0.5);
}
.btn-outline-warning.disabled, .btn-outline-warning:disabled {
@@ -2939,8 +2991,8 @@ fieldset[disabled] a.btn {
}
.btn-outline-danger:focus, .btn-outline-danger.focus {
- -webkit-box-shadow: 0 0 0 2px rgba(217, 83, 79, 0.5);
- box-shadow: 0 0 0 2px rgba(217, 83, 79, 0.5);
+ -webkit-box-shadow: 0 0 0 3px rgba(217, 83, 79, 0.5);
+ box-shadow: 0 0 0 3px rgba(217, 83, 79, 0.5);
}
.btn-outline-danger.disabled, .btn-outline-danger:disabled {
@@ -3253,8 +3305,8 @@ tbody.collapse.show {
}
.btn + .dropdown-toggle-split {
- padding-right: 0.75rem;
- padding-left: 0.75rem;
+ padding-right: 0.5625rem;
+ padding-left: 0.5625rem;
}
.btn + .dropdown-toggle-split::after {
@@ -3392,7 +3444,7 @@ tbody.collapse.show {
}
.input-group-addon {
- padding: 0.5rem 1rem;
+ padding: 0.5rem 0.75rem;
margin-bottom: 0;
font-size: 1rem;
font-weight: normal;
@@ -3629,6 +3681,7 @@ tbody.collapse.show {
}
.custom-select-sm {
+ height: calc(1.8125rem + 2px);
padding-top: 0.375rem;
padding-bottom: 0.375rem;
font-size: 75%;
@@ -4288,6 +4341,8 @@ tbody.collapse.show {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
+ min-width: 0;
+ word-wrap: break-word;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.125);
border-radius: 0.25rem;
@@ -4303,7 +4358,6 @@ tbody.collapse.show {
.card-title {
margin-bottom: 0.75rem;
- word-break: break-all;
}
.card-subtitle {