Fix #2741
This commit is contained in:
Jeremy Thomas
parent
50e995000f
commit
5ba407bf91
9 changed files with 82 additions and 389 deletions
|
|
@ -6,6 +6,7 @@
|
|||
|
||||
* #2709 Add light colors to the `notification` element
|
||||
* #2740 Fixes #2739 -> Add variables size for layout `hero`
|
||||
* Fix #2741 -> Create `bulmaRgba()` function to support `inherit` value
|
||||
|
||||
### Bug fixes
|
||||
|
||||
|
|
|
|||
|
|
@ -1,13 +1,5 @@
|
|||
@charset "UTF-8";
|
||||
/*! bulma.io v0.8.0 | MIT License | github.com/jgthms/bulma */
|
||||
@-webkit-keyframes spinAround {
|
||||
from {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
to {
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
@keyframes spinAround {
|
||||
from {
|
||||
transform: rotate(0deg);
|
||||
|
|
@ -130,8 +122,7 @@
|
|||
}
|
||||
|
||||
.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-radius: 290486px;
|
||||
border-right-color: transparent;
|
||||
|
|
@ -321,10 +312,7 @@ html {
|
|||
overflow-x: hidden;
|
||||
overflow-y: scroll;
|
||||
text-rendering: optimizeLegibility;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
-moz-text-size-adjust: 100%;
|
||||
-ms-text-size-adjust: 100%;
|
||||
text-size-adjust: 100%;
|
||||
text-size-adjust: 100%;
|
||||
}
|
||||
|
||||
article,
|
||||
|
|
@ -3674,14 +3662,10 @@ fieldset[disabled] .button {
|
|||
}
|
||||
|
||||
.progress:indeterminate {
|
||||
-webkit-animation-duration: 1.5s;
|
||||
animation-duration: 1.5s;
|
||||
-webkit-animation-iteration-count: infinite;
|
||||
animation-iteration-count: infinite;
|
||||
-webkit-animation-name: moveIndeterminate;
|
||||
animation-name: moveIndeterminate;
|
||||
-webkit-animation-timing-function: linear;
|
||||
animation-timing-function: linear;
|
||||
animation-duration: 1.5s;
|
||||
animation-iteration-count: infinite;
|
||||
animation-name: moveIndeterminate;
|
||||
animation-timing-function: linear;
|
||||
background-color: #ededed;
|
||||
background-image: linear-gradient(to right, #4a4a4a 30%, #ededed 30%);
|
||||
background-position: top left;
|
||||
|
|
@ -3709,15 +3693,6 @@ fieldset[disabled] .button {
|
|||
height: 1.5rem;
|
||||
}
|
||||
|
||||
@-webkit-keyframes moveIndeterminate {
|
||||
from {
|
||||
background-position: 200% 0;
|
||||
}
|
||||
to {
|
||||
background-position: -200% 0;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes moveIndeterminate {
|
||||
from {
|
||||
background-position: 200% 0;
|
||||
|
|
@ -4320,23 +4295,23 @@ a.tag:hover {
|
|||
background-color: white;
|
||||
border-color: #dbdbdb;
|
||||
border-radius: 4px;
|
||||
color: #363636;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.input::-moz-placeholder, .textarea::-moz-placeholder, .select select::-moz-placeholder {
|
||||
color: rgba(54, 54, 54, 0.3);
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.input::-webkit-input-placeholder, .textarea::-webkit-input-placeholder, .select select::-webkit-input-placeholder {
|
||||
color: rgba(54, 54, 54, 0.3);
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.input:-moz-placeholder, .textarea:-moz-placeholder, .select select:-moz-placeholder {
|
||||
color: rgba(54, 54, 54, 0.3);
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.input:-ms-input-placeholder, .textarea:-ms-input-placeholder, .select select:-ms-input-placeholder {
|
||||
color: rgba(54, 54, 54, 0.3);
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.input:hover, .textarea:hover, .select select:hover, .is-hovered.input, .is-hovered.textarea, .select select.is-hovered {
|
||||
|
|
@ -9864,8 +9839,6 @@ label.panel-block:hover {
|
|||
flex-basis: 0;
|
||||
flex-grow: 1;
|
||||
flex-shrink: 1;
|
||||
min-height: -webkit-min-content;
|
||||
min-height: -moz-min-content;
|
||||
min-height: min-content;
|
||||
}
|
||||
|
||||
|
|
@ -10749,21 +10722,18 @@ label.panel-block:hover {
|
|||
}
|
||||
|
||||
.hero.is-small .hero-body {
|
||||
padding-bottom: 1.5rem;
|
||||
padding-top: 1.5rem;
|
||||
padding: 1.5rem;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 769px), print {
|
||||
.hero.is-medium .hero-body {
|
||||
padding-bottom: 9rem;
|
||||
padding-top: 9rem;
|
||||
padding: 9rem 1.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 769px), print {
|
||||
.hero.is-large .hero-body {
|
||||
padding-bottom: 18rem;
|
||||
padding-top: 18rem;
|
||||
padding: 18rem 1.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -12196,17 +12166,6 @@ svg {
|
|||
opacity: 1;
|
||||
}
|
||||
|
||||
@-webkit-keyframes introSpinner {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: scale(1.14);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes introSpinner {
|
||||
from {
|
||||
opacity: 0;
|
||||
|
|
@ -12220,11 +12179,9 @@ svg {
|
|||
|
||||
.intro-spinner,
|
||||
.intro-shadow {
|
||||
-webkit-animation-duration: 500ms;
|
||||
animation-duration: 500ms;
|
||||
animation-duration: 500ms;
|
||||
animation-easing-function: ease-out;
|
||||
-webkit-animation-fill-mode: both;
|
||||
animation-fill-mode: both;
|
||||
animation-fill-mode: both;
|
||||
transform-origin: center;
|
||||
}
|
||||
|
||||
|
|
@ -12234,13 +12191,11 @@ svg {
|
|||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
-webkit-animation-name: introSpinner;
|
||||
animation-name: introSpinner;
|
||||
animation-name: introSpinner;
|
||||
}
|
||||
|
||||
.intro-spinner::before {
|
||||
-webkit-animation: spinAround 500ms infinite linear;
|
||||
animation: spinAround 500ms infinite linear;
|
||||
animation: spinAround 500ms infinite linear;
|
||||
border: 2px solid #dbdbdb;
|
||||
border-radius: 290486px;
|
||||
border-right-color: transparent;
|
||||
|
|
@ -12259,17 +12214,6 @@ svg {
|
|||
width: 1.5em;
|
||||
}
|
||||
|
||||
@-webkit-keyframes introShadow {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: scale(0.86);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes introShadow {
|
||||
from {
|
||||
opacity: 0;
|
||||
|
|
@ -12292,8 +12236,7 @@ svg {
|
|||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
box-shadow: 0 1.5rem 3rem rgba(0, 0, 0, 0.2);
|
||||
-webkit-animation-name: introShadow;
|
||||
animation-name: introShadow;
|
||||
animation-name: introShadow;
|
||||
}
|
||||
|
||||
.intro-iframe {
|
||||
|
|
@ -14093,8 +14036,7 @@ svg {
|
|||
}
|
||||
|
||||
.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-size: 800% 800%;
|
||||
}
|
||||
|
|
@ -14104,18 +14046,6 @@ svg {
|
|||
color: white;
|
||||
}
|
||||
|
||||
@-webkit-keyframes rainbow {
|
||||
0% {
|
||||
background-position: 1% 80%;
|
||||
}
|
||||
50% {
|
||||
background-position: 99% 20%;
|
||||
}
|
||||
100% {
|
||||
background-position: 1% 80%;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes rainbow {
|
||||
0% {
|
||||
background-position: 1% 80%;
|
||||
|
|
@ -14609,15 +14539,6 @@ svg {
|
|||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes fadeIn {
|
||||
from {
|
||||
opacity: 0;
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fadeIn {
|
||||
from {
|
||||
opacity: 0;
|
||||
|
|
@ -14627,15 +14548,6 @@ svg {
|
|||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes zoomIn {
|
||||
from {
|
||||
transform: scale(0.8);
|
||||
}
|
||||
to {
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes zoomIn {
|
||||
from {
|
||||
transform: scale(0.8);
|
||||
|
|
@ -14780,21 +14692,17 @@ svg {
|
|||
|
||||
.bd-book-modal .bd-book-modal-background,
|
||||
.bd-book-modal .modal-content {
|
||||
-webkit-animation-duration: 250ms;
|
||||
animation-duration: 250ms;
|
||||
animation-duration: 250ms;
|
||||
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 {
|
||||
-webkit-animation-name: fadeIn;
|
||||
animation-name: fadeIn;
|
||||
animation-name: fadeIn;
|
||||
}
|
||||
|
||||
.bd-book-modal .modal-content {
|
||||
-webkit-animation-name: zoomIn;
|
||||
animation-name: zoomIn;
|
||||
animation-name: zoomIn;
|
||||
transform-origin: center;
|
||||
}
|
||||
|
||||
|
|
@ -14985,15 +14893,6 @@ svg {
|
|||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes bdGrow {
|
||||
from {
|
||||
transform: scale(0);
|
||||
}
|
||||
to {
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes bdGrow {
|
||||
from {
|
||||
transform: scale(0);
|
||||
|
|
@ -15003,17 +14902,6 @@ svg {
|
|||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes bdSlideDown {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translateY(-1rem);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes bdSlideDown {
|
||||
from {
|
||||
opacity: 0;
|
||||
|
|
@ -15025,17 +14913,6 @@ svg {
|
|||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes bdSlideUp {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translateY(1rem);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes bdSlideUp {
|
||||
from {
|
||||
opacity: 0;
|
||||
|
|
@ -15049,132 +14926,95 @@ svg {
|
|||
|
||||
.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 {
|
||||
-webkit-animation-duration: 500ms;
|
||||
animation-duration: 500ms;
|
||||
-webkit-animation-fill-mode: both;
|
||||
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);
|
||||
animation-duration: 500ms;
|
||||
animation-fill-mode: both;
|
||||
animation-timing-function: cubic-bezier(0.14, 0.71, 0.29, 0.86);
|
||||
transform-origin: center center;
|
||||
}
|
||||
|
||||
.intro-title {
|
||||
-webkit-animation-name: bdSlideDown;
|
||||
animation-name: bdSlideDown;
|
||||
animation-name: bdSlideDown;
|
||||
}
|
||||
|
||||
.intro-ghbtns,
|
||||
.intro-author {
|
||||
-webkit-animation-delay: 1s;
|
||||
animation-delay: 1s;
|
||||
-webkit-animation-duration: 1000ms;
|
||||
animation-duration: 1000ms;
|
||||
-webkit-animation-name: bdFadeIn;
|
||||
animation-name: bdFadeIn;
|
||||
animation-delay: 1s;
|
||||
animation-duration: 1000ms;
|
||||
animation-name: bdFadeIn;
|
||||
}
|
||||
|
||||
.intro-npm {
|
||||
-webkit-animation-delay: 250ms;
|
||||
animation-delay: 250ms;
|
||||
-webkit-animation-name: bdSlowIn;
|
||||
animation-name: bdSlowIn;
|
||||
animation-delay: 250ms;
|
||||
animation-name: bdSlowIn;
|
||||
}
|
||||
|
||||
.intro-buttons .button {
|
||||
-webkit-animation-name: bdSlowIn;
|
||||
animation-name: bdSlowIn;
|
||||
animation-name: bdSlowIn;
|
||||
}
|
||||
|
||||
.intro-buttons .button:first-child {
|
||||
-webkit-animation-delay: 500ms;
|
||||
animation-delay: 500ms;
|
||||
animation-delay: 500ms;
|
||||
}
|
||||
|
||||
.intro-buttons .button:last-child {
|
||||
-webkit-animation-delay: 750ms;
|
||||
animation-delay: 750ms;
|
||||
animation-delay: 750ms;
|
||||
}
|
||||
|
||||
.bd-focus-item .title {
|
||||
-webkit-animation-name: bdSlideDown;
|
||||
animation-name: bdSlideDown;
|
||||
animation-name: bdSlideDown;
|
||||
}
|
||||
|
||||
.bd-focus-item .subtitle {
|
||||
-webkit-animation-name: bdSlideUp;
|
||||
animation-name: bdSlideUp;
|
||||
animation-name: bdSlideUp;
|
||||
}
|
||||
|
||||
.bd-focus-item:nth-child(1) .title {
|
||||
-webkit-animation-delay: 1s;
|
||||
animation-delay: 1s;
|
||||
animation-delay: 1s;
|
||||
}
|
||||
|
||||
.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 {
|
||||
-webkit-animation-delay: 1.5s;
|
||||
animation-delay: 1.5s;
|
||||
animation-delay: 1.5s;
|
||||
}
|
||||
|
||||
.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 {
|
||||
-webkit-animation-delay: 2s;
|
||||
animation-delay: 2s;
|
||||
animation-delay: 2s;
|
||||
}
|
||||
|
||||
.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 {
|
||||
-webkit-animation-delay: 2.5s;
|
||||
animation-delay: 2.5s;
|
||||
animation-delay: 2.5s;
|
||||
}
|
||||
|
||||
.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 {
|
||||
-webkit-animation-name: bdGrow;
|
||||
animation-name: bdGrow;
|
||||
animation-name: bdGrow;
|
||||
transform-origin: bottom center;
|
||||
}
|
||||
|
||||
.bd-focus-mobile {
|
||||
-webkit-animation-delay: 1s;
|
||||
animation-delay: 1s;
|
||||
animation-delay: 1s;
|
||||
}
|
||||
|
||||
.bd-focus-tablet {
|
||||
-webkit-animation-delay: 1.25s;
|
||||
animation-delay: 1.25s;
|
||||
animation-delay: 1.25s;
|
||||
}
|
||||
|
||||
.bd-focus-desktop {
|
||||
-webkit-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;
|
||||
}
|
||||
animation-delay: 1.5s;
|
||||
}
|
||||
|
||||
@keyframes bdCube1 {
|
||||
|
|
@ -15188,17 +15028,6 @@ svg {
|
|||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes bdCube2 {
|
||||
0% {
|
||||
transform: translate3d(-40px, 30px, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
25%, 100% {
|
||||
transform: translate3d(0, 0, 0);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes bdCube2 {
|
||||
0% {
|
||||
transform: translate3d(-40px, 30px, 0);
|
||||
|
|
@ -15210,17 +15039,6 @@ svg {
|
|||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes bdCube3 {
|
||||
0% {
|
||||
transform: translate3d(40px, 30px, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
25%, 100% {
|
||||
transform: translate3d(0, 0, 0);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes bdCube3 {
|
||||
0% {
|
||||
transform: translate3d(40px, 30px, 0);
|
||||
|
|
@ -15233,42 +15051,24 @@ svg {
|
|||
}
|
||||
|
||||
.bd-focus-cube-1, .bd-focus-cube-2, .bd-focus-cube-3 {
|
||||
-webkit-animation-direction: alternate;
|
||||
animation-direction: alternate;
|
||||
-webkit-animation-duration: 2000ms;
|
||||
animation-duration: 2000ms;
|
||||
-webkit-animation-iteration-count: infinite;
|
||||
animation-iteration-count: infinite;
|
||||
animation-direction: alternate;
|
||||
animation-duration: 2000ms;
|
||||
animation-iteration-count: infinite;
|
||||
}
|
||||
|
||||
.bd-focus-cube-1 {
|
||||
-webkit-animation-delay: 1.5s;
|
||||
animation-delay: 1.5s;
|
||||
-webkit-animation-name: bdCube1;
|
||||
animation-name: bdCube1;
|
||||
animation-delay: 1.5s;
|
||||
animation-name: bdCube1;
|
||||
}
|
||||
|
||||
.bd-focus-cube-2 {
|
||||
-webkit-animation-name: bdCube2;
|
||||
animation-name: bdCube2;
|
||||
-webkit-animation-delay: 1.75s;
|
||||
animation-delay: 1.75s;
|
||||
animation-name: bdCube2;
|
||||
animation-delay: 1.75s;
|
||||
}
|
||||
|
||||
.bd-focus-cube-3 {
|
||||
-webkit-animation-name: bdCube3;
|
||||
animation-name: bdCube3;
|
||||
-webkit-animation-delay: 2s;
|
||||
animation-delay: 2s;
|
||||
}
|
||||
|
||||
@-webkit-keyframes bdFadeIn {
|
||||
from {
|
||||
opacity: 0;
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
}
|
||||
animation-name: bdCube3;
|
||||
animation-delay: 2s;
|
||||
}
|
||||
|
||||
@keyframes bdFadeIn {
|
||||
|
|
@ -15280,17 +15080,6 @@ svg {
|
|||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes bdSlowIn {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: scale(0.9);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes bdSlowIn {
|
||||
from {
|
||||
opacity: 0;
|
||||
|
|
@ -15302,17 +15091,6 @@ svg {
|
|||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes bdScaleIn {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: scale(0);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes bdScaleIn {
|
||||
from {
|
||||
opacity: 0;
|
||||
|
|
@ -15325,103 +15103,14 @@ svg {
|
|||
}
|
||||
|
||||
.bd-focus-css3 {
|
||||
-webkit-animation-delay: 2s;
|
||||
animation-delay: 2s;
|
||||
-webkit-animation-name: bdScaleIn;
|
||||
animation-name: bdScaleIn;
|
||||
animation-delay: 2s;
|
||||
animation-name: bdScaleIn;
|
||||
}
|
||||
|
||||
.bd-focus-github {
|
||||
-webkit-animation-delay: 2.5s;
|
||||
animation-delay: 2.5s;
|
||||
-webkit-animation-duration: 1500ms;
|
||||
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);
|
||||
}
|
||||
animation-delay: 2.5s;
|
||||
animation-duration: 1500ms;
|
||||
animation-name: bdJellyPop;
|
||||
}
|
||||
|
||||
@keyframes bdJellyPop {
|
||||
|
|
@ -15507,5 +15196,3 @@ svg {
|
|||
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
|
||||
}
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=bulma-docs.css.map */
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
$media-border-color: rgba($border, 0.5) !default
|
||||
$media-border-color: bulmaRgba($border, 0.5) !default
|
||||
|
||||
.media
|
||||
align-items: flex-start
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
$modal-z: 40 !default
|
||||
|
||||
$modal-background-background-color: rgba($scheme-invert, 0.86) !default
|
||||
$modal-background-background-color: bulmaRgba($scheme-invert, 0.86) !default
|
||||
|
||||
$modal-content-width: 640px !default
|
||||
$modal-content-margin-mobile: 20px !default
|
||||
|
|
|
|||
|
|
@ -14,7 +14,7 @@ $button-hover-border-color: $link-hover-border !default
|
|||
$button-focus-color: $link-focus !default
|
||||
$button-focus-border-color: $link-focus-border !default
|
||||
$button-focus-box-shadow-size: 0 0 0 0.125em !default
|
||||
$button-focus-box-shadow-color: rgba($link, 0.25) !default
|
||||
$button-focus-box-shadow-color: bulmaRgba($link, 0.25) !default
|
||||
|
||||
$button-active-color: $link-active !default
|
||||
$button-active-border-color: $link-active-border !default
|
||||
|
|
|
|||
|
|
@ -1,9 +1,9 @@
|
|||
$input-color: $text-strong !default
|
||||
$input-color: inherit !default
|
||||
$input-background-color: $scheme-main !default
|
||||
$input-border-color: $border !default
|
||||
$input-height: $control-height !default
|
||||
$input-shadow: inset 0 0.0625em 0.125em rgba($scheme-invert, 0.05) !default
|
||||
$input-placeholder-color: rgba($input-color, 0.3) !default
|
||||
$input-placeholder-color: bulmaRgba($input-color, 0.3) !default
|
||||
|
||||
$input-hover-color: $text-strong !default
|
||||
$input-hover-border-color: $border-hover !default
|
||||
|
|
|
|||
|
|
@ -27,7 +27,7 @@ $hero-body-padding-large: 18rem 1.5rem !default
|
|||
.title
|
||||
color: $color-invert
|
||||
.subtitle
|
||||
color: rgba($color-invert, 0.9)
|
||||
color: bulmaRgba($color-invert, 0.9)
|
||||
a:not(.button),
|
||||
strong
|
||||
color: $color-invert
|
||||
|
|
@ -36,7 +36,7 @@ $hero-body-padding-large: 18rem 1.5rem !default
|
|||
background-color: $color
|
||||
.navbar-item,
|
||||
.navbar-link
|
||||
color: rgba($color-invert, 0.7)
|
||||
color: bulmaRgba($color-invert, 0.7)
|
||||
a.navbar-item,
|
||||
.navbar-link
|
||||
&:hover,
|
||||
|
|
@ -57,7 +57,7 @@ $hero-body-padding-large: 18rem 1.5rem !default
|
|||
a
|
||||
color: $color-invert
|
||||
&:hover
|
||||
background-color: rgba($scheme-invert, 0.1)
|
||||
background-color: bulmaRgba($scheme-invert, 0.1)
|
||||
li.is-active a
|
||||
&,
|
||||
&:hover
|
||||
|
|
|
|||
|
|
@ -96,3 +96,8 @@
|
|||
$target-l: round($base-l + ($luminance-delta * 53))
|
||||
@return change-color($color, $lightness: max($base-l, $target-l))
|
||||
@return $text-strong
|
||||
|
||||
@function bulmaRgba($color, $alpha)
|
||||
@if type-of($color) == 'color'
|
||||
@return rgba($color, $alpha)
|
||||
@return $color
|
||||
|
|
|
|||
|
|
@ -48,7 +48,7 @@
|
|||
&:nth-child(3)
|
||||
top: calc(50% + 4px)
|
||||
&:hover
|
||||
background-color: rgba(black, 0.05)
|
||||
background-color: bulmaRgba(black, 0.05)
|
||||
// Modifers
|
||||
&.is-active
|
||||
span
|
||||
|
|
@ -170,7 +170,7 @@
|
|||
@extend %unselectable
|
||||
-moz-appearance: none
|
||||
-webkit-appearance: none
|
||||
background-color: rgba($scheme-invert, 0.2)
|
||||
background-color: bulmaRgba($scheme-invert, 0.2)
|
||||
border: none
|
||||
border-radius: $radius-rounded
|
||||
cursor: pointer
|
||||
|
|
@ -206,9 +206,9 @@
|
|||
width: 2px
|
||||
&:hover,
|
||||
&:focus
|
||||
background-color: rgba($scheme-invert, 0.3)
|
||||
background-color: bulmaRgba($scheme-invert, 0.3)
|
||||
&:active
|
||||
background-color: rgba($scheme-invert, 0.4)
|
||||
background-color: bulmaRgba($scheme-invert, 0.4)
|
||||
// Sizes
|
||||
&.is-small
|
||||
height: 16px
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue