bulma-extensions
Version:
Set of extensions for Bulma.io CSS Framework
1 lines • 5.05 kB
CSS
@-webkit-keyframes spinAround{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spinAround{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.accordions .accordion:not(:last-child){margin-bottom:1.5rem}.accordions .accordion{display:flex;flex-direction:column;background-color:#f5f5f5;border-radius:4px;font-size:1rem}.accordions .accordion strong{color:currentColor}.accordions .accordion a:not(.button):not(.tag){color:currentColor;text-decoration:underline}.accordions .accordion.is-small{font-size:.75rem}.accordions .accordion.is-medium{font-size:1.25rem}.accordions .accordion.is-large{font-size:1.5rem}.accordions .accordion:not(:first-child) .accordion-header{border-radius:0}.accordions .accordion:not(:last-child){margin-bottom:0}.accordions .accordion:not(:last-child) .accordion-content{border-radius:0}.accordions .accordion .toggle,.accordions .accordion [data-action=toggle]{cursor:pointer}.accordions .accordion .accordion-header{align-items:center;background-color:#4a4a4a;border-radius:4px 4px 0 0;color:#fff;display:flex;justify-content:space-between;line-height:1.25;padding:.5em .75em;position:relative}.accordions .accordion .accordion-header .toggle{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-moz-appearance:none;-webkit-appearance:none;background-color:rgba(10,10,10,.2);border:none;border-radius:290486px;display:inline-block;flex-grow:0;flex-shrink:0;margin-left:.75em;height:20px;width:20px;max-height:20px;max-width:20px;min-height:20px;min-width:20px;outline:0;position:relative;vertical-align:top}.accordions .accordion .accordion-header .toggle::before{color:#fff;display:block;left:0;position:absolute;top:-.1em;right:0;bottom:0;content:'\002B'}.accordions .accordion .accordion-header .toggle::after{display:none}.accordions .accordion .accordion-header+.accordion-body{overflow-y:hidden;max-height:0;color:#4a4a4a;border:1px solid #dbdbdb;border-radius:4px;border-top-left-radius:0;border-top-right-radius:0;border-top:none;transition:max-height .2s ease}.accordions .accordion .accordion-header+.accordion-body .accordion-content{padding:1em 1.25em}.accordions .accordion .accordion-header+.accordion-body .accordion-content code,.accordions .accordion .accordion-header+.accordion-body .accordion-content pre{background-color:#fff}.accordions .accordion .accordion-header+.accordion-body .accordion-content pre code{background-color:transparent}.accordions .accordion.is-active .accordion-header .toggle::before{content:'\002D'}.accordions .accordion.is-active .accordion-body{max-height:100em}.accordions .accordion.is-white{background-color:#fff}.accordions .accordion.is-white .accordion-header{background-color:#fff;color:#0a0a0a}.accordions .accordion.is-white .accordion-content{border-color:#fff;color:#4d4d4d}.accordions .accordion.is-black{background-color:#fafafa}.accordions .accordion.is-black .accordion-header{background-color:#0a0a0a;color:#fff}.accordions .accordion.is-black .accordion-content{border-color:#0a0a0a;color:#090909}.accordions .accordion.is-light{background-color:#fafafa}.accordions .accordion.is-light .accordion-header{background-color:#f5f5f5;color:#363636}.accordions .accordion.is-light .accordion-content{border-color:#f5f5f5;color:#505050}.accordions .accordion.is-dark{background-color:#fafafa}.accordions .accordion.is-dark .accordion-header{background-color:#363636;color:#f5f5f5}.accordions .accordion.is-dark .accordion-content{border-color:#363636;color:#2a2a2a}.accordions .accordion.is-primary{background-color:#f5fffd}.accordions .accordion.is-primary .accordion-header{background-color:#00d1b2;color:#fff}.accordions .accordion.is-primary .accordion-content{border-color:#00d1b2;color:#021310}.accordions .accordion.is-link{background-color:#f6f9fe}.accordions .accordion.is-link .accordion-header{background-color:#3273dc;color:#fff}.accordions .accordion.is-link .accordion-content{border-color:#3273dc;color:#22509a}.accordions .accordion.is-info{background-color:#f6fbfe}.accordions .accordion.is-info .accordion-header{background-color:#209cee;color:#fff}.accordions .accordion.is-info .accordion-content{border-color:#209cee;color:#12537e}.accordions .accordion.is-success{background-color:#f6fef9}.accordions .accordion.is-success .accordion-header{background-color:#23d160;color:#fff}.accordions .accordion.is-success .accordion-content{border-color:#23d160;color:#0e301a}.accordions .accordion.is-warning{background-color:#fffdf5}.accordions .accordion.is-warning .accordion-header{background-color:#ffdd57;color:rgba(0,0,0,.7)}.accordions .accordion.is-warning .accordion-content{border-color:#ffdd57;color:#3b3108}.accordions .accordion.is-danger{background-color:#fff5f7}.accordions .accordion.is-danger .accordion-header{background-color:#ff3860;color:#fff}.accordions .accordion.is-danger .accordion-content{border-color:#ff3860;color:#cd0930}