diff --git a/CHANGELOG.md b/CHANGELOG.md index eb272017..f383abdb 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -9,6 +9,7 @@ * #1905 Fix `modal` for IE11 #1902 * #1919 New `is-arrowless` class for navbar items * #1764 New `.is-sr-only` helper +* #2109 Add and use `$navbar-breakpoint` variable ### Improvements diff --git a/docs/css/bulma-docs.css b/docs/css/bulma-docs.css index fd312d43..dafada54 100644 --- a/docs/css/bulma-docs.css +++ b/docs/css/bulma-docs.css @@ -1,23 +1,11 @@ @charset "UTF-8"; /*! bulma.io v0.7.1 | MIT License | github.com/jgthms/bulma */ -@-webkit-keyframes spinAround { - from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - to { - -webkit-transform: rotate(359deg); - transform: rotate(359deg); - } -} @keyframes spinAround { from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); + transform: rotate(0deg); } to { - -webkit-transform: rotate(359deg); - transform: rotate(359deg); + transform: rotate(359deg); } } @@ -44,10 +32,8 @@ pointer-events: none; position: absolute; top: 50%; - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); - -webkit-transform-origin: center; - transform-origin: center; + transform: rotate(-45deg); + transform-origin: center; width: 0.625em; } @@ -86,10 +72,8 @@ left: 50%; position: absolute; top: 50%; - -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); - transform: translateX(-50%) translateY(-50%) rotate(45deg); - -webkit-transform-origin: center center; - transform-origin: center center; + transform: translateX(-50%) translateY(-50%) rotate(45deg); + transform-origin: center center; } .delete::before, .modal-close::before { @@ -138,8 +122,7 @@ } .button.is-loading::after, .select.is-loading::after, .control.is-loading::after, .loader { - -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; @@ -305,10 +288,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, @@ -3475,8 +3455,7 @@ a.box:active { position: absolute; right: 0.625em; top: 0.625em; - -webkit-transform: none; - transform: none; + transform: none; } .select.is-loading.is-small:after { @@ -5031,10 +5010,8 @@ a.box:active { left: 50%; position: absolute; top: 50%; - -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); - transform: translateX(-50%) translateY(-50%) rotate(45deg); - -webkit-transform-origin: center center; - transform-origin: center center; + transform: translateX(-50%) translateY(-50%) rotate(45deg); + transform-origin: center center; } .tag:not(body).is-delete::before { @@ -6611,12 +6588,9 @@ body.has-navbar-fixed-bottom { height: 1px; left: calc(50% - 8px); position: absolute; - -webkit-transform-origin: center; - transform-origin: center; + transform-origin: center; transition-duration: 86ms; - transition-property: background-color, opacity, -webkit-transform; transition-property: background-color, opacity, transform; - transition-property: background-color, opacity, transform, -webkit-transform; transition-timing-function: ease-out; width: 16px; } @@ -6638,8 +6612,7 @@ body.has-navbar-fixed-bottom { } .navbar-burger.is-active span:nth-child(1) { - -webkit-transform: translateY(5px) rotate(45deg); - transform: translateY(5px) rotate(45deg); + transform: translateY(5px) rotate(45deg); } .navbar-burger.is-active span:nth-child(2) { @@ -6647,8 +6620,7 @@ body.has-navbar-fixed-bottom { } .navbar-burger.is-active span:nth-child(3) { - -webkit-transform: translateY(-5px) rotate(-45deg); - transform: translateY(-5px) rotate(-45deg); + transform: translateY(-5px) rotate(-45deg); } .navbar-menu { @@ -6858,8 +6830,7 @@ a.navbar-item:hover, a.navbar-item.is-active, align-items: stretch; } .navbar-item.has-dropdown-up .navbar-link::after { - -webkit-transform: rotate(135deg) translate(0.25em, -0.25em); - transform: rotate(135deg) translate(0.25em, -0.25em); + transform: rotate(135deg) translate(0.25em, -0.25em); } .navbar-item.has-dropdown-up .navbar-dropdown { border-bottom: 2px solid #dbdbdb; @@ -6875,8 +6846,7 @@ a.navbar-item:hover, a.navbar-item.is-active, .navbar.is-spaced .navbar-item.is-active .navbar-dropdown, .navbar-item.is-active .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:hover .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed { opacity: 1; pointer-events: auto; - -webkit-transform: translateY(0); - transform: translateY(0); + transform: translateY(0); } .navbar-menu { flex-grow: 1; @@ -6927,12 +6897,9 @@ a.navbar-item:hover, a.navbar-item.is-active, opacity: 0; pointer-events: none; top: calc(100% + (-4px)); - -webkit-transform: translateY(-5px); - transform: translateY(-5px); + transform: translateY(-5px); transition-duration: 86ms; - transition-property: opacity, -webkit-transform; transition-property: opacity, transform; - transition-property: opacity, transform, -webkit-transform; } .navbar-dropdown.is-right { left: auto; @@ -9180,8 +9147,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; } @@ -10111,8 +10076,7 @@ label.panel-block:hover { min-width: 100%; position: absolute; top: 50%; - -webkit-transform: translate3d(-50%, -50%, 0); - transform: translate3d(-50%, -50%, 0); + transform: translate3d(-50%, -50%, 0); } .hero-video.is-transparent { @@ -10379,8 +10343,7 @@ label.panel-block:hover { } .bd-category.is-active .bd-category-toggle .icon { - -webkit-transform: rotate(180deg); - transform: rotate(180deg); + transform: rotate(180deg); } .bd-category.is-active .bd-category-list { @@ -10405,12 +10368,9 @@ label.panel-block:hover { .bd-category-toggle .icon { font-size: 0.75rem; - -webkit-transform-origin: center; - transform-origin: center; + transform-origin: center; transition-duration: 86ms; - transition-property: -webkit-transform; transition-property: transform; - transition-property: transform, -webkit-transform; } .bd-category-name { @@ -11197,20 +11157,15 @@ svg { display: block; opacity: 0; pointer-events: none; - -webkit-transform: scale(1.1); - transform: scale(1.1); - -webkit-transform-origin: center; - transform-origin: center; + transform: scale(1.1); + transform-origin: center; transition-duration: 172ms; - transition-property: opacity, -webkit-transform; transition-property: opacity, transform; - transition-property: opacity, transform, -webkit-transform; } .bd-focus-item:hover::before { opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); + transform: scale(1); } .bd-focus-item:hover .subtitle { @@ -11404,41 +11359,23 @@ svg { opacity: 1; } -@-webkit-keyframes introSpinner { - from { - opacity: 0; - -webkit-transform: scale(1.14); - transform: scale(1.14); - } - to { - opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); - } -} - @keyframes introSpinner { from { opacity: 0; - -webkit-transform: scale(1.14); - transform: scale(1.14); + transform: scale(1.14); } to { opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); + transform: scale(1); } } .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; - -webkit-transform-origin: center; - transform-origin: center; + animation-fill-mode: both; + transform-origin: center; } .intro-spinner { @@ -11447,13 +11384,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; @@ -11472,29 +11407,14 @@ svg { width: 1.5em; } -@-webkit-keyframes introShadow { - from { - opacity: 0; - -webkit-transform: scale(0.86); - transform: scale(0.86); - } - to { - opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); - } -} - @keyframes introShadow { from { opacity: 0; - -webkit-transform: scale(0.86); - transform: scale(0.86); + transform: scale(0.86); } to { opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); + transform: scale(1); } } @@ -11509,8 +11429,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 { @@ -11779,9 +11698,7 @@ svg { .bd-footer-star { transition-duration: 86ms; - transition-property: box-shadow, -webkit-transform; transition-property: box-shadow, transform; - transition-property: box-shadow, transform, -webkit-transform; will-change: box-shadow, transform; } @@ -11799,8 +11716,7 @@ svg { .bd-footer-star:hover { box-shadow: 0 3rem 3rem -1.25rem rgba(10, 10, 10, 0.1); - -webkit-transform: translateY(-0.5rem); - transform: translateY(-0.5rem); + transform: translateY(-0.5rem); } .bd-footer-star:hover .bd-footer-title, @@ -12167,10 +12083,8 @@ svg { position: absolute; right: 0; top: 100%; - -webkit-transform: scaleY(0); - transform: scaleY(0); - -webkit-transform-origin: center top; - transform-origin: center top; + transform: scaleY(0); + transform-origin: center top; } @media screen and (max-width: 1087px) { @@ -13234,16 +13148,12 @@ svg { } .bd-more-loves .button span { - -webkit-transform-origin: center center; - transform-origin: center center; - transition: -webkit-transform 86ms ease-out; + transform-origin: center center; transition: transform 86ms ease-out; - transition: transform 86ms ease-out, -webkit-transform 86ms ease-out; } .bd-more-loves .button:hover span { - -webkit-transform: scale(1.04); - transform: scale(1.04); + transform: scale(1.04); } @media screen and (max-width: 768px) { @@ -13283,8 +13193,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, #ff3860, #b86bff, #3273dc); background-size: 800% 800%; } @@ -13294,18 +13203,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%; @@ -13590,12 +13487,9 @@ svg { } .bd-banner .button { - -webkit-transform-origin: center; - transform-origin: center; + transform-origin: center; transition-duration: 86ms; - transition-property: -webkit-transform; transition-property: transform; - transition-property: transform, -webkit-transform; } .bd-banner:hover { @@ -13608,8 +13502,7 @@ svg { } .bd-banner:hover .button { - -webkit-transform: scale(1.05); - transform: scale(1.05); + transform: scale(1.05); } .bd-banner-background { @@ -13738,15 +13631,6 @@ svg { } } -@-webkit-keyframes fadeIn { - from { - opacity: 0; - } - to { - opacity: 1; - } -} - @keyframes fadeIn { from { opacity: 0; @@ -13756,25 +13640,12 @@ svg { } } -@-webkit-keyframes zoomIn { - from { - -webkit-transform: scale(0.8); - transform: scale(0.8); - } - to { - -webkit-transform: scale(1); - transform: scale(1); - } -} - @keyframes zoomIn { from { - -webkit-transform: scale(0.8); - transform: scale(0.8); + transform: scale(0.8); } to { - -webkit-transform: scale(1); - transform: scale(1); + transform: scale(1); } } @@ -13913,23 +13784,18 @@ 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; - -webkit-transform-origin: center; - transform-origin: center; + animation-name: zoomIn; + transform-origin: center; } .bd-book-modal-cover { @@ -14037,8 +13903,7 @@ svg { .native-flex:hover .native-cta { box-shadow: 0 1rem 2rem 0 rgba(10, 10, 10, 0.1); - -webkit-transform: translateY(-0.25rem); - transform: translateY(-0.25rem); + transform: translateY(-0.25rem); } .native-img { @@ -14082,9 +13947,7 @@ svg { height: auto; padding: 0.5em 1em; transition-duration: 172ms; - transition-property: box-shadow, -webkit-transform; transition-property: box-shadow, transform; - transition-property: box-shadow, transform, -webkit-transform; will-change: box-shadow, transform; } @@ -14122,316 +13985,182 @@ svg { } } -@-webkit-keyframes bdGrow { - from { - -webkit-transform: scale(0); - transform: scale(0); - } - to { - -webkit-transform: scale(1); - transform: scale(1); - } -} - @keyframes bdGrow { from { - -webkit-transform: scale(0); - transform: scale(0); + transform: scale(0); } to { - -webkit-transform: scale(1); - transform: scale(1); - } -} - -@-webkit-keyframes bdSlideDown { - from { - opacity: 0; - -webkit-transform: translateY(-1rem); - transform: translateY(-1rem); - } - to { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); + transform: scale(1); } } @keyframes bdSlideDown { from { opacity: 0; - -webkit-transform: translateY(-1rem); - transform: translateY(-1rem); + transform: translateY(-1rem); } to { opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); - } -} - -@-webkit-keyframes bdSlideUp { - from { - opacity: 0; - -webkit-transform: translateY(1rem); - transform: translateY(1rem); - } - to { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); + transform: translateY(0); } } @keyframes bdSlideUp { from { opacity: 0; - -webkit-transform: translateY(1rem); - transform: translateY(1rem); + transform: translateY(1rem); } to { opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); + transform: translateY(0); } } .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); - -webkit-transform-origin: center center; - transform-origin: center center; + 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; - -webkit-transform-origin: bottom center; - transform-origin: bottom center; + 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% { - -webkit-transform: translate3d(0, -50px, 0); - transform: translate3d(0, -50px, 0); - opacity: 0; - } - 25%, 100% { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - opacity: 1; - } + animation-delay: 1.5s; } @keyframes bdCube1 { 0% { - -webkit-transform: translate3d(0, -50px, 0); - transform: translate3d(0, -50px, 0); + transform: translate3d(0, -50px, 0); opacity: 0; } 25%, 100% { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - opacity: 1; - } -} - -@-webkit-keyframes bdCube2 { - 0% { - -webkit-transform: translate3d(-40px, 30px, 0); - transform: translate3d(-40px, 30px, 0); - opacity: 0; - } - 25%, 100% { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes bdCube2 { 0% { - -webkit-transform: translate3d(-40px, 30px, 0); - transform: translate3d(-40px, 30px, 0); + transform: translate3d(-40px, 30px, 0); opacity: 0; } 25%, 100% { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - opacity: 1; - } -} - -@-webkit-keyframes bdCube3 { - 0% { - -webkit-transform: translate3d(40px, 30px, 0); - transform: translate3d(40px, 30px, 0); - opacity: 0; - } - 25%, 100% { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes bdCube3 { 0% { - -webkit-transform: translate3d(40px, 30px, 0); - transform: translate3d(40px, 30px, 0); + transform: translate3d(40px, 30px, 0); opacity: 0; } 25%, 100% { - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); opacity: 1; } } .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 { @@ -14443,292 +14172,119 @@ svg { } } -@-webkit-keyframes bdSlowIn { - from { - opacity: 0; - -webkit-transform: scale(0.9); - transform: scale(0.9); - } - to { - opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); - } -} - @keyframes bdSlowIn { from { opacity: 0; - -webkit-transform: scale(0.9); - transform: scale(0.9); + transform: scale(0.9); } to { opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); - } -} - -@-webkit-keyframes bdScaleIn { - from { - opacity: 0; - -webkit-transform: scale(0); - transform: scale(0); - } - to { - opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); + transform: scale(1); } } @keyframes bdScaleIn { from { opacity: 0; - -webkit-transform: scale(0); - transform: scale(0); + transform: scale(0); } to { opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); + transform: scale(1); } } .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; - -webkit-transform: matrix3d(0.1, 0, 0, 0, 0, 0.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - transform: matrix3d(0.1, 0, 0, 0, 0, 0.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - } - 3.4% { - opacity: 1; - -webkit-transform: matrix3d(0.384, 0, 0, 0, 0, 0.466, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - transform: matrix3d(0.384, 0, 0, 0, 0, 0.466, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - } - 4.7% { - -webkit-transform: matrix3d(0.505, 0, 0, 0, 0, 0.639, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - transform: matrix3d(0.505, 0, 0, 0, 0, 0.639, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - } - 6.81% { - -webkit-transform: matrix3d(0.693, 0, 0, 0, 0, 0.904, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - transform: matrix3d(0.693, 0, 0, 0, 0, 0.904, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - } - 9.41% { - -webkit-transform: matrix3d(0.895, 0, 0, 0, 0, 1.151, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - transform: matrix3d(0.895, 0, 0, 0, 0, 1.151, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - } - 10.21% { - -webkit-transform: matrix3d(0.947, 0, 0, 0, 0, 1.204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - transform: matrix3d(0.947, 0, 0, 0, 0, 1.204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - } - 13.61% { - -webkit-transform: matrix3d(1.111, 0, 0, 0, 0, 1.299, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - transform: matrix3d(1.111, 0, 0, 0, 0, 1.299, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - } - 14.11% { - -webkit-transform: matrix3d(1.127, 0, 0, 0, 0, 1.298, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - transform: matrix3d(1.127, 0, 0, 0, 0, 1.298, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - } - 17.52% { - -webkit-transform: matrix3d(1.187, 0, 0, 0, 0, 1.216, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - transform: matrix3d(1.187, 0, 0, 0, 0, 1.216, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - } - 18.72% { - -webkit-transform: matrix3d(1.191, 0, 0, 0, 0, 1.169, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - transform: matrix3d(1.191, 0, 0, 0, 0, 1.169, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - } - 21.32% { - -webkit-transform: matrix3d(1.177, 0, 0, 0, 0, 1.062, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - transform: matrix3d(1.177, 0, 0, 0, 0, 1.062, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - } - 24.32% { - -webkit-transform: matrix3d(1.135, 0, 0, 0, 0, 0.964, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - transform: matrix3d(1.135, 0, 0, 0, 0, 0.964, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - } - 25.23% { - -webkit-transform: matrix3d(1.121, 0, 0, 0, 0, 0.944, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - transform: matrix3d(1.121, 0, 0, 0, 0, 0.944, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - } - 29.03% { - -webkit-transform: matrix3d(1.057, 0, 0, 0, 0, 0.907, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - transform: matrix3d(1.057, 0, 0, 0, 0, 0.907, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - } - 29.93% { - -webkit-transform: matrix3d(1.043, 0, 0, 0, 0, 0.909, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - transform: matrix3d(1.043, 0, 0, 0, 0, 0.909, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - } - 35.54% { - -webkit-transform: matrix3d(0.981, 0, 0, 0, 0, 0.966, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - transform: matrix3d(0.981, 0, 0, 0, 0, 0.966, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - } - 36.74% { - -webkit-transform: matrix3d(0.974, 0, 0, 0, 0, 0.981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - transform: matrix3d(0.974, 0, 0, 0, 0, 0.981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - } - 41.04% { - -webkit-transform: matrix3d(0.965, 0, 0, 0, 0, 1.02, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - transform: matrix3d(0.965, 0, 0, 0, 0, 1.02, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - } - 44.44% { - -webkit-transform: matrix3d(0.969, 0, 0, 0, 0, 1.029, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - transform: matrix3d(0.969, 0, 0, 0, 0, 1.029, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - } - 52.15% { - -webkit-transform: matrix3d(0.992, 0, 0, 0, 0, 1.006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - transform: matrix3d(0.992, 0, 0, 0, 0, 1.006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - } - 59.86% { - -webkit-transform: matrix3d(1.005, 0, 0, 0, 0, 0.991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - transform: matrix3d(1.005, 0, 0, 0, 0, 0.991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - } - 63.26% { - -webkit-transform: matrix3d(1.007, 0, 0, 0, 0, 0.993, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - transform: matrix3d(1.007, 0, 0, 0, 0, 0.993, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - } - 75.28% { - -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - transform: matrix3d(1.001, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - } - 85.49% { - -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - } - 90.69% { - -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - } - 100% { - opacity: 1; - -webkit-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); - } + animation-delay: 2.5s; + animation-duration: 1500ms; + animation-name: bdJellyPop; } @keyframes bdJellyPop { 0% { opacity: 0; - -webkit-transform: matrix3d(0.1, 0, 0, 0, 0, 0.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - transform: matrix3d(0.1, 0, 0, 0, 0, 0.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); + transform: matrix3d(0.1, 0, 0, 0, 0, 0.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 3.4% { opacity: 1; - -webkit-transform: matrix3d(0.384, 0, 0, 0, 0, 0.466, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - transform: matrix3d(0.384, 0, 0, 0, 0, 0.466, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); + transform: matrix3d(0.384, 0, 0, 0, 0, 0.466, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 4.7% { - -webkit-transform: matrix3d(0.505, 0, 0, 0, 0, 0.639, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - transform: matrix3d(0.505, 0, 0, 0, 0, 0.639, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); + transform: matrix3d(0.505, 0, 0, 0, 0, 0.639, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 6.81% { - -webkit-transform: matrix3d(0.693, 0, 0, 0, 0, 0.904, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - transform: matrix3d(0.693, 0, 0, 0, 0, 0.904, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); + transform: matrix3d(0.693, 0, 0, 0, 0, 0.904, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 9.41% { - -webkit-transform: matrix3d(0.895, 0, 0, 0, 0, 1.151, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - transform: matrix3d(0.895, 0, 0, 0, 0, 1.151, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); + transform: matrix3d(0.895, 0, 0, 0, 0, 1.151, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 10.21% { - -webkit-transform: matrix3d(0.947, 0, 0, 0, 0, 1.204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - transform: matrix3d(0.947, 0, 0, 0, 0, 1.204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); + transform: matrix3d(0.947, 0, 0, 0, 0, 1.204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 13.61% { - -webkit-transform: matrix3d(1.111, 0, 0, 0, 0, 1.299, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - transform: matrix3d(1.111, 0, 0, 0, 0, 1.299, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); + transform: matrix3d(1.111, 0, 0, 0, 0, 1.299, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 14.11% { - -webkit-transform: matrix3d(1.127, 0, 0, 0, 0, 1.298, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - transform: matrix3d(1.127, 0, 0, 0, 0, 1.298, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); + transform: matrix3d(1.127, 0, 0, 0, 0, 1.298, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 17.52% { - -webkit-transform: matrix3d(1.187, 0, 0, 0, 0, 1.216, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - transform: matrix3d(1.187, 0, 0, 0, 0, 1.216, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); + transform: matrix3d(1.187, 0, 0, 0, 0, 1.216, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 18.72% { - -webkit-transform: matrix3d(1.191, 0, 0, 0, 0, 1.169, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - transform: matrix3d(1.191, 0, 0, 0, 0, 1.169, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); + transform: matrix3d(1.191, 0, 0, 0, 0, 1.169, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 21.32% { - -webkit-transform: matrix3d(1.177, 0, 0, 0, 0, 1.062, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - transform: matrix3d(1.177, 0, 0, 0, 0, 1.062, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); + transform: matrix3d(1.177, 0, 0, 0, 0, 1.062, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 24.32% { - -webkit-transform: matrix3d(1.135, 0, 0, 0, 0, 0.964, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - transform: matrix3d(1.135, 0, 0, 0, 0, 0.964, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); + transform: matrix3d(1.135, 0, 0, 0, 0, 0.964, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 25.23% { - -webkit-transform: matrix3d(1.121, 0, 0, 0, 0, 0.944, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - transform: matrix3d(1.121, 0, 0, 0, 0, 0.944, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); + transform: matrix3d(1.121, 0, 0, 0, 0, 0.944, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 29.03% { - -webkit-transform: matrix3d(1.057, 0, 0, 0, 0, 0.907, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - transform: matrix3d(1.057, 0, 0, 0, 0, 0.907, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); + transform: matrix3d(1.057, 0, 0, 0, 0, 0.907, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 29.93% { - -webkit-transform: matrix3d(1.043, 0, 0, 0, 0, 0.909, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - transform: matrix3d(1.043, 0, 0, 0, 0, 0.909, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); + transform: matrix3d(1.043, 0, 0, 0, 0, 0.909, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 35.54% { - -webkit-transform: matrix3d(0.981, 0, 0, 0, 0, 0.966, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - transform: matrix3d(0.981, 0, 0, 0, 0, 0.966, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); + transform: matrix3d(0.981, 0, 0, 0, 0, 0.966, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 36.74% { - -webkit-transform: matrix3d(0.974, 0, 0, 0, 0, 0.981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - transform: matrix3d(0.974, 0, 0, 0, 0, 0.981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); + transform: matrix3d(0.974, 0, 0, 0, 0, 0.981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 41.04% { - -webkit-transform: matrix3d(0.965, 0, 0, 0, 0, 1.02, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - transform: matrix3d(0.965, 0, 0, 0, 0, 1.02, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); + transform: matrix3d(0.965, 0, 0, 0, 0, 1.02, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 44.44% { - -webkit-transform: matrix3d(0.969, 0, 0, 0, 0, 1.029, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - transform: matrix3d(0.969, 0, 0, 0, 0, 1.029, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); + transform: matrix3d(0.969, 0, 0, 0, 0, 1.029, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 52.15% { - -webkit-transform: matrix3d(0.992, 0, 0, 0, 0, 1.006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - transform: matrix3d(0.992, 0, 0, 0, 0, 1.006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); + transform: matrix3d(0.992, 0, 0, 0, 0, 1.006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 59.86% { - -webkit-transform: matrix3d(1.005, 0, 0, 0, 0, 0.991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - transform: matrix3d(1.005, 0, 0, 0, 0, 0.991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); + transform: matrix3d(1.005, 0, 0, 0, 0, 0.991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 63.26% { - -webkit-transform: matrix3d(1.007, 0, 0, 0, 0, 0.993, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - transform: matrix3d(1.007, 0, 0, 0, 0, 0.993, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); + transform: matrix3d(1.007, 0, 0, 0, 0, 0.993, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 75.28% { - -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - transform: matrix3d(1.001, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); + transform: matrix3d(1.001, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 85.49% { - -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); + transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 90.69% { - -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); - transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); + transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 100% { opacity: 1; - -webkit-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); + transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } } - -/*# sourceMappingURL=bulma-docs.css.map */ \ No newline at end of file