mirror of
https://github.com/jgthms/bulma
synced 2026-03-15 02:04:29 -07:00
Deploy css
This commit is contained in:
Jeremy Thomas
356
css/bulma.css
vendored
356
css/bulma.css
vendored
@@ -1354,10 +1354,13 @@ a.box:active {
|
||||
color: #363636;
|
||||
}
|
||||
|
||||
.button:focus:not(:active), .button.is-focused:not(:active) {
|
||||
-webkit-box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
|
||||
box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
|
||||
}
|
||||
|
||||
.button:active, .button.is-active {
|
||||
border-color: #4a4a4a;
|
||||
-webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
|
||||
box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
|
||||
color: #363636;
|
||||
}
|
||||
|
||||
@@ -1368,11 +1371,16 @@ a.box:active {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.button.is-link:hover, .button.is-link.is-hovered, .button.is-link:focus, .button.is-link.is-focused, .button.is-link:active, .button.is-link.is-active {
|
||||
.button.is-link:hover, .button.is-link.is-hovered, .button.is-link:focus, .button.is-link.is-focused {
|
||||
background-color: whitesmoke;
|
||||
color: #363636;
|
||||
}
|
||||
|
||||
.button.is-link:active, .button.is-link.is-active {
|
||||
background-color: #e8e8e8;
|
||||
color: #363636;
|
||||
}
|
||||
|
||||
.button.is-link[disabled] {
|
||||
background-color: transparent;
|
||||
border-color: transparent;
|
||||
@@ -1394,16 +1402,17 @@ a.box:active {
|
||||
|
||||
.button.is-white:focus, .button.is-white.is-focused {
|
||||
border-color: transparent;
|
||||
-webkit-box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25);
|
||||
box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25);
|
||||
color: #0a0a0a;
|
||||
}
|
||||
|
||||
.button.is-white:focus:not(:active), .button.is-white.is-focused:not(:active) {
|
||||
-webkit-box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
|
||||
box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
|
||||
}
|
||||
|
||||
.button.is-white:active, .button.is-white.is-active {
|
||||
background-color: #f2f2f2;
|
||||
border-color: transparent;
|
||||
-webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
|
||||
box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
|
||||
color: #0a0a0a;
|
||||
}
|
||||
|
||||
@@ -1492,16 +1501,17 @@ a.box:active {
|
||||
|
||||
.button.is-black:focus, .button.is-black.is-focused {
|
||||
border-color: transparent;
|
||||
-webkit-box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25);
|
||||
box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25);
|
||||
color: white;
|
||||
}
|
||||
|
||||
.button.is-black:focus:not(:active), .button.is-black.is-focused:not(:active) {
|
||||
-webkit-box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25);
|
||||
box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25);
|
||||
}
|
||||
|
||||
.button.is-black:active, .button.is-black.is-active {
|
||||
background-color: black;
|
||||
border-color: transparent;
|
||||
-webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
|
||||
box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
|
||||
color: white;
|
||||
}
|
||||
|
||||
@@ -1590,16 +1600,17 @@ a.box:active {
|
||||
|
||||
.button.is-light:focus, .button.is-light.is-focused {
|
||||
border-color: transparent;
|
||||
-webkit-box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25);
|
||||
box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25);
|
||||
color: #363636;
|
||||
}
|
||||
|
||||
.button.is-light:focus:not(:active), .button.is-light.is-focused:not(:active) {
|
||||
-webkit-box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25);
|
||||
box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25);
|
||||
}
|
||||
|
||||
.button.is-light:active, .button.is-light.is-active {
|
||||
background-color: #e8e8e8;
|
||||
border-color: transparent;
|
||||
-webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
|
||||
box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
|
||||
color: #363636;
|
||||
}
|
||||
|
||||
@@ -1688,16 +1699,17 @@ a.box:active {
|
||||
|
||||
.button.is-dark:focus, .button.is-dark.is-focused {
|
||||
border-color: transparent;
|
||||
-webkit-box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25);
|
||||
box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25);
|
||||
color: whitesmoke;
|
||||
}
|
||||
|
||||
.button.is-dark:focus:not(:active), .button.is-dark.is-focused:not(:active) {
|
||||
-webkit-box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25);
|
||||
box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25);
|
||||
}
|
||||
|
||||
.button.is-dark:active, .button.is-dark.is-active {
|
||||
background-color: #292929;
|
||||
border-color: transparent;
|
||||
-webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
|
||||
box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
|
||||
color: whitesmoke;
|
||||
}
|
||||
|
||||
@@ -1786,16 +1798,17 @@ a.box:active {
|
||||
|
||||
.button.is-primary:focus, .button.is-primary.is-focused {
|
||||
border-color: transparent;
|
||||
-webkit-box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25);
|
||||
box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.button.is-primary:focus:not(:active), .button.is-primary.is-focused:not(:active) {
|
||||
-webkit-box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
|
||||
box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
|
||||
}
|
||||
|
||||
.button.is-primary:active, .button.is-primary.is-active {
|
||||
background-color: #00b89c;
|
||||
border-color: transparent;
|
||||
-webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
|
||||
box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
@@ -1884,16 +1897,17 @@ a.box:active {
|
||||
|
||||
.button.is-info:focus, .button.is-info.is-focused {
|
||||
border-color: transparent;
|
||||
-webkit-box-shadow: 0 0 0.5em rgba(50, 115, 220, 0.25);
|
||||
box-shadow: 0 0 0.5em rgba(50, 115, 220, 0.25);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.button.is-info:focus:not(:active), .button.is-info.is-focused:not(:active) {
|
||||
-webkit-box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
|
||||
box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
|
||||
}
|
||||
|
||||
.button.is-info:active, .button.is-info.is-active {
|
||||
background-color: #2366d1;
|
||||
border-color: transparent;
|
||||
-webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
|
||||
box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
@@ -1982,16 +1996,17 @@ a.box:active {
|
||||
|
||||
.button.is-success:focus, .button.is-success.is-focused {
|
||||
border-color: transparent;
|
||||
-webkit-box-shadow: 0 0 0.5em rgba(35, 209, 96, 0.25);
|
||||
box-shadow: 0 0 0.5em rgba(35, 209, 96, 0.25);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.button.is-success:focus:not(:active), .button.is-success.is-focused:not(:active) {
|
||||
-webkit-box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25);
|
||||
box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25);
|
||||
}
|
||||
|
||||
.button.is-success:active, .button.is-success.is-active {
|
||||
background-color: #20bc56;
|
||||
border-color: transparent;
|
||||
-webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
|
||||
box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
@@ -2080,16 +2095,17 @@ a.box:active {
|
||||
|
||||
.button.is-warning:focus, .button.is-warning.is-focused {
|
||||
border-color: transparent;
|
||||
-webkit-box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.25);
|
||||
box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.25);
|
||||
color: rgba(0, 0, 0, 0.7);
|
||||
}
|
||||
|
||||
.button.is-warning:focus:not(:active), .button.is-warning.is-focused:not(:active) {
|
||||
-webkit-box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25);
|
||||
box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25);
|
||||
}
|
||||
|
||||
.button.is-warning:active, .button.is-warning.is-active {
|
||||
background-color: #ffd83d;
|
||||
border-color: transparent;
|
||||
-webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
|
||||
box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
|
||||
color: rgba(0, 0, 0, 0.7);
|
||||
}
|
||||
|
||||
@@ -2178,16 +2194,17 @@ a.box:active {
|
||||
|
||||
.button.is-danger:focus, .button.is-danger.is-focused {
|
||||
border-color: transparent;
|
||||
-webkit-box-shadow: 0 0 0.5em rgba(255, 56, 96, 0.25);
|
||||
box-shadow: 0 0 0.5em rgba(255, 56, 96, 0.25);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.button.is-danger:focus:not(:active), .button.is-danger.is-focused:not(:active) {
|
||||
-webkit-box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25);
|
||||
box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25);
|
||||
}
|
||||
|
||||
.button.is-danger:active, .button.is-danger.is-active {
|
||||
background-color: #ff1f4b;
|
||||
border-color: transparent;
|
||||
-webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
|
||||
box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
@@ -2606,6 +2623,8 @@ a.box:active {
|
||||
.textarea:active,
|
||||
.textarea.is-active {
|
||||
border-color: #00d1b2;
|
||||
-webkit-box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
|
||||
box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
|
||||
}
|
||||
|
||||
.input[disabled],
|
||||
@@ -2647,46 +2666,127 @@ a.box:active {
|
||||
border-color: white;
|
||||
}
|
||||
|
||||
.input.is-white:focus, .input.is-white.is-focused, .input.is-white:active, .input.is-white.is-active,
|
||||
.textarea.is-white:focus,
|
||||
.textarea.is-white.is-focused,
|
||||
.textarea.is-white:active,
|
||||
.textarea.is-white.is-active {
|
||||
-webkit-box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
|
||||
box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
|
||||
}
|
||||
|
||||
.input.is-black,
|
||||
.textarea.is-black {
|
||||
border-color: #0a0a0a;
|
||||
}
|
||||
|
||||
.input.is-black:focus, .input.is-black.is-focused, .input.is-black:active, .input.is-black.is-active,
|
||||
.textarea.is-black:focus,
|
||||
.textarea.is-black.is-focused,
|
||||
.textarea.is-black:active,
|
||||
.textarea.is-black.is-active {
|
||||
-webkit-box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25);
|
||||
box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25);
|
||||
}
|
||||
|
||||
.input.is-light,
|
||||
.textarea.is-light {
|
||||
border-color: whitesmoke;
|
||||
}
|
||||
|
||||
.input.is-light:focus, .input.is-light.is-focused, .input.is-light:active, .input.is-light.is-active,
|
||||
.textarea.is-light:focus,
|
||||
.textarea.is-light.is-focused,
|
||||
.textarea.is-light:active,
|
||||
.textarea.is-light.is-active {
|
||||
-webkit-box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25);
|
||||
box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25);
|
||||
}
|
||||
|
||||
.input.is-dark,
|
||||
.textarea.is-dark {
|
||||
border-color: #363636;
|
||||
}
|
||||
|
||||
.input.is-dark:focus, .input.is-dark.is-focused, .input.is-dark:active, .input.is-dark.is-active,
|
||||
.textarea.is-dark:focus,
|
||||
.textarea.is-dark.is-focused,
|
||||
.textarea.is-dark:active,
|
||||
.textarea.is-dark.is-active {
|
||||
-webkit-box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25);
|
||||
box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25);
|
||||
}
|
||||
|
||||
.input.is-primary,
|
||||
.textarea.is-primary {
|
||||
border-color: #00d1b2;
|
||||
}
|
||||
|
||||
.input.is-primary:focus, .input.is-primary.is-focused, .input.is-primary:active, .input.is-primary.is-active,
|
||||
.textarea.is-primary:focus,
|
||||
.textarea.is-primary.is-focused,
|
||||
.textarea.is-primary:active,
|
||||
.textarea.is-primary.is-active {
|
||||
-webkit-box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
|
||||
box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
|
||||
}
|
||||
|
||||
.input.is-info,
|
||||
.textarea.is-info {
|
||||
border-color: #3273dc;
|
||||
}
|
||||
|
||||
.input.is-info:focus, .input.is-info.is-focused, .input.is-info:active, .input.is-info.is-active,
|
||||
.textarea.is-info:focus,
|
||||
.textarea.is-info.is-focused,
|
||||
.textarea.is-info:active,
|
||||
.textarea.is-info.is-active {
|
||||
-webkit-box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
|
||||
box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
|
||||
}
|
||||
|
||||
.input.is-success,
|
||||
.textarea.is-success {
|
||||
border-color: #23d160;
|
||||
}
|
||||
|
||||
.input.is-success:focus, .input.is-success.is-focused, .input.is-success:active, .input.is-success.is-active,
|
||||
.textarea.is-success:focus,
|
||||
.textarea.is-success.is-focused,
|
||||
.textarea.is-success:active,
|
||||
.textarea.is-success.is-active {
|
||||
-webkit-box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25);
|
||||
box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25);
|
||||
}
|
||||
|
||||
.input.is-warning,
|
||||
.textarea.is-warning {
|
||||
border-color: #ffdd57;
|
||||
}
|
||||
|
||||
.input.is-warning:focus, .input.is-warning.is-focused, .input.is-warning:active, .input.is-warning.is-active,
|
||||
.textarea.is-warning:focus,
|
||||
.textarea.is-warning.is-focused,
|
||||
.textarea.is-warning:active,
|
||||
.textarea.is-warning.is-active {
|
||||
-webkit-box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25);
|
||||
box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25);
|
||||
}
|
||||
|
||||
.input.is-danger,
|
||||
.textarea.is-danger {
|
||||
border-color: #ff3860;
|
||||
}
|
||||
|
||||
.input.is-danger:focus, .input.is-danger.is-focused, .input.is-danger:active, .input.is-danger.is-active,
|
||||
.textarea.is-danger:focus,
|
||||
.textarea.is-danger.is-focused,
|
||||
.textarea.is-danger:active,
|
||||
.textarea.is-danger.is-active {
|
||||
-webkit-box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25);
|
||||
box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25);
|
||||
}
|
||||
|
||||
.input.is-small,
|
||||
.textarea.is-small {
|
||||
border-radius: 2px;
|
||||
@@ -2732,6 +2832,10 @@ a.box:active {
|
||||
height: unset;
|
||||
}
|
||||
|
||||
.textarea.has-fixed-size {
|
||||
resize: none;
|
||||
}
|
||||
|
||||
.checkbox,
|
||||
.radio {
|
||||
cursor: pointer;
|
||||
@@ -2838,6 +2942,8 @@ a.box:active {
|
||||
|
||||
.select select:focus, .select select.is-focused, .select select:active, .select select.is-active {
|
||||
border-color: #00d1b2;
|
||||
-webkit-box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
|
||||
box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
|
||||
}
|
||||
|
||||
.select select[disabled] {
|
||||
@@ -2864,14 +2970,6 @@ a.box:active {
|
||||
color: rgba(122, 122, 122, 0.3);
|
||||
}
|
||||
|
||||
.select select:hover {
|
||||
border-color: #b5b5b5;
|
||||
}
|
||||
|
||||
.select select:focus, .select select.is-focused, .select select:active, .select select.is-active {
|
||||
border-color: #00d1b2;
|
||||
}
|
||||
|
||||
.select select::-ms-expand {
|
||||
display: none;
|
||||
}
|
||||
@@ -2901,38 +2999,83 @@ a.box:active {
|
||||
border-color: white;
|
||||
}
|
||||
|
||||
.select.is-white select:focus, .select.is-white select.is-focused, .select.is-white select:active, .select.is-white select.is-active {
|
||||
-webkit-box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
|
||||
box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
|
||||
}
|
||||
|
||||
.select.is-black select {
|
||||
border-color: #0a0a0a;
|
||||
}
|
||||
|
||||
.select.is-black select:focus, .select.is-black select.is-focused, .select.is-black select:active, .select.is-black select.is-active {
|
||||
-webkit-box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25);
|
||||
box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25);
|
||||
}
|
||||
|
||||
.select.is-light select {
|
||||
border-color: whitesmoke;
|
||||
}
|
||||
|
||||
.select.is-light select:focus, .select.is-light select.is-focused, .select.is-light select:active, .select.is-light select.is-active {
|
||||
-webkit-box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25);
|
||||
box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25);
|
||||
}
|
||||
|
||||
.select.is-dark select {
|
||||
border-color: #363636;
|
||||
}
|
||||
|
||||
.select.is-dark select:focus, .select.is-dark select.is-focused, .select.is-dark select:active, .select.is-dark select.is-active {
|
||||
-webkit-box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25);
|
||||
box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25);
|
||||
}
|
||||
|
||||
.select.is-primary select {
|
||||
border-color: #00d1b2;
|
||||
}
|
||||
|
||||
.select.is-primary select:focus, .select.is-primary select.is-focused, .select.is-primary select:active, .select.is-primary select.is-active {
|
||||
-webkit-box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
|
||||
box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
|
||||
}
|
||||
|
||||
.select.is-info select {
|
||||
border-color: #3273dc;
|
||||
}
|
||||
|
||||
.select.is-info select:focus, .select.is-info select.is-focused, .select.is-info select:active, .select.is-info select.is-active {
|
||||
-webkit-box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
|
||||
box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
|
||||
}
|
||||
|
||||
.select.is-success select {
|
||||
border-color: #23d160;
|
||||
}
|
||||
|
||||
.select.is-success select:focus, .select.is-success select.is-focused, .select.is-success select:active, .select.is-success select.is-active {
|
||||
-webkit-box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25);
|
||||
box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25);
|
||||
}
|
||||
|
||||
.select.is-warning select {
|
||||
border-color: #ffdd57;
|
||||
}
|
||||
|
||||
.select.is-warning select:focus, .select.is-warning select.is-focused, .select.is-warning select:active, .select.is-warning select.is-active {
|
||||
-webkit-box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25);
|
||||
box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25);
|
||||
}
|
||||
|
||||
.select.is-danger select {
|
||||
border-color: #ff3860;
|
||||
}
|
||||
|
||||
.select.is-danger select:focus, .select.is-danger select.is-focused, .select.is-danger select:active, .select.is-danger select.is-active {
|
||||
-webkit-box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25);
|
||||
box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25);
|
||||
}
|
||||
|
||||
.select.is-small {
|
||||
border-radius: 2px;
|
||||
font-size: 0.75rem;
|
||||
@@ -4413,7 +4556,7 @@ a.box:active {
|
||||
border-top-right-radius: 0;
|
||||
}
|
||||
|
||||
.tag {
|
||||
.tag:not(body) {
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
@@ -4434,72 +4577,72 @@ a.box:active {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.tag .delete {
|
||||
.tag:not(body) .delete {
|
||||
margin-left: 0.25em;
|
||||
margin-right: -0.375em;
|
||||
}
|
||||
|
||||
.tag.is-white {
|
||||
.tag:not(body).is-white {
|
||||
background-color: white;
|
||||
color: #0a0a0a;
|
||||
}
|
||||
|
||||
.tag.is-black {
|
||||
.tag:not(body).is-black {
|
||||
background-color: #0a0a0a;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.tag.is-light {
|
||||
.tag:not(body).is-light {
|
||||
background-color: whitesmoke;
|
||||
color: #363636;
|
||||
}
|
||||
|
||||
.tag.is-dark {
|
||||
.tag:not(body).is-dark {
|
||||
background-color: #363636;
|
||||
color: whitesmoke;
|
||||
}
|
||||
|
||||
.tag.is-primary {
|
||||
.tag:not(body).is-primary {
|
||||
background-color: #00d1b2;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.tag.is-info {
|
||||
.tag:not(body).is-info {
|
||||
background-color: #3273dc;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.tag.is-success {
|
||||
.tag:not(body).is-success {
|
||||
background-color: #23d160;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.tag.is-warning {
|
||||
.tag:not(body).is-warning {
|
||||
background-color: #ffdd57;
|
||||
color: rgba(0, 0, 0, 0.7);
|
||||
}
|
||||
|
||||
.tag.is-danger {
|
||||
.tag:not(body).is-danger {
|
||||
background-color: #ff3860;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.tag.is-medium {
|
||||
.tag:not(body).is-medium {
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.tag.is-large {
|
||||
.tag:not(body).is-large {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.tag.is-delete {
|
||||
.tag:not(body).is-delete {
|
||||
margin-left: 1px;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
width: 2em;
|
||||
}
|
||||
|
||||
.tag.is-delete:before, .tag.is-delete:after {
|
||||
.tag:not(body).is-delete:before, .tag:not(body).is-delete:after {
|
||||
background-color: currentColor;
|
||||
content: "";
|
||||
display: block;
|
||||
@@ -4512,25 +4655,25 @@ a.box:active {
|
||||
transform-origin: center center;
|
||||
}
|
||||
|
||||
.tag.is-delete:before {
|
||||
.tag:not(body).is-delete:before {
|
||||
height: 1px;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.tag.is-delete:after {
|
||||
.tag:not(body).is-delete:after {
|
||||
height: 50%;
|
||||
width: 1px;
|
||||
}
|
||||
|
||||
.tag.is-delete:hover, .tag.is-delete:focus {
|
||||
.tag:not(body).is-delete:hover, .tag:not(body).is-delete:focus {
|
||||
background-color: #e8e8e8;
|
||||
}
|
||||
|
||||
.tag.is-delete:active {
|
||||
.tag:not(body).is-delete:active {
|
||||
background-color: #dbdbdb;
|
||||
}
|
||||
|
||||
.tag.is-rounded {
|
||||
.tag:not(body).is-rounded {
|
||||
border-radius: 290486px;
|
||||
}
|
||||
|
||||
@@ -8263,7 +8406,7 @@ label.panel-block:hover {
|
||||
}
|
||||
|
||||
.columns:not(:last-child) {
|
||||
margin-bottom: 0.75rem;
|
||||
margin-bottom: calc(1.5rem - 0.75rem);
|
||||
}
|
||||
|
||||
.columns.is-centered {
|
||||
@@ -8278,32 +8421,17 @@ label.panel-block:hover {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.columns.is-gapless:last-child {
|
||||
margin-bottom: 0;
|
||||
.columns.is-gapless > .column {
|
||||
margin: 0;
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.columns.is-gapless:not(:last-child) {
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.columns.is-gapless > .column {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 769px), print {
|
||||
.columns.is-grid {
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.columns.is-grid > .column {
|
||||
max-width: 33.3333%;
|
||||
padding: 0.75rem;
|
||||
width: 33.3333%;
|
||||
}
|
||||
.columns.is-grid > .column + .column {
|
||||
margin-left: 0;
|
||||
}
|
||||
.columns.is-gapless:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.columns.is-mobile {
|
||||
@@ -8339,6 +8467,53 @@ label.panel-block:hover {
|
||||
}
|
||||
}
|
||||
|
||||
.columns.is-variable {
|
||||
--columnGap: 0.75rem;
|
||||
margin-left: calc(-1 * var(--columnGap));
|
||||
margin-right: calc(-1 * var(--columnGap));
|
||||
}
|
||||
|
||||
.columns.is-variable .column {
|
||||
padding-left: var(--columnGap);
|
||||
padding-right: var(--columnGap);
|
||||
}
|
||||
|
||||
.columns.is-variable.is-0 {
|
||||
--columnGap: 0rem;
|
||||
}
|
||||
|
||||
.columns.is-variable.is-1 {
|
||||
--columnGap: 0.25rem;
|
||||
}
|
||||
|
||||
.columns.is-variable.is-2 {
|
||||
--columnGap: 0.5rem;
|
||||
}
|
||||
|
||||
.columns.is-variable.is-3 {
|
||||
--columnGap: 0.75rem;
|
||||
}
|
||||
|
||||
.columns.is-variable.is-4 {
|
||||
--columnGap: 1rem;
|
||||
}
|
||||
|
||||
.columns.is-variable.is-5 {
|
||||
--columnGap: 1.25rem;
|
||||
}
|
||||
|
||||
.columns.is-variable.is-6 {
|
||||
--columnGap: 1.5rem;
|
||||
}
|
||||
|
||||
.columns.is-variable.is-7 {
|
||||
--columnGap: 1.75rem;
|
||||
}
|
||||
|
||||
.columns.is-variable.is-8 {
|
||||
--columnGap: 2rem;
|
||||
}
|
||||
|
||||
.tile {
|
||||
-webkit-box-align: stretch;
|
||||
-ms-flex-align: stretch;
|
||||
@@ -9368,6 +9543,11 @@ label.panel-block:hover {
|
||||
}
|
||||
}
|
||||
|
||||
.hero.is-small .hero-body {
|
||||
padding-bottom: 1.5rem;
|
||||
padding-top: 1.5rem;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 769px), print {
|
||||
.hero.is-medium .hero-body {
|
||||
padding-bottom: 9rem;
|
||||
|
||||
Reference in New Issue
Block a user