This commit is contained in:
Raphael Goetter 2017-08-09 16:04:09 +02:00
parent 0771287438
commit 89514c4a58
2 changed files with 75 additions and 38 deletions

View File

@ -102,6 +102,7 @@ figure {
* 2. Show the overflow in Edge and IE.
*/
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
/* 1 */
height: 0;
@ -143,6 +144,7 @@ abbr[title] {
/* 1 */
text-decoration: underline;
/* 2 */
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
/* 2 */
}
@ -339,6 +341,7 @@ fieldset {
* `fieldset` elements in all browsers.
*/
legend {
-webkit-box-sizing: border-box;
box-sizing: border-box;
/* 1 */
color: inherit;
@ -377,6 +380,7 @@ textarea {
*/
[type="checkbox"],
[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
/* 1 */
padding: 0;
@ -469,10 +473,12 @@ template {
/* ----------------------------- */
/* switching to border-box model for all elements */
html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
* {
-webkit-box-sizing: inherit;
box-sizing: inherit;
/* avoid min-width: auto on flex and grid children */
min-width: 0;
@ -809,6 +815,7 @@ kbd {
@media print {
* {
background: transparent !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
text-shadow: none !important;
}
@ -1753,6 +1760,7 @@ ul.is-unstyled, ul.unstyled {
}
.media-figure--center {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
.media--reverse {
@ -1903,6 +1911,7 @@ textarea {
font-family: inherit;
font-size: inherit;
border: 0;
-webkit-box-shadow: 0 0 0 1px #727e96 inset;
box-shadow: 0 0 0 1px #727e96 inset;
color: #000;
vertical-align: middle;
@ -1910,8 +1919,10 @@ textarea {
margin: 0;
-webkit-transition: 0.25s;
transition: 0.25s;
-webkit-transition-property: box-shadow, background-color, color, border;
-webkit-transition-property: background-color, color, border, -webkit-box-shadow;
transition-property: background-color, color, border, -webkit-box-shadow;
transition-property: box-shadow, background-color, color, border;
transition-property: box-shadow, background-color, color, border, -webkit-box-shadow;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
@ -1987,8 +1998,10 @@ button, .btn--primary,
user-select: none;
-webkit-transition: 0.25s;
transition: 0.25s;
-webkit-transition-property: box-shadow, background-color, color, border;
-webkit-transition-property: background-color, color, border, -webkit-box-shadow;
transition-property: background-color, color, border, -webkit-box-shadow;
transition-property: box-shadow, background-color, color, border;
transition-property: box-shadow, background-color, color, border, -webkit-box-shadow;
text-align: center;
vertical-align: middle;
white-space: nowrap;
@ -2013,6 +2026,7 @@ button:focus {
.button--primary {
background-color: #0275D8;
color: #fff;
-webkit-box-shadow: none;
box-shadow: none;
}
@ -2027,6 +2041,7 @@ button:focus {
.button--success {
background-color: #5CB85C;
color: #fff;
-webkit-box-shadow: none;
box-shadow: none;
}
@ -2041,6 +2056,7 @@ button:focus {
.button--info {
background-color: #5BC0DE;
color: #fff;
-webkit-box-shadow: none;
box-shadow: none;
}
@ -2055,6 +2071,7 @@ button:focus {
.button--warning {
background-color: #F0AD4E;
color: #fff;
-webkit-box-shadow: none;
box-shadow: none;
}
@ -2069,6 +2086,7 @@ button:focus {
.button--danger {
background-color: #D9534F;
color: #fff;
-webkit-box-shadow: none;
box-shadow: none;
}
@ -2083,6 +2101,7 @@ button:focus {
.button--inverse {
background-color: #292B2C;
color: #fff;
-webkit-box-shadow: none;
box-shadow: none;
}
@ -2097,6 +2116,7 @@ button:focus {
.button--ghost {
background-color: transparent;
color: #fff;
-webkit-box-shadow: 0 0 0 1px #fff inset;
box-shadow: 0 0 0 1px #fff inset;
}
@ -2132,6 +2152,7 @@ button:focus {
text-align: left;
background: none;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
@ -2140,6 +2161,7 @@ button:focus {
.btn--unstyled:focus,
.button--unstyled:focus {
-webkit-box-shadow: none;
box-shadow: none;
outline: none;
}
@ -2149,7 +2171,7 @@ button:focus {
height: 2.4rem;
width: 2.8rem;
background-color: transparent;
background-image: -webkit-linear-gradient(#000, #000);
background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000));
background-image: linear-gradient(#000, #000);
background-position: center;
background-repeat: no-repeat;
@ -2233,6 +2255,7 @@ button:focus {
border: 0;
background: #fff;
border-radius: 0;
-webkit-box-shadow: 0 0 0 2px #727e96 inset;
box-shadow: 0 0 0 2px #727e96 inset;
-webkit-transition: .25s background-color;
transition: .25s background-color;
@ -2268,13 +2291,13 @@ button:focus {
border: 0;
background: #fff;
border-radius: 50%;
-webkit-box-shadow: 0 0 0 2px #727e96 inset;
box-shadow: 0 0 0 2px #727e96 inset;
-webkit-transition: .25s background;
transition: .25s background;
}
.radio:checked ~ label:before {
background-image: -webkit-radial-gradient(center circle, #fff 30%, transparent 38%);
background-image: radial-gradient(circle at center, #fff 30%, transparent 38%);
background-color: #727e96;
background-position: center;
@ -2382,42 +2405,49 @@ button:focus {
.badge--primary {
background-color: #0275D8;
color: #fff;
-webkit-box-shadow: none;
box-shadow: none;
}
.badge--success {
background-color: #5CB85C;
color: #fff;
-webkit-box-shadow: none;
box-shadow: none;
}
.badge--info {
background-color: #5BC0DE;
color: #fff;
-webkit-box-shadow: none;
box-shadow: none;
}
.badge--warning {
background-color: #F0AD4E;
color: #fff;
-webkit-box-shadow: none;
box-shadow: none;
}
.badge--danger {
background-color: #D9534F;
color: #fff;
-webkit-box-shadow: none;
box-shadow: none;
}
.badge--inverse {
background-color: #292B2C;
color: #fff;
-webkit-box-shadow: none;
box-shadow: none;
}
.badge--ghost {
background-color: transparent;
color: #fff;
-webkit-box-shadow: 0 0 0 1px #fff inset;
box-shadow: 0 0 0 1px #fff inset;
}
@ -2464,42 +2494,49 @@ button:focus {
.alert--primary {
background-color: #0275D8;
color: #fff;
-webkit-box-shadow: none;
box-shadow: none;
}
.alert--success {
background-color: #5CB85C;
color: #fff;
-webkit-box-shadow: none;
box-shadow: none;
}
.alert--info {
background-color: #5BC0DE;
color: #fff;
-webkit-box-shadow: none;
box-shadow: none;
}
.alert--warning {
background-color: #F0AD4E;
color: #fff;
-webkit-box-shadow: none;
box-shadow: none;
}
.alert--danger {
background-color: #D9534F;
color: #fff;
-webkit-box-shadow: none;
box-shadow: none;
}
.alert--inverse {
background-color: #292B2C;
color: #fff;
-webkit-box-shadow: none;
box-shadow: none;
}
.alert--ghost {
background-color: transparent;
color: #fff;
-webkit-box-shadow: 0 0 0 1px #fff inset;
box-shadow: 0 0 0 1px #fff inset;
}

File diff suppressed because one or more lines are too long