aboutsummaryrefslogtreecommitdiffstats
path: root/dist/css/bulma.css
diff options
context:
space:
mode:
authorJesús <heckyel@hyperbola.info>2019-03-18 12:06:27 -0500
committerJesús <heckyel@hyperbola.info>2019-03-18 12:06:27 -0500
commit27abbb7939a8d964312b2b526b5208296d037585 (patch)
tree45a583a6c1b0b05b1bf8ac8156cfa2f5f321e58c /dist/css/bulma.css
parent880cd188f9ab5d30be489cc3cd9dffdeb493f713 (diff)
downloadcl-theme-27abbb7939a8d964312b2b526b5208296d037585.tar.lz
cl-theme-27abbb7939a8d964312b2b526b5208296d037585.tar.xz
cl-theme-27abbb7939a8d964312b2b526b5208296d037585.zip
updated bulma to v0.7.4
Diffstat (limited to 'dist/css/bulma.css')
-rw-r--r--dist/css/bulma.css489
1 files changed, 282 insertions, 207 deletions
diff --git a/dist/css/bulma.css b/dist/css/bulma.css
index 3417729..addee77 100644
--- a/dist/css/bulma.css
+++ b/dist/css/bulma.css
@@ -1,5 +1,5 @@
@charset "UTF-8";
-/*! bulma.io v0.7.2 | MIT License | github.com/jgthms/bulma */
+/*! bulma.io v0.7.4 | MIT License | github.com/jgthms/bulma */
@keyframes spinAround {
from {
transform: rotate(0deg);
@@ -125,7 +125,23 @@
width: 1em;
}
-.is-overlay, .image.is-square img, .image.is-1by1 img, .image.is-5by4 img, .image.is-4by3 img, .image.is-3by2 img, .image.is-5by3 img, .image.is-16by9 img, .image.is-2by1 img, .image.is-3by1 img, .image.is-4by5 img, .image.is-3by4 img, .image.is-2by3 img, .image.is-3by5 img, .image.is-9by16 img, .image.is-1by2 img, .image.is-1by3 img, .modal, .modal-background, .hero-video {
+.is-overlay, .image.is-square img,
+.image.is-square .has-ratio, .image.is-1by1 img,
+.image.is-1by1 .has-ratio, .image.is-5by4 img,
+.image.is-5by4 .has-ratio, .image.is-4by3 img,
+.image.is-4by3 .has-ratio, .image.is-3by2 img,
+.image.is-3by2 .has-ratio, .image.is-5by3 img,
+.image.is-5by3 .has-ratio, .image.is-16by9 img,
+.image.is-16by9 .has-ratio, .image.is-2by1 img,
+.image.is-2by1 .has-ratio, .image.is-3by1 img,
+.image.is-3by1 .has-ratio, .image.is-4by5 img,
+.image.is-4by5 .has-ratio, .image.is-3by4 img,
+.image.is-3by4 .has-ratio, .image.is-2by3 img,
+.image.is-2by3 .has-ratio, .image.is-3by5 img,
+.image.is-3by5 .has-ratio, .image.is-9by16 img,
+.image.is-9by16 .has-ratio, .image.is-1by2 img,
+.image.is-1by2 .has-ratio, .image.is-1by3 img,
+.image.is-1by3 .has-ratio, .modal, .modal-background, .hero-video {
bottom: 0;
left: 0;
position: absolute;
@@ -133,8 +149,7 @@
top: 0;
}
-.button, .input,
-.textarea, .select select, .file-cta,
+.button, .input, .textarea, .select select, .file-cta,
.file-name, .pagination-previous,
.pagination-next,
.pagination-link,
@@ -157,39 +172,38 @@
position: relative;
vertical-align: top;
}
-.button:focus, .input:focus,
-.textarea:focus, .select select:focus, .file-cta:focus,
+.button:focus, .input:focus, .textarea:focus, .select select:focus, .file-cta:focus,
.file-name:focus, .pagination-previous:focus,
.pagination-next:focus,
.pagination-link:focus,
-.pagination-ellipsis:focus, .is-focused.button, .is-focused.input,
-.is-focused.textarea, .select select.is-focused, .is-focused.file-cta,
+.pagination-ellipsis:focus, .is-focused.button, .is-focused.input, .is-focused.textarea, .select select.is-focused, .is-focused.file-cta,
.is-focused.file-name, .is-focused.pagination-previous,
.is-focused.pagination-next,
.is-focused.pagination-link,
-.is-focused.pagination-ellipsis, .button:active, .input:active,
-.textarea:active, .select select:active, .file-cta:active,
+.is-focused.pagination-ellipsis, .button:active, .input:active, .textarea:active, .select select:active, .file-cta:active,
.file-name:active, .pagination-previous:active,
.pagination-next:active,
.pagination-link:active,
-.pagination-ellipsis:active, .is-active.button, .is-active.input,
-.is-active.textarea, .select select.is-active, .is-active.file-cta,
+.pagination-ellipsis:active, .is-active.button, .is-active.input, .is-active.textarea, .select select.is-active, .is-active.file-cta,
.is-active.file-name, .is-active.pagination-previous,
.is-active.pagination-next,
.is-active.pagination-link,
.is-active.pagination-ellipsis {
outline: none;
}
-[disabled].button, [disabled].input,
-[disabled].textarea, .select select[disabled], [disabled].file-cta,
+[disabled].button, [disabled].input, [disabled].textarea, .select select[disabled], [disabled].file-cta,
[disabled].file-name, [disabled].pagination-previous,
[disabled].pagination-next,
[disabled].pagination-link,
-[disabled].pagination-ellipsis {
+[disabled].pagination-ellipsis, fieldset[disabled] .button, fieldset[disabled] .input, fieldset[disabled] .textarea, fieldset[disabled] .select select, .select fieldset[disabled] select, fieldset[disabled] .file-cta,
+fieldset[disabled] .file-name, fieldset[disabled] .pagination-previous,
+fieldset[disabled] .pagination-next,
+fieldset[disabled] .pagination-link,
+fieldset[disabled] .pagination-ellipsis {
cursor: not-allowed;
}
-/*! minireset.css v0.0.3 | MIT License | github.com/jgthms/minireset.css */
+/*! minireset.css v0.0.4 | MIT License | github.com/jgthms/minireset.css */
html,
body,
p,
@@ -247,12 +261,18 @@ html {
}
img,
-audio,
+embed,
+iframe,
+object,
video {
height: auto;
max-width: 100%;
}
+audio {
+ max-width: 100%;
+}
+
iframe {
border: 0;
}
@@ -364,6 +384,10 @@ strong {
font-weight: 700;
}
+fieldset {
+ border: none;
+}
+
pre {
-webkit-overflow-scrolling: touch;
background-color: whitesmoke;
@@ -1030,6 +1054,26 @@ a.has-text-danger:hover, a.has-text-danger:focus {
font-weight: 700 !important;
}
+.is-family-primary {
+ font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
+}
+
+.is-family-secondary {
+ font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
+}
+
+.is-family-sans-serif {
+ font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
+}
+
+.is-family-monospace {
+ font-family: monospace !important;
+}
+
+.is-family-code {
+ font-family: monospace !important;
+}
+
.is-block {
display: block !important;
}
@@ -1478,7 +1522,7 @@ a.box:active {
background-color: #e8e8e8;
color: #363636;
}
-.button.is-text[disabled] {
+.button.is-text[disabled], fieldset[disabled] .button.is-text {
background-color: transparent;
border-color: transparent;
box-shadow: none;
@@ -1505,7 +1549,7 @@ a.box:active {
border-color: transparent;
color: #0a0a0a;
}
-.button.is-white[disabled] {
+.button.is-white[disabled], fieldset[disabled] .button.is-white {
background-color: white;
border-color: transparent;
box-shadow: none;
@@ -1517,7 +1561,7 @@ a.box:active {
.button.is-white.is-inverted:hover {
background-color: black;
}
-.button.is-white.is-inverted[disabled] {
+.button.is-white.is-inverted[disabled], fieldset[disabled] .button.is-white.is-inverted {
background-color: #0a0a0a;
border-color: transparent;
box-shadow: none;
@@ -1539,7 +1583,7 @@ a.box:active {
.button.is-white.is-outlined.is-loading::after {
border-color: transparent transparent white white !important;
}
-.button.is-white.is-outlined[disabled] {
+.button.is-white.is-outlined[disabled], fieldset[disabled] .button.is-white.is-outlined {
background-color: transparent;
border-color: white;
box-shadow: none;
@@ -1554,7 +1598,7 @@ a.box:active {
background-color: #0a0a0a;
color: white;
}
-.button.is-white.is-inverted.is-outlined[disabled] {
+.button.is-white.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-white.is-inverted.is-outlined {
background-color: transparent;
border-color: #0a0a0a;
box-shadow: none;
@@ -1582,7 +1626,7 @@ a.box:active {
border-color: transparent;
color: white;
}
-.button.is-black[disabled] {
+.button.is-black[disabled], fieldset[disabled] .button.is-black {
background-color: #0a0a0a;
border-color: transparent;
box-shadow: none;
@@ -1594,7 +1638,7 @@ a.box:active {
.button.is-black.is-inverted:hover {
background-color: #f2f2f2;
}
-.button.is-black.is-inverted[disabled] {
+.button.is-black.is-inverted[disabled], fieldset[disabled] .button.is-black.is-inverted {
background-color: white;
border-color: transparent;
box-shadow: none;
@@ -1616,7 +1660,7 @@ a.box:active {
.button.is-black.is-outlined.is-loading::after {
border-color: transparent transparent #0a0a0a #0a0a0a !important;
}
-.button.is-black.is-outlined[disabled] {
+.button.is-black.is-outlined[disabled], fieldset[disabled] .button.is-black.is-outlined {
background-color: transparent;
border-color: #0a0a0a;
box-shadow: none;
@@ -1631,7 +1675,7 @@ a.box:active {
background-color: white;
color: #0a0a0a;
}
-.button.is-black.is-inverted.is-outlined[disabled] {
+.button.is-black.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-black.is-inverted.is-outlined {
background-color: transparent;
border-color: white;
box-shadow: none;
@@ -1659,7 +1703,7 @@ a.box:active {
border-color: transparent;
color: #363636;
}
-.button.is-light[disabled] {
+.button.is-light[disabled], fieldset[disabled] .button.is-light {
background-color: whitesmoke;
border-color: transparent;
box-shadow: none;
@@ -1671,7 +1715,7 @@ a.box:active {
.button.is-light.is-inverted:hover {
background-color: #292929;
}
-.button.is-light.is-inverted[disabled] {
+.button.is-light.is-inverted[disabled], fieldset[disabled] .button.is-light.is-inverted {
background-color: #363636;
border-color: transparent;
box-shadow: none;
@@ -1693,7 +1737,7 @@ a.box:active {
.button.is-light.is-outlined.is-loading::after {
border-color: transparent transparent whitesmoke whitesmoke !important;
}
-.button.is-light.is-outlined[disabled] {
+.button.is-light.is-outlined[disabled], fieldset[disabled] .button.is-light.is-outlined {
background-color: transparent;
border-color: whitesmoke;
box-shadow: none;
@@ -1708,7 +1752,7 @@ a.box:active {
background-color: #363636;
color: whitesmoke;
}
-.button.is-light.is-inverted.is-outlined[disabled] {
+.button.is-light.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-light.is-inverted.is-outlined {
background-color: transparent;
border-color: #363636;
box-shadow: none;
@@ -1736,7 +1780,7 @@ a.box:active {
border-color: transparent;
color: whitesmoke;
}
-.button.is-dark[disabled] {
+.button.is-dark[disabled], fieldset[disabled] .button.is-dark {
background-color: #363636;
border-color: transparent;
box-shadow: none;
@@ -1748,7 +1792,7 @@ a.box:active {
.button.is-dark.is-inverted:hover {
background-color: #e8e8e8;
}
-.button.is-dark.is-inverted[disabled] {
+.button.is-dark.is-inverted[disabled], fieldset[disabled] .button.is-dark.is-inverted {
background-color: whitesmoke;
border-color: transparent;
box-shadow: none;
@@ -1770,7 +1814,7 @@ a.box:active {
.button.is-dark.is-outlined.is-loading::after {
border-color: transparent transparent #363636 #363636 !important;
}
-.button.is-dark.is-outlined[disabled] {
+.button.is-dark.is-outlined[disabled], fieldset[disabled] .button.is-dark.is-outlined {
background-color: transparent;
border-color: #363636;
box-shadow: none;
@@ -1785,7 +1829,7 @@ a.box:active {
background-color: whitesmoke;
color: #363636;
}
-.button.is-dark.is-inverted.is-outlined[disabled] {
+.button.is-dark.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-dark.is-inverted.is-outlined {
background-color: transparent;
border-color: whitesmoke;
box-shadow: none;
@@ -1813,7 +1857,7 @@ a.box:active {
border-color: transparent;
color: #fff;
}
-.button.is-primary[disabled] {
+.button.is-primary[disabled], fieldset[disabled] .button.is-primary {
background-color: #00d1b2;
border-color: transparent;
box-shadow: none;
@@ -1825,7 +1869,7 @@ a.box:active {
.button.is-primary.is-inverted:hover {
background-color: #f2f2f2;
}
-.button.is-primary.is-inverted[disabled] {
+.button.is-primary.is-inverted[disabled], fieldset[disabled] .button.is-primary.is-inverted {
background-color: #fff;
border-color: transparent;
box-shadow: none;
@@ -1847,7 +1891,7 @@ a.box:active {
.button.is-primary.is-outlined.is-loading::after {
border-color: transparent transparent #00d1b2 #00d1b2 !important;
}
-.button.is-primary.is-outlined[disabled] {
+.button.is-primary.is-outlined[disabled], fieldset[disabled] .button.is-primary.is-outlined {
background-color: transparent;
border-color: #00d1b2;
box-shadow: none;
@@ -1862,7 +1906,7 @@ a.box:active {
background-color: #fff;
color: #00d1b2;
}
-.button.is-primary.is-inverted.is-outlined[disabled] {
+.button.is-primary.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-primary.is-inverted.is-outlined {
background-color: transparent;
border-color: #fff;
box-shadow: none;
@@ -1890,7 +1934,7 @@ a.box:active {
border-color: transparent;
color: #fff;
}
-.button.is-link[disabled] {
+.button.is-link[disabled], fieldset[disabled] .button.is-link {
background-color: #3273dc;
border-color: transparent;
box-shadow: none;
@@ -1902,7 +1946,7 @@ a.box:active {
.button.is-link.is-inverted:hover {
background-color: #f2f2f2;
}
-.button.is-link.is-inverted[disabled] {
+.button.is-link.is-inverted[disabled], fieldset[disabled] .button.is-link.is-inverted {
background-color: #fff;
border-color: transparent;
box-shadow: none;
@@ -1924,7 +1968,7 @@ a.box:active {
.button.is-link.is-outlined.is-loading::after {
border-color: transparent transparent #3273dc #3273dc !important;
}
-.button.is-link.is-outlined[disabled] {
+.button.is-link.is-outlined[disabled], fieldset[disabled] .button.is-link.is-outlined {
background-color: transparent;
border-color: #3273dc;
box-shadow: none;
@@ -1939,7 +1983,7 @@ a.box:active {
background-color: #fff;
color: #3273dc;
}
-.button.is-link.is-inverted.is-outlined[disabled] {
+.button.is-link.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-link.is-inverted.is-outlined {
background-color: transparent;
border-color: #fff;
box-shadow: none;
@@ -1967,7 +2011,7 @@ a.box:active {
border-color: transparent;
color: #fff;
}
-.button.is-info[disabled] {
+.button.is-info[disabled], fieldset[disabled] .button.is-info {
background-color: #209cee;
border-color: transparent;
box-shadow: none;
@@ -1979,7 +2023,7 @@ a.box:active {
.button.is-info.is-inverted:hover {
background-color: #f2f2f2;
}
-.button.is-info.is-inverted[disabled] {
+.button.is-info.is-inverted[disabled], fieldset[disabled] .button.is-info.is-inverted {
background-color: #fff;
border-color: transparent;
box-shadow: none;
@@ -2001,7 +2045,7 @@ a.box:active {
.button.is-info.is-outlined.is-loading::after {
border-color: transparent transparent #209cee #209cee !important;
}
-.button.is-info.is-outlined[disabled] {
+.button.is-info.is-outlined[disabled], fieldset[disabled] .button.is-info.is-outlined {
background-color: transparent;
border-color: #209cee;
box-shadow: none;
@@ -2016,7 +2060,7 @@ a.box:active {
background-color: #fff;
color: #209cee;
}
-.button.is-info.is-inverted.is-outlined[disabled] {
+.button.is-info.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-info.is-inverted.is-outlined {
background-color: transparent;
border-color: #fff;
box-shadow: none;
@@ -2044,7 +2088,7 @@ a.box:active {
border-color: transparent;
color: #fff;
}
-.button.is-success[disabled] {
+.button.is-success[disabled], fieldset[disabled] .button.is-success {
background-color: #23d160;
border-color: transparent;
box-shadow: none;
@@ -2056,7 +2100,7 @@ a.box:active {
.button.is-success.is-inverted:hover {
background-color: #f2f2f2;
}
-.button.is-success.is-inverted[disabled] {
+.button.is-success.is-inverted[disabled], fieldset[disabled] .button.is-success.is-inverted {
background-color: #fff;
border-color: transparent;
box-shadow: none;
@@ -2078,7 +2122,7 @@ a.box:active {
.button.is-success.is-outlined.is-loading::after {
border-color: transparent transparent #23d160 #23d160 !important;
}
-.button.is-success.is-outlined[disabled] {
+.button.is-success.is-outlined[disabled], fieldset[disabled] .button.is-success.is-outlined {
background-color: transparent;
border-color: #23d160;
box-shadow: none;
@@ -2093,7 +2137,7 @@ a.box:active {
background-color: #fff;
color: #23d160;
}
-.button.is-success.is-inverted.is-outlined[disabled] {
+.button.is-success.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-success.is-inverted.is-outlined {
background-color: transparent;
border-color: #fff;
box-shadow: none;
@@ -2121,7 +2165,7 @@ a.box:active {
border-color: transparent;
color: rgba(0, 0, 0, 0.7);
}
-.button.is-warning[disabled] {
+.button.is-warning[disabled], fieldset[disabled] .button.is-warning {
background-color: #ffdd57;
border-color: transparent;
box-shadow: none;
@@ -2133,7 +2177,7 @@ a.box:active {
.button.is-warning.is-inverted:hover {
background-color: rgba(0, 0, 0, 0.7);
}
-.button.is-warning.is-inverted[disabled] {
+.button.is-warning.is-inverted[disabled], fieldset[disabled] .button.is-warning.is-inverted {
background-color: rgba(0, 0, 0, 0.7);
border-color: transparent;
box-shadow: none;
@@ -2155,7 +2199,7 @@ a.box:active {
.button.is-warning.is-outlined.is-loading::after {
border-color: transparent transparent #ffdd57 #ffdd57 !important;
}
-.button.is-warning.is-outlined[disabled] {
+.button.is-warning.is-outlined[disabled], fieldset[disabled] .button.is-warning.is-outlined {
background-color: transparent;
border-color: #ffdd57;
box-shadow: none;
@@ -2170,7 +2214,7 @@ a.box:active {
background-color: rgba(0, 0, 0, 0.7);
color: #ffdd57;
}
-.button.is-warning.is-inverted.is-outlined[disabled] {
+.button.is-warning.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-warning.is-inverted.is-outlined {
background-color: transparent;
border-color: rgba(0, 0, 0, 0.7);
box-shadow: none;
@@ -2198,7 +2242,7 @@ a.box:active {
border-color: transparent;
color: #fff;
}
-.button.is-danger[disabled] {
+.button.is-danger[disabled], fieldset[disabled] .button.is-danger {
background-color: #ff3860;
border-color: transparent;
box-shadow: none;
@@ -2210,7 +2254,7 @@ a.box:active {
.button.is-danger.is-inverted:hover {
background-color: #f2f2f2;
}
-.button.is-danger.is-inverted[disabled] {
+.button.is-danger.is-inverted[disabled], fieldset[disabled] .button.is-danger.is-inverted {
background-color: #fff;
border-color: transparent;
box-shadow: none;
@@ -2232,7 +2276,7 @@ a.box:active {
.button.is-danger.is-outlined.is-loading::after {
border-color: transparent transparent #ff3860 #ff3860 !important;
}
-.button.is-danger.is-outlined[disabled] {
+.button.is-danger.is-outlined[disabled], fieldset[disabled] .button.is-danger.is-outlined {
background-color: transparent;
border-color: #ff3860;
box-shadow: none;
@@ -2247,7 +2291,7 @@ a.box:active {
background-color: #fff;
color: #ff3860;
}
-.button.is-danger.is-inverted.is-outlined[disabled] {
+.button.is-danger.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-danger.is-inverted.is-outlined {
background-color: transparent;
border-color: #fff;
box-shadow: none;
@@ -2257,13 +2301,16 @@ a.box:active {
border-radius: 2px;
font-size: 0.75rem;
}
+.button.is-normal {
+ font-size: 1rem;
+}
.button.is-medium {
font-size: 1.25rem;
}
.button.is-large {
font-size: 1.5rem;
}
-.button[disabled] {
+.button[disabled], fieldset[disabled] .button {
background-color: white;
border-color: #dbdbdb;
box-shadow: none;
@@ -2314,6 +2361,16 @@ a.box:active {
.buttons:not(:last-child) {
margin-bottom: 1rem;
}
+.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large) {
+ border-radius: 2px;
+ font-size: 0.75rem;
+}
+.buttons.are-medium .button:not(.is-small):not(.is-normal):not(.is-large) {
+ font-size: 1.25rem;
+}
+.buttons.are-large .button:not(.is-small):not(.is-normal):not(.is-medium) {
+ font-size: 1.5rem;
+}
.buttons.has-addons .button:not(:first-child) {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
@@ -2547,8 +2604,7 @@ a.box:active {
font-size: 1.5rem;
}
-.input,
-.textarea {
+.input, .textarea {
background-color: white;
border-color: #dbdbdb;
color: #363636;
@@ -2585,163 +2641,112 @@ a.box:active {
border-color: #3273dc;
box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
}
-.input[disabled],
-.textarea[disabled] {
+.input[disabled], fieldset[disabled] .input,
+.textarea[disabled],
+fieldset[disabled] .textarea {
background-color: whitesmoke;
border-color: whitesmoke;
box-shadow: none;
color: #7a7a7a;
}
-.input[disabled]::-moz-placeholder,
-.textarea[disabled]::-moz-placeholder {
+.input[disabled]::-moz-placeholder, fieldset[disabled] .input::-moz-placeholder,
+.textarea[disabled]::-moz-placeholder,
+fieldset[disabled] .textarea::-moz-placeholder {
color: rgba(122, 122, 122, 0.3);
}
-.input[disabled]::-webkit-input-placeholder,
-.textarea[disabled]::-webkit-input-placeholder {
+.input[disabled]::-webkit-input-placeholder, fieldset[disabled] .input::-webkit-input-placeholder,
+.textarea[disabled]::-webkit-input-placeholder,
+fieldset[disabled] .textarea::-webkit-input-placeholder {
color: rgba(122, 122, 122, 0.3);
}
-.input[disabled]:-moz-placeholder,
-.textarea[disabled]:-moz-placeholder {
+.input[disabled]:-moz-placeholder, fieldset[disabled] .input:-moz-placeholder,
+.textarea[disabled]:-moz-placeholder,
+fieldset[disabled] .textarea:-moz-placeholder {
color: rgba(122, 122, 122, 0.3);
}
-.input[disabled]:-ms-input-placeholder,
-.textarea[disabled]:-ms-input-placeholder {
+.input[disabled]:-ms-input-placeholder, fieldset[disabled] .input:-ms-input-placeholder,
+.textarea[disabled]:-ms-input-placeholder,
+fieldset[disabled] .textarea:-ms-input-placeholder {
color: rgba(122, 122, 122, 0.3);
}
-.input[readonly],
-.textarea[readonly] {
+.input[readonly], .textarea[readonly] {
box-shadow: none;
}
-.input.is-white,
-.textarea.is-white {
+.input.is-white, .textarea.is-white {
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 {
+.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 {
box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
}
-.input.is-black,
-.textarea.is-black {
+.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 {
+.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 {
box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25);
}
-.input.is-light,
-.textarea.is-light {
+.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 {
+.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 {
box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25);
}
-.input.is-dark,
-.textarea.is-dark {
+.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 {
+.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 {
box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25);
}
-.input.is-primary,
-.textarea.is-primary {
+.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 {
+.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 {
box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
}
-.input.is-link,
-.textarea.is-link {
+.input.is-link, .textarea.is-link {
border-color: #3273dc;
}
-.input.is-link:focus, .input.is-link.is-focused, .input.is-link:active, .input.is-link.is-active,
-.textarea.is-link:focus,
-.textarea.is-link.is-focused,
-.textarea.is-link:active,
-.textarea.is-link.is-active {
+.input.is-link:focus, .input.is-link.is-focused, .input.is-link:active, .input.is-link.is-active, .textarea.is-link:focus, .textarea.is-link.is-focused, .textarea.is-link:active, .textarea.is-link.is-active {
box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
}
-.input.is-info,
-.textarea.is-info {
+.input.is-info, .textarea.is-info {
border-color: #209cee;
}
-.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 {
+.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 {
box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25);
}
-.input.is-success,
-.textarea.is-success {
+.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 {
+.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 {
box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25);
}
-.input.is-warning,
-.textarea.is-warning {
+.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 {
+.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 {
box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25);
}
-.input.is-danger,
-.textarea.is-danger {
+.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 {
+.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 {
box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25);
}
-.input.is-small,
-.textarea.is-small {
+.input.is-small, .textarea.is-small {
border-radius: 2px;
font-size: 0.75rem;
}
-.input.is-medium,
-.textarea.is-medium {
+.input.is-medium, .textarea.is-medium {
font-size: 1.25rem;
}
-.input.is-large,
-.textarea.is-large {
+.input.is-large, .textarea.is-large {
font-size: 1.5rem;
}
-.input.is-fullwidth,
-.textarea.is-fullwidth {
+.input.is-fullwidth, .textarea.is-fullwidth {
display: block;
width: 100%;
}
-.input.is-inline,
-.textarea.is-inline {
+.input.is-inline, .textarea.is-inline {
display: inline;
width: auto;
}
@@ -2777,8 +2782,7 @@ a.box:active {
resize: none;
}
-.checkbox,
-.radio {
+.checkbox, .radio {
cursor: pointer;
display: inline-block;
line-height: 1.25;
@@ -2792,8 +2796,9 @@ a.box:active {
.radio:hover {
color: #363636;
}
-.checkbox[disabled],
-.radio[disabled] {
+.checkbox[disabled], fieldset[disabled] .checkbox,
+.radio[disabled],
+fieldset[disabled] .radio {
color: #7a7a7a;
cursor: not-allowed;
}
@@ -2849,28 +2854,28 @@ a.box:active {
border-color: #3273dc;
box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
}
-.select select[disabled] {
+.select select[disabled], fieldset[disabled] .select select {
background-color: whitesmoke;
border-color: whitesmoke;
box-shadow: none;
color: #7a7a7a;
}
-.select select[disabled]::-moz-placeholder {
+.select select[disabled]::-moz-placeholder, fieldset[disabled] .select select::-moz-placeholder {
color: rgba(122, 122, 122, 0.3);
}
-.select select[disabled]::-webkit-input-placeholder {
+.select select[disabled]::-webkit-input-placeholder, fieldset[disabled] .select select::-webkit-input-placeholder {
color: rgba(122, 122, 122, 0.3);
}
-.select select[disabled]:-moz-placeholder {
+.select select[disabled]:-moz-placeholder, fieldset[disabled] .select select:-moz-placeholder {
color: rgba(122, 122, 122, 0.3);
}
-.select select[disabled]:-ms-input-placeholder {
+.select select[disabled]:-ms-input-placeholder, fieldset[disabled] .select select:-ms-input-placeholder {
color: rgba(122, 122, 122, 0.3);
}
.select select::-ms-expand {
display: none;
}
-.select select[disabled]:hover {
+.select select[disabled]:hover, fieldset[disabled] .select select:hover {
border-color: whitesmoke;
}
.select select:not([multiple]) {
@@ -3474,15 +3479,15 @@ a.box:active {
.field.has-addons .control:not(:first-child):not(:last-child) .select select {
border-radius: 0;
}
-.field.has-addons .control:first-child .button,
-.field.has-addons .control:first-child .input,
-.field.has-addons .control:first-child .select select {
+.field.has-addons .control:first-child:not(:only-child) .button,
+.field.has-addons .control:first-child:not(:only-child) .input,
+.field.has-addons .control:first-child:not(:only-child) .select select {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
-.field.has-addons .control:last-child .button,
-.field.has-addons .control:last-child .input,
-.field.has-addons .control:last-child .select select {
+.field.has-addons .control:last-child:not(:only-child) .button,
+.field.has-addons .control:last-child:not(:only-child) .input,
+.field.has-addons .control:last-child:not(:only-child) .select select {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
@@ -3625,44 +3630,12 @@ a.box:active {
}
.control {
+ box-sizing: border-box;
clear: both;
font-size: 1rem;
position: relative;
text-align: left;
}
-.control.has-icon .icon {
- color: #dbdbdb;
- height: 2.25em;
- pointer-events: none;
- position: absolute;
- top: 0;
- width: 2.25em;
- z-index: 4;
-}
-.control.has-icon .input:focus + .icon {
- color: #7a7a7a;
-}
-.control.has-icon .input.is-small + .icon {
- font-size: 0.75rem;
-}
-.control.has-icon .input.is-medium + .icon {
- font-size: 1.25rem;
-}
-.control.has-icon .input.is-large + .icon {
- font-size: 1.5rem;
-}
-.control.has-icon:not(.has-icon-right) .icon {
- left: 0;
-}
-.control.has-icon:not(.has-icon-right) .input {
- padding-left: 2.25em;
-}
-.control.has-icon.has-icon-right .icon {
- right: 0;
-}
-.control.has-icon.has-icon-right .input {
- padding-right: 2.25em;
-}
.control.has-icons-left .input:focus ~ .icon,
.control.has-icons-left .select:focus ~ .icon, .control.has-icons-right .input:focus ~ .icon,
.control.has-icons-right .select:focus ~ .icon {
@@ -3754,7 +3727,23 @@ a.box:active {
.image img.is-rounded {
border-radius: 290486px;
}
-.image.is-square img, .image.is-1by1 img, .image.is-5by4 img, .image.is-4by3 img, .image.is-3by2 img, .image.is-5by3 img, .image.is-16by9 img, .image.is-2by1 img, .image.is-3by1 img, .image.is-4by5 img, .image.is-3by4 img, .image.is-2by3 img, .image.is-3by5 img, .image.is-9by16 img, .image.is-1by2 img, .image.is-1by3 img {
+.image.is-square img,
+.image.is-square .has-ratio, .image.is-1by1 img,
+.image.is-1by1 .has-ratio, .image.is-5by4 img,
+.image.is-5by4 .has-ratio, .image.is-4by3 img,
+.image.is-4by3 .has-ratio, .image.is-3by2 img,
+.image.is-3by2 .has-ratio, .image.is-5by3 img,
+.image.is-5by3 .has-ratio, .image.is-16by9 img,
+.image.is-16by9 .has-ratio, .image.is-2by1 img,
+.image.is-2by1 .has-ratio, .image.is-3by1 img,
+.image.is-3by1 .has-ratio, .image.is-4by5 img,
+.image.is-4by5 .has-ratio, .image.is-3by4 img,
+.image.is-3by4 .has-ratio, .image.is-2by3 img,
+.image.is-2by3 .has-ratio, .image.is-3by5 img,
+.image.is-3by5 .has-ratio, .image.is-9by16 img,
+.image.is-9by16 .has-ratio, .image.is-1by2 img,
+.image.is-1by2 .has-ratio, .image.is-1by3 img,
+.image.is-1by3 .has-ratio {
height: 100%;
width: 100%;
}
@@ -3927,6 +3916,23 @@ a.box:active {
background-color: #4a4a4a;
border: none;
}
+.progress:indeterminate {
+ animation-duration: 1.5s;
+ animation-iteration-count: infinite;
+ animation-name: moveIndeterminate;
+ animation-timing-function: linear;
+ background-color: #dbdbdb;
+ background-image: linear-gradient(to right, #4a4a4a 30%, #dbdbdb 30%);
+ background-position: top left;
+ background-repeat: no-repeat;
+ background-size: 150% 150%;
+}
+.progress:indeterminate::-webkit-progress-bar {
+ background-color: transparent;
+}
+.progress:indeterminate::-moz-progress-bar {
+ background-color: transparent;
+}
.progress.is-white::-webkit-progress-value {
background-color: white;
}
@@ -3936,6 +3942,9 @@ a.box:active {
.progress.is-white::-ms-fill {
background-color: white;
}
+.progress.is-white:indeterminate {
+ background-image: linear-gradient(to right, white 30%, #dbdbdb 30%);
+}
.progress.is-black::-webkit-progress-value {
background-color: #0a0a0a;
}
@@ -3945,6 +3954,9 @@ a.box:active {
.progress.is-black::-ms-fill {
background-color: #0a0a0a;
}
+.progress.is-black:indeterminate {
+ background-image: linear-gradient(to right, #0a0a0a 30%, #dbdbdb 30%);
+}
.progress.is-light::-webkit-progress-value {
background-color: whitesmoke;
}
@@ -3954,6 +3966,9 @@ a.box:active {
.progress.is-light::-ms-fill {
background-color: whitesmoke;
}
+.progress.is-light:indeterminate {
+ background-image: linear-gradient(to right, whitesmoke 30%, #dbdbdb 30%);
+}
.progress.is-dark::-webkit-progress-value {
background-color: #363636;
}
@@ -3963,6 +3978,9 @@ a.box:active {
.progress.is-dark::-ms-fill {
background-color: #363636;
}
+.progress.is-dark:indeterminate {
+ background-image: linear-gradient(to right, #363636 30%, #dbdbdb 30%);
+}
.progress.is-primary::-webkit-progress-value {
background-color: #00d1b2;
}
@@ -3972,6 +3990,9 @@ a.box:active {
.progress.is-primary::-ms-fill {
background-color: #00d1b2;
}
+.progress.is-primary:indeterminate {
+ background-image: linear-gradient(to right, #00d1b2 30%, #dbdbdb 30%);
+}
.progress.is-link::-webkit-progress-value {
background-color: #3273dc;
}
@@ -3981,6 +4002,9 @@ a.box:active {
.progress.is-link::-ms-fill {
background-color: #3273dc;
}
+.progress.is-link:indeterminate {
+ background-image: linear-gradient(to right, #3273dc 30%, #dbdbdb 30%);
+}
.progress.is-info::-webkit-progress-value {
background-color: #209cee;
}
@@ -3990,6 +4014,9 @@ a.box:active {
.progress.is-info::-ms-fill {
background-color: #209cee;
}
+.progress.is-info:indeterminate {
+ background-image: linear-gradient(to right, #209cee 30%, #dbdbdb 30%);
+}
.progress.is-success::-webkit-progress-value {
background-color: #23d160;
}
@@ -3999,6 +4026,9 @@ a.box:active {
.progress.is-success::-ms-fill {
background-color: #23d160;
}
+.progress.is-success:indeterminate {
+ background-image: linear-gradient(to right, #23d160 30%, #dbdbdb 30%);
+}
.progress.is-warning::-webkit-progress-value {
background-color: #ffdd57;
}
@@ -4008,6 +4038,9 @@ a.box:active {
.progress.is-warning::-ms-fill {
background-color: #ffdd57;
}
+.progress.is-warning:indeterminate {
+ background-image: linear-gradient(to right, #ffdd57 30%, #dbdbdb 30%);
+}
.progress.is-danger::-webkit-progress-value {
background-color: #ff3860;
}
@@ -4017,6 +4050,9 @@ a.box:active {
.progress.is-danger::-ms-fill {
background-color: #ff3860;
}
+.progress.is-danger:indeterminate {
+ background-image: linear-gradient(to right, #ff3860 30%, #dbdbdb 30%);
+}
.progress.is-small {
height: 0.75rem;
}
@@ -4027,6 +4063,14 @@ a.box:active {
height: 1.5rem;
}
+@keyframes moveIndeterminate {
+ from {
+ background-position: 200% 0;
+ }
+ to {
+ background-position: -200% 0;
+ }
+}
.table {
background-color: white;
color: #363636;
@@ -4131,16 +4175,25 @@ a.box:active {
border-color: #fff;
color: currentColor;
}
+.table thead {
+ background-color: transparent;
+}
.table thead td,
.table thead th {
border-width: 0 0 2px;
color: #363636;
}
+.table tfoot {
+ background-color: transparent;
+}
.table tfoot td,
.table tfoot th {
border-width: 2px 0 0;
color: #363636;
}
+.table tbody {
+ background-color: transparent;
+}
.table tbody tr:last-child td,
.table tbody tr:last-child th {
border-bottom-width: 0;
@@ -4198,6 +4251,12 @@ a.box:active {
.tags:not(:last-child) {
margin-bottom: 1rem;
}
+.tags.are-medium .tag:not(.is-normal):not(.is-large) {
+ font-size: 1rem;
+}
+.tags.are-large .tag:not(.is-normal):not(.is-medium) {
+ font-size: 1.25rem;
+}
.tags.has-addons .tag {
margin-right: 0;
}
@@ -4225,6 +4284,18 @@ a.box:active {
.tags.is-right .tag:not(:last-child) {
margin-right: 0;
}
+.tags.has-addons .tag {
+ margin-right: 0;
+}
+.tags.has-addons .tag:not(:first-child) {
+ margin-left: 0;
+ border-bottom-left-radius: 0;
+ border-top-left-radius: 0;
+}
+.tags.has-addons .tag:not(:last-child) {
+ border-bottom-right-radius: 0;
+ border-top-right-radius: 0;
+}
.tag:not(body) {
align-items: center;
@@ -4284,6 +4355,9 @@ a.box:active {
background-color: #ff3860;
color: #fff;
}
+.tag:not(body).is-normal {
+ font-size: 0.75rem;
+}
.tag:not(body).is-medium {
font-size: 1rem;
}
@@ -4932,7 +5006,7 @@ a.list-item {
.message strong {
color: currentColor;
}
-.message a:not(.button):not(.tag) {
+.message a:not(.button):not(.tag):not(.dropdown-item) {
color: currentColor;
text-decoration: underline;
}
@@ -6145,6 +6219,10 @@ a.navbar-item:hover, a.navbar-item.is-active,
background-color: #fafafa;
}
}
+.hero.is-fullheight-with-navbar {
+ min-height: calc(100vh - 3.25rem);
+}
+
.pagination {
font-size: 1rem;
margin: -0.25rem;
@@ -8874,9 +8952,6 @@ label.panel-block:hover {
.hero.is-fullheight {
min-height: 100vh;
}
-.hero.is-fullheight-with-navbar {
- min-height: calc(100vh - 3.25rem);
-}
.hero-video {
overflow: hidden;