mirror of
https://github.com/jgthms/bulma
synced 2026-03-15 10:14:29 -07:00
Add utilities documentation
This commit is contained in:
Jeremy Thomas
@@ -5,7 +5,7 @@
|
||||
.file-name, .pagination-previous,
|
||||
.pagination-next,
|
||||
.pagination-link,
|
||||
.pagination-ellipsis {
|
||||
.pagination-ellipsis, .bulma-control-extend {
|
||||
-moz-appearance: none;
|
||||
-webkit-appearance: none;
|
||||
align-items: center;
|
||||
@@ -29,19 +29,19 @@
|
||||
.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, .bulma-control-extend: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, .is-focused.bulma-control-extend, .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, .bulma-control-extend: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 {
|
||||
.is-active.pagination-ellipsis, .is-active.bulma-control-extend {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
@@ -49,7 +49,7 @@
|
||||
.file-name[disabled], .pagination-previous[disabled],
|
||||
.pagination-next[disabled],
|
||||
.pagination-link[disabled],
|
||||
.pagination-ellipsis[disabled],
|
||||
.pagination-ellipsis[disabled], .bulma-control-extend[disabled],
|
||||
fieldset[disabled] .button,
|
||||
fieldset[disabled] .input,
|
||||
fieldset[disabled] .textarea,
|
||||
@@ -60,7 +60,8 @@ fieldset[disabled] .file-name,
|
||||
fieldset[disabled] .pagination-previous,
|
||||
fieldset[disabled] .pagination-next,
|
||||
fieldset[disabled] .pagination-link,
|
||||
fieldset[disabled] .pagination-ellipsis {
|
||||
fieldset[disabled] .pagination-ellipsis,
|
||||
fieldset[disabled] .bulma-control-extend {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
@@ -183,7 +184,8 @@ fieldset[disabled] .pagination-ellipsis {
|
||||
}
|
||||
|
||||
.button.is-loading::after, .loader, .select.is-loading::after, .control.is-loading::after {
|
||||
animation: spinAround 500ms infinite linear;
|
||||
-webkit-animation: spinAround 500ms infinite linear;
|
||||
animation: spinAround 500ms infinite linear;
|
||||
border: 2px solid #dbdbdb;
|
||||
border-radius: 9999px;
|
||||
border-right-color: transparent;
|
||||
@@ -324,7 +326,9 @@ html {
|
||||
overflow-x: hidden;
|
||||
overflow-y: scroll;
|
||||
text-rendering: optimizeLegibility;
|
||||
text-size-adjust: 100%;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
-moz-text-size-adjust: 100%;
|
||||
text-size-adjust: 100%;
|
||||
}
|
||||
|
||||
article,
|
||||
@@ -450,6 +454,15 @@ table th {
|
||||
color: #363636;
|
||||
}
|
||||
|
||||
@-webkit-keyframes spinAround {
|
||||
from {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
to {
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes spinAround {
|
||||
from {
|
||||
transform: rotate(0deg);
|
||||
@@ -4414,10 +4427,14 @@ div.icon-text {
|
||||
}
|
||||
|
||||
.progress:indeterminate {
|
||||
animation-duration: 1.5s;
|
||||
animation-iteration-count: infinite;
|
||||
animation-name: moveIndeterminate;
|
||||
animation-timing-function: linear;
|
||||
-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;
|
||||
background-color: #ededed;
|
||||
background-image: linear-gradient(to right, #4a4a4a 30%, #ededed 30%);
|
||||
background-position: top left;
|
||||
@@ -4449,6 +4466,15 @@ div.icon-text {
|
||||
height: 1.5rem;
|
||||
}
|
||||
|
||||
@-webkit-keyframes moveIndeterminate {
|
||||
from {
|
||||
background-position: 200% 0;
|
||||
}
|
||||
to {
|
||||
background-position: -200% 0;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes moveIndeterminate {
|
||||
from {
|
||||
background-position: 200% 0;
|
||||
@@ -12504,6 +12530,8 @@ 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;
|
||||
}
|
||||
|
||||
@@ -17136,6 +17164,7 @@ a.has-text-bootstrap-dark:hover, a.has-text-bootstrap-dark:focus {
|
||||
|
||||
.bd-anchors {
|
||||
padding: var(--docs-side-padding);
|
||||
position: -webkit-sticky;
|
||||
position: sticky;
|
||||
top: 0;
|
||||
}
|
||||
@@ -17571,6 +17600,7 @@ a.has-text-bootstrap-dark:hover, a.has-text-bootstrap-dark:focus {
|
||||
.bd-categories {
|
||||
--height: 1.25;
|
||||
padding: var(--docs-side-padding);
|
||||
position: -webkit-sticky;
|
||||
position: sticky;
|
||||
top: 0;
|
||||
}
|
||||
@@ -17746,6 +17776,20 @@ a.has-text-bootstrap-dark:hover, a.has-text-bootstrap-dark:focus {
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.bd-snippet-inline {
|
||||
display: inline-block;
|
||||
margin-bottom: -0.25em;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
.bd-snippet-inline .highlight pre {
|
||||
padding: 0.5em 0.75em 0.625em;
|
||||
}
|
||||
|
||||
.bd-snippet-inline .button.bd-copy {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.bd-snippet {
|
||||
--snippet-spacing: 1.5rem;
|
||||
font-size: 1rem;
|
||||
@@ -17840,7 +17884,7 @@ a.has-text-bootstrap-dark:hover, a.has-text-bootstrap-dark:focus {
|
||||
.bd-snippet-code.bd-is-more.bd-is-more-clipped .highlight::before {
|
||||
background: linear-gradient(0deg, var(--hl-background), transparent);
|
||||
bottom: 0;
|
||||
content: '';
|
||||
content: "";
|
||||
display: block;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
@@ -19076,13 +19120,13 @@ a.has-text-bootstrap-dark:hover, a.has-text-bootstrap-dark:focus {
|
||||
|
||||
.bd-var .highlight pre {
|
||||
overflow: visible;
|
||||
padding: 0;
|
||||
padding: 0.25em 0.5em 0.375em;
|
||||
white-space: pre-wrap;
|
||||
white-space: break-spaces;
|
||||
}
|
||||
|
||||
.bd-var .bd-copy {
|
||||
font-size: 0.5em !important;
|
||||
font-size: 0.75em !important;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
@@ -19456,6 +19500,16 @@ a.has-text-bootstrap-dark:hover, a.has-text-bootstrap-dark:focus {
|
||||
margin-right: 1em;
|
||||
}
|
||||
|
||||
.bd-color {
|
||||
border-radius: 2px;
|
||||
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(0, 0, 0, 0.1);
|
||||
display: inline-block;
|
||||
float: left;
|
||||
height: 24px;
|
||||
margin-right: 8px;
|
||||
width: 24px;
|
||||
}
|
||||
|
||||
:root {
|
||||
--bd-index-vertical: 1.5rem;
|
||||
--bd-index-gap: 3rem;
|
||||
@@ -19687,6 +19741,12 @@ a.has-text-bootstrap-dark:hover, a.has-text-bootstrap-dark:focus {
|
||||
.bd-docs-toggles {
|
||||
display: none;
|
||||
}
|
||||
.bd-docs.bd-is-full-main .bd-docs-main {
|
||||
grid-column: 2 / span 2;
|
||||
}
|
||||
.bd-docs.bd-is-full-main .bd-docs-side {
|
||||
display: none;
|
||||
}
|
||||
.bd-docs.bd-is-fullwidth {
|
||||
display: block;
|
||||
}
|
||||
@@ -19730,7 +19790,7 @@ a.has-text-bootstrap-dark:hover, a.has-text-bootstrap-dark:focus {
|
||||
.bd-docs.bd-is-fullwidth .bd-docs-nav:not(:hover) .bd-category a::after {
|
||||
align-items: center;
|
||||
bottom: 0;
|
||||
content: '•';
|
||||
content: "•";
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
position: absolute;
|
||||
@@ -19765,7 +19825,7 @@ a.has-text-bootstrap-dark:hover, a.has-text-bootstrap-dark:focus {
|
||||
.bd-docs.bd-is-fullwidth .bd-docs-side:not(:hover) .bd-anchors-list li::after {
|
||||
align-items: center;
|
||||
bottom: 0;
|
||||
content: '•';
|
||||
content: "•";
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
position: absolute;
|
||||
@@ -20967,7 +21027,8 @@ a.has-text-bootstrap-dark:hover, a.has-text-bootstrap-dark:focus {
|
||||
--device-md-width: 24px;
|
||||
--device-lg-height: 40px;
|
||||
--device-lg-width: 48px;
|
||||
animation: bdDeviceBounce 3.5s infinite;
|
||||
-webkit-animation: bdDeviceBounce 3.5s infinite;
|
||||
animation: bdDeviceBounce 3.5s infinite;
|
||||
border: 0 solid hsl(var(--device-deg), 100%, 53%);
|
||||
border-width: var(--device-y) var(--device-x);
|
||||
border-radius: 0.375em;
|
||||
@@ -21012,6 +21073,44 @@ a.has-text-bootstrap-dark:hover, a.has-text-bootstrap-dark:focus {
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
@-webkit-keyframes bdDeviceBounce {
|
||||
0% {
|
||||
--device-deg: var(--device-sm-deg);
|
||||
height: var(--device-sm-height);
|
||||
width: var(--device-sm-width);
|
||||
}
|
||||
28% {
|
||||
--device-deg: var(--device-sm-deg);
|
||||
height: var(--device-sm-height);
|
||||
width: var(--device-sm-width);
|
||||
}
|
||||
33% {
|
||||
--device-deg: var(--device-md-deg);
|
||||
height: var(--device-md-height);
|
||||
width: var(--device-md-width);
|
||||
}
|
||||
62% {
|
||||
--device-deg: var(--device-md-deg);
|
||||
height: var(--device-md-height);
|
||||
width: var(--device-md-width);
|
||||
}
|
||||
67% {
|
||||
--device-deg: var(--device-lg-deg);
|
||||
height: var(--device-lg-height);
|
||||
width: var(--device-lg-width);
|
||||
}
|
||||
95% {
|
||||
--device-deg: var(--device-lg-deg);
|
||||
height: var(--device-lg-height);
|
||||
width: var(--device-lg-width);
|
||||
}
|
||||
100% {
|
||||
--device-deg: var(--device-sm-deg);
|
||||
height: var(--device-sm-height);
|
||||
width: var(--device-sm-width);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes bdDeviceBounce {
|
||||
0% {
|
||||
--device-deg: var(--device-sm-deg);
|
||||
@@ -21050,6 +21149,15 @@ a.has-text-bootstrap-dark:hover, a.has-text-bootstrap-dark:focus {
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes bdGrow {
|
||||
from {
|
||||
transform: scale(0);
|
||||
}
|
||||
to {
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes bdGrow {
|
||||
from {
|
||||
transform: scale(0);
|
||||
@@ -21059,6 +21167,17 @@ a.has-text-bootstrap-dark:hover, a.has-text-bootstrap-dark:focus {
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes bdSlideDown {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translateY(-1rem);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes bdSlideDown {
|
||||
from {
|
||||
opacity: 0;
|
||||
@@ -21070,6 +21189,17 @@ a.has-text-bootstrap-dark:hover, a.has-text-bootstrap-dark:focus {
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes bdSlideUp {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translateY(1rem);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes bdSlideUp {
|
||||
from {
|
||||
opacity: 0;
|
||||
@@ -21082,67 +21212,96 @@ a.has-text-bootstrap-dark:hover, a.has-text-bootstrap-dark:focus {
|
||||
}
|
||||
|
||||
.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 {
|
||||
animation-duration: 500ms;
|
||||
animation-fill-mode: both;
|
||||
animation-timing-function: cubic-bezier(0.14, 0.71, 0.29, 0.86);
|
||||
-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);
|
||||
transform-origin: center center;
|
||||
}
|
||||
|
||||
.bd-focus-item .title {
|
||||
animation-name: bdSlideDown;
|
||||
-webkit-animation-name: bdSlideDown;
|
||||
animation-name: bdSlideDown;
|
||||
}
|
||||
|
||||
.bd-focus-item .subtitle {
|
||||
animation-name: bdSlideUp;
|
||||
-webkit-animation-name: bdSlideUp;
|
||||
animation-name: bdSlideUp;
|
||||
}
|
||||
|
||||
.bd-focus-item:nth-child(1) .title {
|
||||
animation-delay: 0;
|
||||
-webkit-animation-delay: 0;
|
||||
animation-delay: 0;
|
||||
}
|
||||
|
||||
.bd-focus-item:nth-child(1) .subtitle {
|
||||
animation-delay: 125ms;
|
||||
-webkit-animation-delay: 125ms;
|
||||
animation-delay: 125ms;
|
||||
}
|
||||
|
||||
.bd-focus-item:nth-child(2) .title {
|
||||
animation-delay: 500ms;
|
||||
-webkit-animation-delay: 500ms;
|
||||
animation-delay: 500ms;
|
||||
}
|
||||
|
||||
.bd-focus-item:nth-child(2) .subtitle {
|
||||
animation-delay: 625ms;
|
||||
-webkit-animation-delay: 625ms;
|
||||
animation-delay: 625ms;
|
||||
}
|
||||
|
||||
.bd-focus-item:nth-child(3) .title {
|
||||
animation-delay: 1000ms;
|
||||
-webkit-animation-delay: 1000ms;
|
||||
animation-delay: 1000ms;
|
||||
}
|
||||
|
||||
.bd-focus-item:nth-child(3) .subtitle {
|
||||
animation-delay: 1125ms;
|
||||
-webkit-animation-delay: 1125ms;
|
||||
animation-delay: 1125ms;
|
||||
}
|
||||
|
||||
.bd-focus-item:nth-child(4) .title {
|
||||
animation-delay: 1500ms;
|
||||
-webkit-animation-delay: 1500ms;
|
||||
animation-delay: 1500ms;
|
||||
}
|
||||
|
||||
.bd-focus-item:nth-child(4) .subtitle {
|
||||
animation-delay: 1625ms;
|
||||
-webkit-animation-delay: 1625ms;
|
||||
animation-delay: 1625ms;
|
||||
}
|
||||
|
||||
.bd-focus-mobile, .bd-focus-tablet, .bd-focus-desktop {
|
||||
animation-name: bdGrow;
|
||||
-webkit-animation-name: bdGrow;
|
||||
animation-name: bdGrow;
|
||||
transform-origin: bottom center;
|
||||
}
|
||||
|
||||
.bd-focus-mobile {
|
||||
animation-delay: 0;
|
||||
-webkit-animation-delay: 0;
|
||||
animation-delay: 0;
|
||||
}
|
||||
|
||||
.bd-focus-tablet {
|
||||
animation-delay: 250ms;
|
||||
-webkit-animation-delay: 250ms;
|
||||
animation-delay: 250ms;
|
||||
}
|
||||
|
||||
.bd-focus-desktop {
|
||||
animation-delay: 500ms;
|
||||
-webkit-animation-delay: 500ms;
|
||||
animation-delay: 500ms;
|
||||
}
|
||||
|
||||
@-webkit-keyframes bdCube1 {
|
||||
0% {
|
||||
transform: translate3d(0, -50px, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
25%,
|
||||
100% {
|
||||
transform: translate3d(0, 0, 0);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes bdCube1 {
|
||||
@@ -21157,6 +21316,18 @@ a.has-text-bootstrap-dark:hover, a.has-text-bootstrap-dark:focus {
|
||||
}
|
||||
}
|
||||
|
||||
@-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);
|
||||
@@ -21169,6 +21340,18 @@ a.has-text-bootstrap-dark:hover, a.has-text-bootstrap-dark:focus {
|
||||
}
|
||||
}
|
||||
|
||||
@-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);
|
||||
@@ -21182,24 +21365,42 @@ a.has-text-bootstrap-dark:hover, a.has-text-bootstrap-dark:focus {
|
||||
}
|
||||
|
||||
.bd-focus-cube-1, .bd-focus-cube-2, .bd-focus-cube-3 {
|
||||
animation-direction: alternate;
|
||||
animation-duration: 2000ms;
|
||||
animation-iteration-count: infinite;
|
||||
-webkit-animation-direction: alternate;
|
||||
animation-direction: alternate;
|
||||
-webkit-animation-duration: 2000ms;
|
||||
animation-duration: 2000ms;
|
||||
-webkit-animation-iteration-count: infinite;
|
||||
animation-iteration-count: infinite;
|
||||
}
|
||||
|
||||
.bd-focus-cube-1 {
|
||||
animation-delay: 500ms;
|
||||
animation-name: bdCube1;
|
||||
-webkit-animation-delay: 500ms;
|
||||
animation-delay: 500ms;
|
||||
-webkit-animation-name: bdCube1;
|
||||
animation-name: bdCube1;
|
||||
}
|
||||
|
||||
.bd-focus-cube-2 {
|
||||
animation-name: bdCube2;
|
||||
animation-delay: 750ms;
|
||||
-webkit-animation-name: bdCube2;
|
||||
animation-name: bdCube2;
|
||||
-webkit-animation-delay: 750ms;
|
||||
animation-delay: 750ms;
|
||||
}
|
||||
|
||||
.bd-focus-cube-3 {
|
||||
animation-name: bdCube3;
|
||||
animation-delay: 1000ms;
|
||||
-webkit-animation-name: bdCube3;
|
||||
animation-name: bdCube3;
|
||||
-webkit-animation-delay: 1000ms;
|
||||
animation-delay: 1000ms;
|
||||
}
|
||||
|
||||
@-webkit-keyframes bdFadeIn {
|
||||
from {
|
||||
opacity: 0;
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes bdFadeIn {
|
||||
@@ -21211,6 +21412,17 @@ a.has-text-bootstrap-dark:hover, a.has-text-bootstrap-dark:focus {
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes bdSlowIn {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: scale(0.9);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes bdSlowIn {
|
||||
from {
|
||||
opacity: 0;
|
||||
@@ -21222,6 +21434,17 @@ a.has-text-bootstrap-dark:hover, a.has-text-bootstrap-dark:focus {
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes bdScaleIn {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: scale(0);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes bdScaleIn {
|
||||
from {
|
||||
opacity: 0;
|
||||
@@ -21234,14 +21457,103 @@ a.has-text-bootstrap-dark:hover, a.has-text-bootstrap-dark:focus {
|
||||
}
|
||||
|
||||
.bd-focus-css3 {
|
||||
animation-delay: 1000ms;
|
||||
animation-name: bdScaleIn;
|
||||
-webkit-animation-delay: 1000ms;
|
||||
animation-delay: 1000ms;
|
||||
-webkit-animation-name: bdScaleIn;
|
||||
animation-name: bdScaleIn;
|
||||
}
|
||||
|
||||
.bd-focus-github {
|
||||
animation-delay: 1500ms;
|
||||
animation-duration: 1500ms;
|
||||
animation-name: bdJellyPop;
|
||||
-webkit-animation-delay: 1500ms;
|
||||
animation-delay: 1500ms;
|
||||
-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);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes bdJellyPop {
|
||||
@@ -21337,18 +21649,23 @@ a.has-text-bootstrap-dark:hover, a.has-text-bootstrap-dark:focus {
|
||||
|
||||
.bd-best-list {
|
||||
align-items: stretch;
|
||||
animation-duration: 93.6s;
|
||||
animation-iteration-count: infinite;
|
||||
animation-timing-function: linear;
|
||||
-webkit-animation-duration: 93.6s;
|
||||
animation-duration: 93.6s;
|
||||
-webkit-animation-iteration-count: infinite;
|
||||
animation-iteration-count: infinite;
|
||||
-webkit-animation-timing-function: linear;
|
||||
animation-timing-function: linear;
|
||||
display: flex;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
top: 1.5rem;
|
||||
animation-name: bdBestCarousel;
|
||||
-webkit-animation-name: bdBestCarousel;
|
||||
animation-name: bdBestCarousel;
|
||||
}
|
||||
|
||||
.bd-best-list:hover {
|
||||
animation-play-state: paused;
|
||||
-webkit-animation-play-state: paused;
|
||||
animation-play-state: paused;
|
||||
}
|
||||
|
||||
.bd-best-item {
|
||||
@@ -21396,6 +21713,12 @@ a.has-text-bootstrap-dark:hover, a.has-text-bootstrap-dark:focus {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
@-webkit-keyframes bdBestCarousel {
|
||||
100% {
|
||||
transform: translateX(calc(-100% + 3120px));
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes bdBestCarousel {
|
||||
100% {
|
||||
transform: translateX(calc(-100% + 3120px));
|
||||
@@ -22369,7 +22692,8 @@ a.has-text-bootstrap-dark:hover, a.has-text-bootstrap-dark:focus {
|
||||
}
|
||||
|
||||
.bulma-loader-mixin {
|
||||
animation: spinAround 500ms infinite linear;
|
||||
-webkit-animation: spinAround 500ms infinite linear;
|
||||
animation: spinAround 500ms infinite linear;
|
||||
border: 2px solid #dbdbdb;
|
||||
border-radius: 9999px;
|
||||
border-right-color: transparent;
|
||||
@@ -22551,3 +22875,54 @@ a.has-text-bootstrap-dark:hover, a.has-text-bootstrap-dark:focus {
|
||||
margin-left: 1rem;
|
||||
border-radius: 0.25em;
|
||||
}
|
||||
|
||||
.bulma-control-mixin {
|
||||
-moz-appearance: none;
|
||||
-webkit-appearance: none;
|
||||
align-items: center;
|
||||
border: 1px solid transparent;
|
||||
border-radius: 0.375em;
|
||||
box-shadow: none;
|
||||
display: inline-flex;
|
||||
font-size: 1rem;
|
||||
height: 2.5em;
|
||||
justify-content: flex-start;
|
||||
line-height: 1.5;
|
||||
padding-bottom: calc(0.5em - 1px);
|
||||
padding-left: calc(0.75em - 1px);
|
||||
padding-right: calc(0.75em - 1px);
|
||||
padding-top: calc(0.5em - 1px);
|
||||
position: relative;
|
||||
vertical-align: top;
|
||||
background: deeppink;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.bulma-control-mixin:focus, .bulma-control-mixin.is-focused, .bulma-control-mixin:active, .bulma-control-mixin.is-active {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.bulma-control-mixin[disabled],
|
||||
fieldset[disabled] .bulma-control-mixin {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
.bulma-control-mixin.is-small {
|
||||
border-radius: 2px;
|
||||
font-size: 0.75rem;
|
||||
}
|
||||
|
||||
.bulma-control-mixin.is-medium {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.bulma-control-mixin.is-large {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
.bulma-control-extend {
|
||||
background: mediumblue;
|
||||
color: white;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=bulma-docs.css.map */
|
||||
2
docs/css/bulma-docs.min.css
vendored
2
docs/css/bulma-docs.min.css
vendored
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user