library-mirrors/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma.git synced 2024-11-14 11:14:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Update 0.9.1 changelog

Browse Source
This commit is contained in:
Jeremy Thomas 2020-09-27 10:35:07 +01:00
parent 05efd3cd97
commit 8ee5898d47
4 changed files with 84 additions and 374 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
CHANGELOG.md
View File

@ -1,5 +1,24 @@
# Bulma Changelog # Bulma Changelog
## 0.9.1
### New features
* #3047 Flexbox helpers
* #3085 Add `is-clickable` helper
* #3086 Allow each component to have its own colors and default to global ones
* New variables `$navbar-colors`, `$button-colors`, `$notification-colors`, `$progress-colors`, `$table-colors`, `$tag-colors`, `$file-colors`, `$textarea-colors`, `$select-colors`, `$form-colors`, `$label-colors` and `$hero-colors`
### Improvements
* #2630 Fixes #2598 -> Add `$card-radius` variable
* Add `$card-overflow` variable
* #2540 Fixes #2539 -> Fix indeterminate progress styling in IE11
* #3057 Make the default text color of `$code` listings more accessible
* #3088 Adds not allowed cursor to missing inputs
* #3101 Add `$modal-breakpoint` variable for modal breakpoint
* #3107 Add `optgroup` to `generic.sass`
## 0.9.0 ## 0.9.0
### Deprecation warning ### Deprecation warning

426
docs/css/bulma-docs.css
View File

@ -1,14 +1,6 @@
@charset "UTF-8"; @charset "UTF-8";
/*! bulma.io v0.9.0 | MIT License | github.com/jgthms/bulma */ /*! bulma.io v0.9.0 | MIT License | github.com/jgthms/bulma */
/* Bulma Utilities */ /* Bulma Utilities */
@-webkit-keyframes spinAround {
from {
transform: rotate(0deg);
}
to {
transform: rotate(359deg);
}
}
@keyframes spinAround { @keyframes spinAround {
from { from {
transform: rotate(0deg); transform: rotate(0deg);
@ -131,8 +123,7 @@
} }
.button.is-loading::after, .loader, .select.is-loading::after, .control.is-loading::after { .button.is-loading::after, .loader, .select.is-loading::after, .control.is-loading::after {
-webkit-animation: spinAround 500ms infinite linear; animation: spinAround 500ms infinite linear;
animation: spinAround 500ms infinite linear;
border: 2px solid #dbdbdb; border: 2px solid #dbdbdb;
border-radius: 290486px; border-radius: 290486px;
border-right-color: transparent; border-right-color: transparent;
@ -323,10 +314,7 @@ html {
overflow-x: hidden; overflow-x: hidden;
overflow-y: scroll; overflow-y: scroll;
text-rendering: optimizeLegibility; text-rendering: optimizeLegibility;
-webkit-text-size-adjust: 100%; text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
} }
article, article,
@ -2571,14 +2559,10 @@ fieldset[disabled] .button {
} }
.progress:indeterminate { .progress:indeterminate {
-webkit-animation-duration: 1.5s; animation-duration: 1.5s;
animation-duration: 1.5s; animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite; animation-name: moveIndeterminate;
animation-iteration-count: infinite; animation-timing-function: linear;
-webkit-animation-name: moveIndeterminate;
animation-name: moveIndeterminate;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
background-color: #ededed; background-color: #ededed;
background-image: linear-gradient(to right, #4a4a4a 30%, #ededed 30%); background-image: linear-gradient(to right, #4a4a4a 30%, #ededed 30%);
background-position: top left; background-position: top left;
@ -2610,15 +2594,6 @@ fieldset[disabled] .button {
height: 1.5rem; height: 1.5rem;
} }
@-webkit-keyframes moveIndeterminate {
from {
background-position: 200% 0;
}
to {
background-position: -200% 0;
}
}
@keyframes moveIndeterminate { @keyframes moveIndeterminate {
from { from {
background-position: 200% 0; background-position: 200% 0;
@ -4601,12 +4576,12 @@ fieldset[disabled] .select select:hover {
.card { .card {
background-color: white; background-color: white;
border-radius: 0.25rem;
box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02); box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
color: #4a4a4a; color: #4a4a4a;
max-width: 100%; max-width: 100%;
position: relative;
border-radius: 0;
overflow: hidden; overflow: hidden;
position: relative;
} }
.card-header { .card-header {
@ -8736,8 +8711,6 @@ label.panel-block:hover {
flex-basis: 0; flex-basis: 0;
flex-grow: 1; flex-grow: 1;
flex-shrink: 1; flex-shrink: 1;
min-height: -webkit-min-content;
min-height: -moz-min-content;
min-height: min-content; min-height: min-content;
} }
@ -12974,17 +12947,6 @@ svg {
opacity: 1; opacity: 1;
} }
@-webkit-keyframes introSpinner {
from {
opacity: 0;
transform: scale(1.14);
}
to {
opacity: 1;
transform: scale(1);
}
}
@keyframes introSpinner { @keyframes introSpinner {
from { from {
opacity: 0; opacity: 0;
@ -12998,11 +12960,9 @@ svg {
.intro-spinner, .intro-spinner,
.intro-shadow { .intro-shadow {
-webkit-animation-duration: 500ms; animation-duration: 500ms;
animation-duration: 500ms;
animation-easing-function: ease-out; animation-easing-function: ease-out;
-webkit-animation-fill-mode: both; animation-fill-mode: both;
animation-fill-mode: both;
transform-origin: center; transform-origin: center;
} }
@ -13012,13 +12972,11 @@ svg {
position: absolute; position: absolute;
right: 0; right: 0;
top: 0; top: 0;
-webkit-animation-name: introSpinner; animation-name: introSpinner;
animation-name: introSpinner;
} }
.intro-spinner::before { .intro-spinner::before {
-webkit-animation: spinAround 500ms infinite linear; animation: spinAround 500ms infinite linear;
animation: spinAround 500ms infinite linear;
border: 2px solid #dbdbdb; border: 2px solid #dbdbdb;
border-radius: 290486px; border-radius: 290486px;
border-right-color: transparent; border-right-color: transparent;
@ -13037,17 +12995,6 @@ svg {
width: 1.5em; width: 1.5em;
} }
@-webkit-keyframes introShadow {
from {
opacity: 0;
transform: scale(0.86);
}
to {
opacity: 1;
transform: scale(1);
}
}
@keyframes introShadow { @keyframes introShadow {
from { from {
opacity: 0; opacity: 0;
@ -13070,8 +13017,7 @@ svg {
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
box-shadow: 0 1.5rem 3rem rgba(0, 0, 0, 0.2); box-shadow: 0 1.5rem 3rem rgba(0, 0, 0, 0.2);
-webkit-animation-name: introShadow; animation-name: introShadow;
animation-name: introShadow;
} }
.intro-iframe { .intro-iframe {
@ -14927,8 +14873,7 @@ svg {
} }
.bd-rainbow { .bd-rainbow {
-webkit-animation: rainbow 8s ease infinite; animation: rainbow 8s ease infinite;
animation: rainbow 8s ease infinite;
background-image: linear-gradient(124deg, #ff470f, #f14668, #b86bff, #3273dc); background-image: linear-gradient(124deg, #ff470f, #f14668, #b86bff, #3273dc);
background-size: 800% 800%; background-size: 800% 800%;
} }
@ -14938,18 +14883,6 @@ svg {
color: white; color: white;
} }
@-webkit-keyframes rainbow {
0% {
background-position: 1% 80%;
}
50% {
background-position: 99% 20%;
}
100% {
background-position: 1% 80%;
}
}
@keyframes rainbow { @keyframes rainbow {
0% { 0% {
background-position: 1% 80%; background-position: 1% 80%;
@ -15456,15 +15389,6 @@ svg {
} }
} }
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn { @keyframes fadeIn {
from { from {
opacity: 0; opacity: 0;
@ -15474,15 +15398,6 @@ svg {
} }
} }
@-webkit-keyframes zoomIn {
from {
transform: scale(0.8);
}
to {
transform: scale(1);
}
}
@keyframes zoomIn { @keyframes zoomIn {
from { from {
transform: scale(0.8); transform: scale(0.8);
@ -15627,21 +15542,17 @@ svg {
.bd-book-modal .bd-book-modal-background, .bd-book-modal .bd-book-modal-background,
.bd-book-modal .modal-content { .bd-book-modal .modal-content {
-webkit-animation-duration: 250ms; animation-duration: 250ms;
animation-duration: 250ms;
animation-easing-function: ease-out; animation-easing-function: ease-out;
-webkit-animation-fill-mode: both; animation-fill-mode: both;
animation-fill-mode: both;
} }
.bd-book-modal .bd-book-modal-background { .bd-book-modal .bd-book-modal-background {
-webkit-animation-name: fadeIn; animation-name: fadeIn;
animation-name: fadeIn;
} }
.bd-book-modal .modal-content { .bd-book-modal .modal-content {
-webkit-animation-name: zoomIn; animation-name: zoomIn;
animation-name: zoomIn;
transform-origin: center; transform-origin: center;
} }
@ -15832,15 +15743,6 @@ svg {
} }
} }
@-webkit-keyframes bdGrow {
from {
transform: scale(0);
}
to {
transform: scale(1);
}
}
@keyframes bdGrow { @keyframes bdGrow {
from { from {
transform: scale(0); transform: scale(0);
@ -15850,17 +15752,6 @@ svg {
} }
} }
@-webkit-keyframes bdSlideDown {
from {
opacity: 0;
transform: translateY(-1rem);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes bdSlideDown { @keyframes bdSlideDown {
from { from {
opacity: 0; opacity: 0;
@ -15872,17 +15763,6 @@ svg {
} }
} }
@-webkit-keyframes bdSlideUp {
from {
opacity: 0;
transform: translateY(1rem);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes bdSlideUp { @keyframes bdSlideUp {
from { from {
opacity: 0; opacity: 0;
@ -15896,132 +15776,95 @@ svg {
.intro-title, .intro-ghbtns, .intro-title, .intro-ghbtns,
.intro-author, .intro-npm, .intro-buttons .button, .bd-focus-item .title, .bd-focus-item .subtitle, .bd-focus-mobile, .bd-focus-tablet, .bd-focus-desktop, .bd-focus-cube-1, .bd-focus-cube-2, .bd-focus-cube-3, .bd-focus-css3, .bd-focus-github { .intro-author, .intro-npm, .intro-buttons .button, .bd-focus-item .title, .bd-focus-item .subtitle, .bd-focus-mobile, .bd-focus-tablet, .bd-focus-desktop, .bd-focus-cube-1, .bd-focus-cube-2, .bd-focus-cube-3, .bd-focus-css3, .bd-focus-github {
-webkit-animation-duration: 500ms; animation-duration: 500ms;
animation-duration: 500ms; animation-fill-mode: both;
-webkit-animation-fill-mode: both; animation-timing-function: cubic-bezier(0.14, 0.71, 0.29, 0.86);
animation-fill-mode: both;
-webkit-animation-timing-function: cubic-bezier(0.14, 0.71, 0.29, 0.86);
animation-timing-function: cubic-bezier(0.14, 0.71, 0.29, 0.86);
transform-origin: center center; transform-origin: center center;
} }
.intro-title { .intro-title {
-webkit-animation-name: bdSlideDown; animation-name: bdSlideDown;
animation-name: bdSlideDown;
} }
.intro-ghbtns, .intro-ghbtns,
.intro-author { .intro-author {
-webkit-animation-delay: 1s; animation-delay: 1s;
animation-delay: 1s; animation-duration: 1000ms;
-webkit-animation-duration: 1000ms; animation-name: bdFadeIn;
animation-duration: 1000ms;
-webkit-animation-name: bdFadeIn;
animation-name: bdFadeIn;
} }
.intro-npm { .intro-npm {
-webkit-animation-delay: 250ms; animation-delay: 250ms;
animation-delay: 250ms; animation-name: bdSlowIn;
-webkit-animation-name: bdSlowIn;
animation-name: bdSlowIn;
} }
.intro-buttons .button { .intro-buttons .button {
-webkit-animation-name: bdSlowIn; animation-name: bdSlowIn;
animation-name: bdSlowIn;
} }
.intro-buttons .button:first-child { .intro-buttons .button:first-child {
-webkit-animation-delay: 500ms; animation-delay: 500ms;
animation-delay: 500ms;
} }
.intro-buttons .button:last-child { .intro-buttons .button:last-child {
-webkit-animation-delay: 750ms; animation-delay: 750ms;
animation-delay: 750ms;
} }
.bd-focus-item .title { .bd-focus-item .title {
-webkit-animation-name: bdSlideDown; animation-name: bdSlideDown;
animation-name: bdSlideDown;
} }
.bd-focus-item .subtitle { .bd-focus-item .subtitle {
-webkit-animation-name: bdSlideUp; animation-name: bdSlideUp;
animation-name: bdSlideUp;
} }
.bd-focus-item:nth-child(1) .title { .bd-focus-item:nth-child(1) .title {
-webkit-animation-delay: 1s; animation-delay: 1s;
animation-delay: 1s;
} }
.bd-focus-item:nth-child(1) .subtitle { .bd-focus-item:nth-child(1) .subtitle {
-webkit-animation-delay: 1.125s; animation-delay: 1.125s;
animation-delay: 1.125s;
} }
.bd-focus-item:nth-child(2) .title { .bd-focus-item:nth-child(2) .title {
-webkit-animation-delay: 1.5s; animation-delay: 1.5s;
animation-delay: 1.5s;
} }
.bd-focus-item:nth-child(2) .subtitle { .bd-focus-item:nth-child(2) .subtitle {
-webkit-animation-delay: 1.625s; animation-delay: 1.625s;
animation-delay: 1.625s;
} }
.bd-focus-item:nth-child(3) .title { .bd-focus-item:nth-child(3) .title {
-webkit-animation-delay: 2s; animation-delay: 2s;
animation-delay: 2s;
} }
.bd-focus-item:nth-child(3) .subtitle { .bd-focus-item:nth-child(3) .subtitle {
-webkit-animation-delay: 2.125s; animation-delay: 2.125s;
animation-delay: 2.125s;
} }
.bd-focus-item:nth-child(4) .title { .bd-focus-item:nth-child(4) .title {
-webkit-animation-delay: 2.5s; animation-delay: 2.5s;
animation-delay: 2.5s;
} }
.bd-focus-item:nth-child(4) .subtitle { .bd-focus-item:nth-child(4) .subtitle {
-webkit-animation-delay: 2.625s; animation-delay: 2.625s;
animation-delay: 2.625s;
} }
.bd-focus-mobile, .bd-focus-tablet, .bd-focus-desktop { .bd-focus-mobile, .bd-focus-tablet, .bd-focus-desktop {
-webkit-animation-name: bdGrow; animation-name: bdGrow;
animation-name: bdGrow;
transform-origin: bottom center; transform-origin: bottom center;
} }
.bd-focus-mobile { .bd-focus-mobile {
-webkit-animation-delay: 1s; animation-delay: 1s;
animation-delay: 1s;
} }
.bd-focus-tablet { .bd-focus-tablet {
-webkit-animation-delay: 1.25s; animation-delay: 1.25s;
animation-delay: 1.25s;
} }
.bd-focus-desktop { .bd-focus-desktop {
-webkit-animation-delay: 1.5s; animation-delay: 1.5s;
animation-delay: 1.5s;
}
@-webkit-keyframes bdCube1 {
0% {
transform: translate3d(0, -50px, 0);
opacity: 0;
}
25%, 100% {
transform: translate3d(0, 0, 0);
opacity: 1;
}
} }
@keyframes bdCube1 { @keyframes bdCube1 {
@ -16035,17 +15878,6 @@ svg {
} }
} }
@-webkit-keyframes bdCube2 {
0% {
transform: translate3d(-40px, 30px, 0);
opacity: 0;
}
25%, 100% {
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes bdCube2 { @keyframes bdCube2 {
0% { 0% {
transform: translate3d(-40px, 30px, 0); transform: translate3d(-40px, 30px, 0);
@ -16057,17 +15889,6 @@ svg {
} }
} }
@-webkit-keyframes bdCube3 {
0% {
transform: translate3d(40px, 30px, 0);
opacity: 0;
}
25%, 100% {
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes bdCube3 { @keyframes bdCube3 {
0% { 0% {
transform: translate3d(40px, 30px, 0); transform: translate3d(40px, 30px, 0);
@ -16080,42 +15901,24 @@ svg {
} }
.bd-focus-cube-1, .bd-focus-cube-2, .bd-focus-cube-3 { .bd-focus-cube-1, .bd-focus-cube-2, .bd-focus-cube-3 {
-webkit-animation-direction: alternate; animation-direction: alternate;
animation-direction: alternate; animation-duration: 2000ms;
-webkit-animation-duration: 2000ms; animation-iteration-count: infinite;
animation-duration: 2000ms;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
} }
.bd-focus-cube-1 { .bd-focus-cube-1 {
-webkit-animation-delay: 1.5s; animation-delay: 1.5s;
animation-delay: 1.5s; animation-name: bdCube1;
-webkit-animation-name: bdCube1;
animation-name: bdCube1;
} }
.bd-focus-cube-2 { .bd-focus-cube-2 {
-webkit-animation-name: bdCube2; animation-name: bdCube2;
animation-name: bdCube2; animation-delay: 1.75s;
-webkit-animation-delay: 1.75s;
animation-delay: 1.75s;
} }
.bd-focus-cube-3 { .bd-focus-cube-3 {
-webkit-animation-name: bdCube3; animation-name: bdCube3;
animation-name: bdCube3; animation-delay: 2s;
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
@-webkit-keyframes bdFadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
} }
@keyframes bdFadeIn { @keyframes bdFadeIn {
@ -16127,17 +15930,6 @@ svg {
} }
} }
@-webkit-keyframes bdSlowIn {
from {
opacity: 0;
transform: scale(0.9);
}
to {
opacity: 1;
transform: scale(1);
}
}
@keyframes bdSlowIn { @keyframes bdSlowIn {
from { from {
opacity: 0; opacity: 0;
@ -16149,17 +15941,6 @@ svg {
} }
} }
@-webkit-keyframes bdScaleIn {
from {
opacity: 0;
transform: scale(0);
}
to {
opacity: 1;
transform: scale(1);
}
}
@keyframes bdScaleIn { @keyframes bdScaleIn {
from { from {
opacity: 0; opacity: 0;
@ -16172,103 +15953,14 @@ svg {
} }
.bd-focus-css3 { .bd-focus-css3 {
-webkit-animation-delay: 2s; animation-delay: 2s;
animation-delay: 2s; animation-name: bdScaleIn;
-webkit-animation-name: bdScaleIn;
animation-name: bdScaleIn;
} }
.bd-focus-github { .bd-focus-github {
-webkit-animation-delay: 2.5s; animation-delay: 2.5s;
animation-delay: 2.5s; animation-duration: 1500ms;
-webkit-animation-duration: 1500ms; animation-name: bdJellyPop;
animation-duration: 1500ms;
-webkit-animation-name: bdJellyPop;
animation-name: bdJellyPop;
}
@-webkit-keyframes bdJellyPop {
0% {
opacity: 0;
transform: matrix3d(0.1, 0, 0, 0, 0, 0.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
3.4% {
opacity: 1;
transform: matrix3d(0.384, 0, 0, 0, 0, 0.466, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
4.7% {
transform: matrix3d(0.505, 0, 0, 0, 0, 0.639, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
6.81% {
transform: matrix3d(0.693, 0, 0, 0, 0, 0.904, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
9.41% {
transform: matrix3d(0.895, 0, 0, 0, 0, 1.151, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
10.21% {
transform: matrix3d(0.947, 0, 0, 0, 0, 1.204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
13.61% {
transform: matrix3d(1.111, 0, 0, 0, 0, 1.299, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
14.11% {
transform: matrix3d(1.127, 0, 0, 0, 0, 1.298, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
17.52% {
transform: matrix3d(1.187, 0, 0, 0, 0, 1.216, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
18.72% {
transform: matrix3d(1.191, 0, 0, 0, 0, 1.169, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
21.32% {
transform: matrix3d(1.177, 0, 0, 0, 0, 1.062, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
24.32% {
transform: matrix3d(1.135, 0, 0, 0, 0, 0.964, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
25.23% {
transform: matrix3d(1.121, 0, 0, 0, 0, 0.944, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
29.03% {
transform: matrix3d(1.057, 0, 0, 0, 0, 0.907, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
29.93% {
transform: matrix3d(1.043, 0, 0, 0, 0, 0.909, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
35.54% {
transform: matrix3d(0.981, 0, 0, 0, 0, 0.966, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
36.74% {
transform: matrix3d(0.974, 0, 0, 0, 0, 0.981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
41.04% {
transform: matrix3d(0.965, 0, 0, 0, 0, 1.02, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
44.44% {
transform: matrix3d(0.969, 0, 0, 0, 0, 1.029, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
52.15% {
transform: matrix3d(0.992, 0, 0, 0, 0, 1.006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
59.86% {
transform: matrix3d(1.005, 0, 0, 0, 0, 0.991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
63.26% {
transform: matrix3d(1.007, 0, 0, 0, 0, 0.993, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
75.28% {
transform: matrix3d(1.001, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
85.49% {
transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
90.69% {
transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
100% {
opacity: 1;
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
} }
@keyframes bdJellyPop { @keyframes bdJellyPop {
@ -16354,5 +16046,3 @@ svg {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
} }
} }
/*# sourceMappingURL=bulma-docs.css.map */

6
docs/documentation/elements/block.html
View File

@ -28,13 +28,13 @@ meta:
{% capture no_block_example %} {% capture no_block_example %}
<div> <div>
This text is not within a <strong>block</strong>. This text is <em>not</em> within a <strong>block</strong>.
</div> </div>
<div> <div>
This text isn't within a <strong>block</strong> either. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean efficitur sit amet massa fringilla egestas. Nullam condimentum luctus turpis. This text <em>isn't</em> within a <strong>block</strong> either. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean efficitur sit amet massa fringilla egestas. Nullam condimentum luctus turpis.
</div> </div>
<div> <div>
This text is also not within a <strong>block</strong>. This text is also <em>not</em> within a <strong>block</strong>.
</div> </div>
{% endcapture %} {% endcapture %}

7
sass/components/card.sass
View File

@ -1,7 +1,8 @@
$card-color: $text !default $card-color: $text !default
$card-background-color: $scheme-main !default $card-background-color: $scheme-main !default
$card-shadow: 0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02) !default $card-shadow: 0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02) !default
$card-radius: 0 !default $card-radius: 0.25rem !default
$card-overflow: hidden !default
$card-header-background-color: transparent !default $card-header-background-color: transparent !default
$card-header-color: $text-strong !default $card-header-color: $text-strong !default
@ -20,12 +21,12 @@ $card-media-margin: $block-spacing !default
.card .card
background-color: $card-background-color background-color: $card-background-color
border-radius: $card-radius
box-shadow: $card-shadow box-shadow: $card-shadow
color: $card-color color: $card-color
max-width: 100% max-width: 100%
overflow: $card-overflow
position: relative position: relative
border-radius: $card-radius
overflow: hidden
.card-header .card-header
background-color: $card-header-background-color background-color: $card-header-background-color