2855 lines
92 KiB
CSS
2855 lines
92 KiB
CSS
/*!*************************************************************************************************************************************************************************************************************************************!*\
|
|
!*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-24.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-24.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-24.use[3]!./src/assets/admin.scss ***!
|
|
\*************************************************************************************************************************************************************************************************************************************/
|
|
:root {
|
|
--title-1-sz: 1.6rem;
|
|
--title-2-sz: 1.4rem;
|
|
--title-3-sz: 1.2rem;
|
|
--subtitle-1-sz: 1.6rem;
|
|
--subtitle-2-sz: 1.4rem;
|
|
--subtitle-3-sz: 1.2rem;
|
|
--heading-font-family: default;
|
|
--heading-bg: var(--hg-color);
|
|
--heading-fg: var(--text-color);
|
|
--heading-hg-fg: var(--text-color);
|
|
--heading-hg-bg: var(--hg-color-2);
|
|
--preview-bg: var(--body-bg);
|
|
--preview-title-sz: 1.4rem;
|
|
--preview-subtitle-sz: 1rem;
|
|
--preview-cover-size: 14rem;
|
|
--preview-cover-small-size: 10rem;
|
|
--preview-cover-tiny-size: 4rem;
|
|
--preview-wide-content-sz: 1.6rem;
|
|
--preview-heading-bg-color: var(--hg-color);
|
|
--header-height: var(--preview-cover-size);
|
|
--a-carousel-p: 1.4rem;
|
|
--a-carousel-ml: calc(1.2rem - 0.5rem);
|
|
--a-carousel-gap: 1.2rem;
|
|
--a-carousel-nav-x: -0.6em;
|
|
--a-carousel-bg: var(--secondary-color-light);
|
|
--a-progress-bg: transparent;
|
|
--a-progress-bar-bg: var(--hg-color-2);
|
|
--a-progress-bar-color: var(--hg-color);
|
|
--a-progress-bar-pd: 0.4rem;
|
|
--a-playlist-header-bg: var(--secondary-color);
|
|
--a-playlist-header-fg: var(--text-color);
|
|
--a-playlist-title-sz: 1rem;
|
|
--a-playlist-title-pd: 0.6rem;
|
|
--a-playlist-item-border: 1px var(--secondary-color) solid;
|
|
--a-sound-bg: var(--hg-color-alpha);
|
|
--a-sound-hv-bg: var(--hg-color);
|
|
--a-sound-playing-fg: var(--hg-color-alpha);
|
|
--a-sound-hv-fg: var(--text-color);
|
|
--a-sound-text-sz: 1rem;
|
|
--a-player-url-fg: var(--text-color);
|
|
--a-player-panel-bg: var(--hg-color);
|
|
--a-player-bar-height: var(--nav-primary-height);
|
|
--a-player-bar-bg: var(--hg-color);
|
|
--a-player-bar-title-alone-sz: 1.4rem;
|
|
--a-player-bar-button-fg: var(--button-fg);
|
|
--a-player-bar-button-fg: var(--button-bg);
|
|
--a-player-bar-button-hg-fg: var(--button-hg-fg);
|
|
--a-player-bar-button-hg-bg: var(--button-hg-bg);
|
|
--button-fg: var(--text-color);
|
|
--button-bg: var(--main-color);
|
|
--button-sec-bg: var(--main-color-light);
|
|
--button-hg-fg: var(--text-color);
|
|
--button-hg-bg: var(--secondary-color);
|
|
--button-active-fg: var(--text-color);
|
|
--button-active-bg: var(--secondary-color-light);
|
|
}
|
|
|
|
@media screen and (max-width: 1380px) {
|
|
:root {
|
|
--section-content-sz: 1rem;
|
|
--preview-title-sz: 1rem;
|
|
--preview-subtitle-sz: 0.8rem;
|
|
--preview-cover-size: 10rem;
|
|
--preview-cover-small-size: 6rem;
|
|
--preview-cover-tiny-size: 4rem;
|
|
--preview-wide-content-sz: 1rem;
|
|
}
|
|
}
|
|
.title.is-1, .header.preview .title.is-1 {
|
|
font-size: var(--title-1-sz);
|
|
}
|
|
.title.is-2, .header.preview .title.is-2 {
|
|
font-size: var(--title-2-sz);
|
|
}
|
|
.title.is-3, .header.preview .title.is-3 {
|
|
font-size: var(--title-3-sz);
|
|
}
|
|
|
|
.subtitle.is-1, .header.preview .subtitle.is-1 {
|
|
font-size: var(--subtitle-1-sz);
|
|
}
|
|
.subtitle.is-2, .header.preview .subtitle.is-2 {
|
|
font-size: var(--subtitle-2-sz);
|
|
}
|
|
.subtitle.is-3, .header.preview .subtitle.is-3 {
|
|
font-size: var(--subtitle-3-sz);
|
|
}
|
|
|
|
.headings a, a.heading, a.subtitle {
|
|
text-decoration: none !important;
|
|
}
|
|
|
|
.heading {
|
|
display: inline-block;
|
|
}
|
|
.heading:not(:empty) {
|
|
color: var(--heading-fg);
|
|
padding: 0.4rem;
|
|
margin-top: 0em !important;
|
|
vertical-align: top;
|
|
}
|
|
.heading:not(:empty).highlight, .heading:not(:empty).active, .preview.active .heading:not(:empty) {
|
|
color: var(--heading-hg-fg);
|
|
}
|
|
|
|
.preview {
|
|
position: relative;
|
|
background-size: cover;
|
|
background-color: var(--preview-bg) !important;
|
|
}
|
|
.preview.preview-item {
|
|
width: 100%;
|
|
}
|
|
.preview.columns, .preview .headings.columns {
|
|
margin-left: 0em;
|
|
margin-right: 0em;
|
|
}
|
|
.preview.columns .column, .preview .headings.columns .column {
|
|
padding: 0em;
|
|
}
|
|
.preview .title, .preview .title:not(:last-child) {
|
|
font-weight: 700;
|
|
font-size: var(--preview-title-sz);
|
|
margin-bottom: unset;
|
|
}
|
|
.preview .subtitle {
|
|
font-weight: 500;
|
|
font-size: var(--preview-subtitle-sz);
|
|
margin-bottom: unset;
|
|
}
|
|
.preview .headings {
|
|
background-size: cover;
|
|
}
|
|
.preview .headings > * {
|
|
margin: 0em;
|
|
}
|
|
.preview .headings .column {
|
|
padding: 0em;
|
|
}
|
|
.preview .headings a {
|
|
color: var(--text-color);
|
|
}
|
|
.preview.tiny .content {
|
|
font-size: 1rem;
|
|
}
|
|
|
|
.preview-cover {
|
|
background-size: cover;
|
|
height: var(--preview-cover-size);
|
|
width: var(--preview-cover-size);
|
|
min-width: var(--preview-cover-size);
|
|
}
|
|
.preview-cover.small, .preview.small .preview-cover {
|
|
min-width: unset;
|
|
height: var(--preview-cover-small-size);
|
|
width: var(--preview-cover-small-size) !important;
|
|
min-width: var(--preview-cover-small-size);
|
|
}
|
|
.preview-cover.tiny, .preview.tiny .preview-cover {
|
|
min-width: unset;
|
|
height: var(--preview-cover-tiny-size);
|
|
width: var(--preview-cover-tiny-size) !important;
|
|
min-width: var(--preview-cover-tiny-size);
|
|
}
|
|
|
|
.preview-header {
|
|
width: 100%;
|
|
}
|
|
.preview-header:not(.no-cover) {
|
|
min-height: var(--header-height);
|
|
}
|
|
.preview-header.no-cover {
|
|
height: unset;
|
|
}
|
|
.preview-header .headings {
|
|
padding-top: 2rem;
|
|
}
|
|
.preview-header .headings, .preview-header > .container {
|
|
width: 100%;
|
|
}
|
|
.preview-header > .container {
|
|
height: 100%;
|
|
}
|
|
|
|
.list-item {
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: 100%;
|
|
padding: 0.6rem;
|
|
}
|
|
.list-item .headings {
|
|
display: flex;
|
|
flex-direction: row;
|
|
padding: 0em;
|
|
margin-bottom: 0.4rem !important;
|
|
}
|
|
.list-item .headings .heading {
|
|
padding: 0rem;
|
|
}
|
|
.list-item .title {
|
|
flex-grow: 1;
|
|
}
|
|
.list-item .subtitle {
|
|
font-size: var(--preview-title-sz);
|
|
text-align: right;
|
|
min-width: 8rem;
|
|
text-decoration: underline;
|
|
}
|
|
.list-item .media {
|
|
flex-grow: 1;
|
|
}
|
|
.list-item .media-content {
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-bottom: unset;
|
|
}
|
|
.list-item:not(.no-cover) .list-item .media-content {
|
|
min-height: var(--preview-cover-small-size);
|
|
}
|
|
.list-item .actions {
|
|
text-align: right;
|
|
margin-top: 0.6rem;
|
|
}
|
|
|
|
@media screen and (max-width: 400px) {
|
|
.list-item .headings {
|
|
flex-direction: column;
|
|
}
|
|
.list-item .headings .heading {
|
|
display: inline;
|
|
text-align: left;
|
|
}
|
|
.list-item .headings .subtitle {
|
|
color: unset !important;
|
|
background: none !important;
|
|
}
|
|
}
|
|
.list-item.wide .preview-cover {
|
|
box-shadow: 0em 0em 1em rgba(0, 0, 0, 0.2);
|
|
}
|
|
.list-item.wide .content {
|
|
font-size: var(--preview-wide-content-sz);
|
|
flex-grow: 1;
|
|
}
|
|
|
|
.preview-card {
|
|
padding: 0rem !important;
|
|
height: var(--preview-cover-size);
|
|
width: var(--preview-cover-size);
|
|
}
|
|
.preview-card.small {
|
|
height: var(--preview-cover-small-size);
|
|
width: var(--preview-cover-small-size);
|
|
}
|
|
.preview-card.tiny {
|
|
height: var(--preview-cover-tiny-size);
|
|
width: var(--preview-cover-tiny-size);
|
|
}
|
|
.preview-card:not(.header) {
|
|
box-shadow: 0em 0em 1em rgba(0, 0, 0, 0.2);
|
|
}
|
|
.preview-card .heading {
|
|
background-color: var(--preview-heading-bg-color);
|
|
}
|
|
.preview-card .title {
|
|
max-height: calc(var(--preview-cover-size) / 2);
|
|
overflow: hidden;
|
|
}
|
|
.card-grid .preview-card {
|
|
min-width: unset;
|
|
}
|
|
.preview-card .actions {
|
|
position: absolute;
|
|
bottom: 0.6rem;
|
|
right: 0.6rem;
|
|
}
|
|
.preview-card .actions label {
|
|
display: none;
|
|
}
|
|
|
|
.card-headings, .preview-card-headings {
|
|
padding-top: 0.6rem;
|
|
}
|
|
.card-headings > div:not(:last-child), .card-headings .column > div, .preview-card-headings > div:not(:last-child), .preview-card-headings .column > div {
|
|
margin-bottom: 0.6rem;
|
|
}
|
|
preview-header:not(.no-cover) .card-headings .heading, preview-header:not(.no-cover) .preview-card-headings .heading {
|
|
margin-bottom: 0.6rem;
|
|
}
|
|
|
|
.card-grid {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr 1fr;
|
|
gap: 1.2rem;
|
|
}
|
|
|
|
.list-grid {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
gap: 1.2rem;
|
|
}
|
|
|
|
@media screen and (max-width: 800px) {
|
|
.list-grid {
|
|
grid-template-columns: 1fr;
|
|
}
|
|
}
|
|
.a-carousel .a-carousel-viewport {
|
|
box-shadow: inset 0em 0em 20rem var(--a-carousel-bg);
|
|
margin-bottom: var(--a-carousel-p);
|
|
padding: var(--a-carousel-p) 0;
|
|
padding-left: var(--a-carousel-ml);
|
|
}
|
|
|
|
.a-carousel-container {
|
|
width: 100%;
|
|
gap: var(--a-carousel-gap);
|
|
transition: margin-left 1s;
|
|
}
|
|
.a-carousel-container > * {
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.a-carousel-bullets-container {
|
|
padding-left: var(--a-carousel-ml);
|
|
}
|
|
|
|
.a-progress {
|
|
display: flex;
|
|
flex-direction: row;
|
|
margin: 0em;
|
|
padding: 0em;
|
|
}
|
|
.a-progress:hover {
|
|
background-color: var(--a-progress-bg);
|
|
}
|
|
.a-progress .a-progress-bar-container {
|
|
flex-grow: 1;
|
|
margin: 0em;
|
|
}
|
|
.a-progress > time, .a-progress .a-progress-bar {
|
|
height: 100%;
|
|
padding: var(--a-progress-bar-pd);
|
|
}
|
|
.a-progress .a-progress-bar {
|
|
background-color: var(--a-progress-bar-bg);
|
|
color: var(--a-progress-bar-color);
|
|
}
|
|
|
|
.playlist .header, .a-playlist .header {
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
.playlist .header .title, .playlist .header .button, .a-playlist .header .title, .a-playlist .header .button {
|
|
background-color: var(--a-playlist-header-bg);
|
|
color: var(--a-playlist-header-fg);
|
|
}
|
|
.playlist .header .title, .a-playlist .header .title {
|
|
font-size: var(--a-playlist-title-sz);
|
|
margin: 0;
|
|
padding: var(--a-playlist-title-pd);
|
|
}
|
|
.playlist li, .a-playlist li {
|
|
list-style: none;
|
|
border-bottom: var(--a-playlist-item-border);
|
|
}
|
|
.playlist li:last-child, .a-playlist li:last-child {
|
|
border-bottom: 0px;
|
|
}
|
|
|
|
.a-sound-item {
|
|
display: flex;
|
|
align-items: center;
|
|
flex-direction: row;
|
|
height: 3rem;
|
|
background-color: var(--a-sound-bg);
|
|
}
|
|
.a-sound-item.playing, .a-sound-item.playing .label {
|
|
color: var(--a-sound-playing-fg) !important;
|
|
}
|
|
.a-sound-item:hover {
|
|
background-color: var(--a-sound-hv-bg);
|
|
}
|
|
.a-sound-item:hover .label {
|
|
color: var(--a-sound-hv-fg) !important;
|
|
}
|
|
.a-sound-item .label:hover::before, .a-sound-item.playing .label::before {
|
|
content: "\f04b";
|
|
font-family: "Font Awesome 6 Free";
|
|
margin-right: 0.6em;
|
|
}
|
|
.a-sound-item.playing .label:hover::before {
|
|
content: "";
|
|
margin: 0;
|
|
}
|
|
.a-sound-item .label {
|
|
cursor: pointer;
|
|
margin: 0em !important;
|
|
padding: 0.6em;
|
|
font-size: var(--a-sound-text-sz);
|
|
font-family: var(--heading-font-family);
|
|
}
|
|
.a-sound-item .label .icon {
|
|
padding: 0em 0.6rem;
|
|
}
|
|
.a-sound-item .button {
|
|
width: 3em;
|
|
font-size: var(--a-sound-text-sz);
|
|
}
|
|
|
|
.player-container {
|
|
z-index: 1000000;
|
|
}
|
|
|
|
.a-player {
|
|
box-shadow: 0em -0.5em 0.5em rgba(0, 0, 0, 0.05);
|
|
}
|
|
.a-player a {
|
|
color: var(--a-player-url-fg);
|
|
}
|
|
.a-player .button {
|
|
color: var(--text-black);
|
|
}
|
|
.a-player .button:hover {
|
|
color: var(--button-fg);
|
|
}
|
|
|
|
.a-player-panels {
|
|
background: var(--a-player-panel-bg);
|
|
height: 0%;
|
|
transition: height 1s;
|
|
}
|
|
|
|
.a-player-panels.is-open {
|
|
height: auto;
|
|
}
|
|
|
|
.a-player-panel {
|
|
padding-bottom: 0.6rem;
|
|
max-height: 80%;
|
|
overflow-y: auto;
|
|
}
|
|
.a-player-panel .a-sound-item:not(:hover) {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.a-player-progress {
|
|
height: 0.4em;
|
|
overflow: hidden;
|
|
}
|
|
.a-player-progress time {
|
|
display: none;
|
|
}
|
|
.a-player-progress:hover, .a-player-panels.is-open + .a-player-progress {
|
|
background: var(--a-player-bar-bg);
|
|
height: 2em;
|
|
}
|
|
.a-player-progress:hover time, .a-player-panels.is-open + .a-player-progress time {
|
|
display: unset;
|
|
}
|
|
|
|
.a-player-bar {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: center;
|
|
height: var(--a-player-bar-height);
|
|
border-top: 1px #ddd solid;
|
|
background: var(--a-player-bar-bg);
|
|
}
|
|
.a-player-bar > * {
|
|
height: 100%;
|
|
}
|
|
.a-player-bar .cover {
|
|
height: 100%;
|
|
}
|
|
.a-player-bar .title {
|
|
font-size: 1rem;
|
|
margin: 0em;
|
|
}
|
|
.a-player-bar .title:last-child {
|
|
font-size: var(--a-player-bar-title-alone-sz);
|
|
}
|
|
.a-player-bar .button {
|
|
font-size: 1.4rem;
|
|
height: 100%;
|
|
padding: 0.4rem !important;
|
|
min-width: calc(var(--a-player-bar-height) + 0.8rem);
|
|
border-radius: 0px;
|
|
transition: background-color 0.5s;
|
|
}
|
|
.a-player-bar .button.open {
|
|
background-color: var(--a-player-bar-button-hg-bg);
|
|
color: var(--a-player-bar-button-hg-fg);
|
|
}
|
|
|
|
.a-player-bar-content {
|
|
display: flex;
|
|
flex-direction: vertical;
|
|
align-items: center;
|
|
flex-grow: 1;
|
|
padding: 0 0.6rem;
|
|
border-right: 1px black solid;
|
|
}
|
|
.a-player-bar-content .title {
|
|
max-height: calc(var(--a-player-bar-height) - 0.6rem);
|
|
overflow: hidden;
|
|
}
|
|
|
|
/* Bulma Utilities */
|
|
.button {
|
|
-moz-appearance: none;
|
|
-webkit-appearance: none;
|
|
align-items: center;
|
|
border: 1px solid transparent;
|
|
border-radius: 4px;
|
|
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;
|
|
}
|
|
.button:focus, .is-focused.button, .button:active, .is-active.button {
|
|
outline: none;
|
|
}
|
|
[disabled].button, fieldset[disabled] .button {
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.button {
|
|
-webkit-touch-callout: none;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
.navbar-link:not(.is-arrowless)::after {
|
|
border: 3px solid transparent;
|
|
border-radius: 2px;
|
|
border-right: 0;
|
|
border-top: 0;
|
|
content: " ";
|
|
display: block;
|
|
height: 0.625em;
|
|
margin-top: -0.4375em;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
top: 50%;
|
|
transform: rotate(-45deg);
|
|
transform-origin: center;
|
|
width: 0.625em;
|
|
}
|
|
|
|
.button.is-loading::after {
|
|
animation: spinAround 500ms infinite linear;
|
|
border: 2px solid hsl(0deg, 0%, 86%);
|
|
border-radius: 9999px;
|
|
border-right-color: transparent;
|
|
border-top-color: transparent;
|
|
content: "";
|
|
display: block;
|
|
height: 1em;
|
|
position: relative;
|
|
width: 1em;
|
|
}
|
|
|
|
.navbar-burger {
|
|
-moz-appearance: none;
|
|
-webkit-appearance: none;
|
|
appearance: none;
|
|
background: none;
|
|
border: none;
|
|
color: currentColor;
|
|
font-family: inherit;
|
|
font-size: 1em;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.button {
|
|
background-color: hsl(0deg, 0%, 100%);
|
|
border-color: hsl(0deg, 0%, 86%);
|
|
border-width: 1px;
|
|
color: hsl(0deg, 0%, 21%);
|
|
cursor: pointer;
|
|
justify-content: center;
|
|
padding-bottom: calc(0.5em - 1px);
|
|
padding-left: 1em;
|
|
padding-right: 1em;
|
|
padding-top: calc(0.5em - 1px);
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
}
|
|
.button strong {
|
|
color: inherit;
|
|
}
|
|
.button .icon, .button .icon.is-small, .button .icon.is-medium, .button .icon.is-large {
|
|
height: 1.5em;
|
|
width: 1.5em;
|
|
}
|
|
.button .icon:first-child:not(:last-child) {
|
|
margin-left: calc(-0.5em - 1px);
|
|
margin-right: 0.25em;
|
|
}
|
|
.button .icon:last-child:not(:first-child) {
|
|
margin-left: 0.25em;
|
|
margin-right: calc(-0.5em - 1px);
|
|
}
|
|
.button .icon:first-child:last-child {
|
|
margin-left: calc(-0.5em - 1px);
|
|
margin-right: calc(-0.5em - 1px);
|
|
}
|
|
.button:hover, .button.is-hovered {
|
|
border-color: hsl(0deg, 0%, 71%);
|
|
color: hsl(0deg, 0%, 21%);
|
|
}
|
|
.button:focus, .button.is-focused {
|
|
border-color: hsl(229deg, 53%, 53%);
|
|
color: hsl(0deg, 0%, 21%);
|
|
}
|
|
.button:focus:not(:active), .button.is-focused:not(:active) {
|
|
box-shadow: 0 0 0 0.125em rgba(72, 95, 199, 0.25);
|
|
}
|
|
.button:active, .button.is-active {
|
|
border-color: hsl(0deg, 0%, 29%);
|
|
color: hsl(0deg, 0%, 21%);
|
|
}
|
|
.button.is-text {
|
|
background-color: transparent;
|
|
border-color: transparent;
|
|
color: hsl(0deg, 0%, 29%);
|
|
text-decoration: underline;
|
|
}
|
|
.button.is-text:hover, .button.is-text.is-hovered, .button.is-text:focus, .button.is-text.is-focused {
|
|
background-color: hsl(0deg, 0%, 96%);
|
|
color: hsl(0deg, 0%, 21%);
|
|
}
|
|
.button.is-text:active, .button.is-text.is-active {
|
|
background-color: #e8e8e8;
|
|
color: hsl(0deg, 0%, 21%);
|
|
}
|
|
.button.is-text[disabled], fieldset[disabled] .button.is-text {
|
|
background-color: transparent;
|
|
border-color: transparent;
|
|
box-shadow: none;
|
|
}
|
|
.button.is-ghost {
|
|
background: none;
|
|
border-color: transparent;
|
|
color: hsl(229deg, 53%, 53%);
|
|
text-decoration: none;
|
|
}
|
|
.button.is-ghost:hover, .button.is-ghost.is-hovered {
|
|
color: hsl(229deg, 53%, 53%);
|
|
text-decoration: underline;
|
|
}
|
|
.button.is-white {
|
|
background-color: hsl(0deg, 0%, 100%);
|
|
border-color: transparent;
|
|
color: hsl(0deg, 0%, 4%);
|
|
}
|
|
.button.is-white:hover, .button.is-white.is-hovered {
|
|
background-color: #f9f9f9;
|
|
border-color: transparent;
|
|
color: hsl(0deg, 0%, 4%);
|
|
}
|
|
.button.is-white:focus, .button.is-white.is-focused {
|
|
border-color: transparent;
|
|
color: hsl(0deg, 0%, 4%);
|
|
}
|
|
.button.is-white:focus:not(:active), .button.is-white.is-focused:not(:active) {
|
|
box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
|
|
}
|
|
.button.is-white:active, .button.is-white.is-active {
|
|
background-color: #f2f2f2;
|
|
border-color: transparent;
|
|
color: hsl(0deg, 0%, 4%);
|
|
}
|
|
.button.is-white[disabled], fieldset[disabled] .button.is-white {
|
|
background-color: hsl(0deg, 0%, 100%);
|
|
border-color: hsl(0deg, 0%, 100%);
|
|
box-shadow: none;
|
|
}
|
|
.button.is-white.is-inverted {
|
|
background-color: hsl(0deg, 0%, 4%);
|
|
color: hsl(0deg, 0%, 100%);
|
|
}
|
|
.button.is-white.is-inverted:hover, .button.is-white.is-inverted.is-hovered {
|
|
background-color: black;
|
|
}
|
|
.button.is-white.is-inverted[disabled], fieldset[disabled] .button.is-white.is-inverted {
|
|
background-color: hsl(0deg, 0%, 4%);
|
|
border-color: transparent;
|
|
box-shadow: none;
|
|
color: hsl(0deg, 0%, 100%);
|
|
}
|
|
.button.is-white.is-loading::after {
|
|
border-color: transparent transparent hsl(0deg, 0%, 4%) hsl(0deg, 0%, 4%) !important;
|
|
}
|
|
.button.is-white.is-outlined {
|
|
background-color: transparent;
|
|
border-color: hsl(0deg, 0%, 100%);
|
|
color: hsl(0deg, 0%, 100%);
|
|
}
|
|
.button.is-white.is-outlined:hover, .button.is-white.is-outlined.is-hovered, .button.is-white.is-outlined:focus, .button.is-white.is-outlined.is-focused {
|
|
background-color: hsl(0deg, 0%, 100%);
|
|
border-color: hsl(0deg, 0%, 100%);
|
|
color: hsl(0deg, 0%, 4%);
|
|
}
|
|
.button.is-white.is-outlined.is-loading::after {
|
|
border-color: transparent transparent hsl(0deg, 0%, 100%) hsl(0deg, 0%, 100%) !important;
|
|
}
|
|
.button.is-white.is-outlined.is-loading:hover::after, .button.is-white.is-outlined.is-loading.is-hovered::after, .button.is-white.is-outlined.is-loading:focus::after, .button.is-white.is-outlined.is-loading.is-focused::after {
|
|
border-color: transparent transparent hsl(0deg, 0%, 4%) hsl(0deg, 0%, 4%) !important;
|
|
}
|
|
.button.is-white.is-outlined[disabled], fieldset[disabled] .button.is-white.is-outlined {
|
|
background-color: transparent;
|
|
border-color: hsl(0deg, 0%, 100%);
|
|
box-shadow: none;
|
|
color: hsl(0deg, 0%, 100%);
|
|
}
|
|
.button.is-white.is-inverted.is-outlined {
|
|
background-color: transparent;
|
|
border-color: hsl(0deg, 0%, 4%);
|
|
color: hsl(0deg, 0%, 4%);
|
|
}
|
|
.button.is-white.is-inverted.is-outlined:hover, .button.is-white.is-inverted.is-outlined.is-hovered, .button.is-white.is-inverted.is-outlined:focus, .button.is-white.is-inverted.is-outlined.is-focused {
|
|
background-color: hsl(0deg, 0%, 4%);
|
|
color: hsl(0deg, 0%, 100%);
|
|
}
|
|
.button.is-white.is-inverted.is-outlined.is-loading:hover::after, .button.is-white.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-white.is-inverted.is-outlined.is-loading:focus::after, .button.is-white.is-inverted.is-outlined.is-loading.is-focused::after {
|
|
border-color: transparent transparent hsl(0deg, 0%, 100%) hsl(0deg, 0%, 100%) !important;
|
|
}
|
|
.button.is-white.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-white.is-inverted.is-outlined {
|
|
background-color: transparent;
|
|
border-color: hsl(0deg, 0%, 4%);
|
|
box-shadow: none;
|
|
color: hsl(0deg, 0%, 4%);
|
|
}
|
|
.button.is-black {
|
|
background-color: hsl(0deg, 0%, 4%);
|
|
border-color: transparent;
|
|
color: hsl(0deg, 0%, 100%);
|
|
}
|
|
.button.is-black:hover, .button.is-black.is-hovered {
|
|
background-color: #040404;
|
|
border-color: transparent;
|
|
color: hsl(0deg, 0%, 100%);
|
|
}
|
|
.button.is-black:focus, .button.is-black.is-focused {
|
|
border-color: transparent;
|
|
color: hsl(0deg, 0%, 100%);
|
|
}
|
|
.button.is-black:focus:not(:active), .button.is-black.is-focused:not(:active) {
|
|
box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25);
|
|
}
|
|
.button.is-black:active, .button.is-black.is-active {
|
|
background-color: black;
|
|
border-color: transparent;
|
|
color: hsl(0deg, 0%, 100%);
|
|
}
|
|
.button.is-black[disabled], fieldset[disabled] .button.is-black {
|
|
background-color: hsl(0deg, 0%, 4%);
|
|
border-color: hsl(0deg, 0%, 4%);
|
|
box-shadow: none;
|
|
}
|
|
.button.is-black.is-inverted {
|
|
background-color: hsl(0deg, 0%, 100%);
|
|
color: hsl(0deg, 0%, 4%);
|
|
}
|
|
.button.is-black.is-inverted:hover, .button.is-black.is-inverted.is-hovered {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.button.is-black.is-inverted[disabled], fieldset[disabled] .button.is-black.is-inverted {
|
|
background-color: hsl(0deg, 0%, 100%);
|
|
border-color: transparent;
|
|
box-shadow: none;
|
|
color: hsl(0deg, 0%, 4%);
|
|
}
|
|
.button.is-black.is-loading::after {
|
|
border-color: transparent transparent hsl(0deg, 0%, 100%) hsl(0deg, 0%, 100%) !important;
|
|
}
|
|
.button.is-black.is-outlined {
|
|
background-color: transparent;
|
|
border-color: hsl(0deg, 0%, 4%);
|
|
color: hsl(0deg, 0%, 4%);
|
|
}
|
|
.button.is-black.is-outlined:hover, .button.is-black.is-outlined.is-hovered, .button.is-black.is-outlined:focus, .button.is-black.is-outlined.is-focused {
|
|
background-color: hsl(0deg, 0%, 4%);
|
|
border-color: hsl(0deg, 0%, 4%);
|
|
color: hsl(0deg, 0%, 100%);
|
|
}
|
|
.button.is-black.is-outlined.is-loading::after {
|
|
border-color: transparent transparent hsl(0deg, 0%, 4%) hsl(0deg, 0%, 4%) !important;
|
|
}
|
|
.button.is-black.is-outlined.is-loading:hover::after, .button.is-black.is-outlined.is-loading.is-hovered::after, .button.is-black.is-outlined.is-loading:focus::after, .button.is-black.is-outlined.is-loading.is-focused::after {
|
|
border-color: transparent transparent hsl(0deg, 0%, 100%) hsl(0deg, 0%, 100%) !important;
|
|
}
|
|
.button.is-black.is-outlined[disabled], fieldset[disabled] .button.is-black.is-outlined {
|
|
background-color: transparent;
|
|
border-color: hsl(0deg, 0%, 4%);
|
|
box-shadow: none;
|
|
color: hsl(0deg, 0%, 4%);
|
|
}
|
|
.button.is-black.is-inverted.is-outlined {
|
|
background-color: transparent;
|
|
border-color: hsl(0deg, 0%, 100%);
|
|
color: hsl(0deg, 0%, 100%);
|
|
}
|
|
.button.is-black.is-inverted.is-outlined:hover, .button.is-black.is-inverted.is-outlined.is-hovered, .button.is-black.is-inverted.is-outlined:focus, .button.is-black.is-inverted.is-outlined.is-focused {
|
|
background-color: hsl(0deg, 0%, 100%);
|
|
color: hsl(0deg, 0%, 4%);
|
|
}
|
|
.button.is-black.is-inverted.is-outlined.is-loading:hover::after, .button.is-black.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-black.is-inverted.is-outlined.is-loading:focus::after, .button.is-black.is-inverted.is-outlined.is-loading.is-focused::after {
|
|
border-color: transparent transparent hsl(0deg, 0%, 4%) hsl(0deg, 0%, 4%) !important;
|
|
}
|
|
.button.is-black.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-black.is-inverted.is-outlined {
|
|
background-color: transparent;
|
|
border-color: hsl(0deg, 0%, 100%);
|
|
box-shadow: none;
|
|
color: hsl(0deg, 0%, 100%);
|
|
}
|
|
.button.is-light {
|
|
background-color: hsl(0deg, 0%, 96%);
|
|
border-color: transparent;
|
|
color: rgba(0, 0, 0, 0.7);
|
|
}
|
|
.button.is-light:hover, .button.is-light.is-hovered {
|
|
background-color: #eeeeee;
|
|
border-color: transparent;
|
|
color: rgba(0, 0, 0, 0.7);
|
|
}
|
|
.button.is-light:focus, .button.is-light.is-focused {
|
|
border-color: transparent;
|
|
color: rgba(0, 0, 0, 0.7);
|
|
}
|
|
.button.is-light:focus:not(:active), .button.is-light.is-focused:not(:active) {
|
|
box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25);
|
|
}
|
|
.button.is-light:active, .button.is-light.is-active {
|
|
background-color: #e8e8e8;
|
|
border-color: transparent;
|
|
color: rgba(0, 0, 0, 0.7);
|
|
}
|
|
.button.is-light[disabled], fieldset[disabled] .button.is-light {
|
|
background-color: hsl(0deg, 0%, 96%);
|
|
border-color: hsl(0deg, 0%, 96%);
|
|
box-shadow: none;
|
|
}
|
|
.button.is-light.is-inverted {
|
|
background-color: rgba(0, 0, 0, 0.7);
|
|
color: hsl(0deg, 0%, 96%);
|
|
}
|
|
.button.is-light.is-inverted:hover, .button.is-light.is-inverted.is-hovered {
|
|
background-color: rgba(0, 0, 0, 0.7);
|
|
}
|
|
.button.is-light.is-inverted[disabled], fieldset[disabled] .button.is-light.is-inverted {
|
|
background-color: rgba(0, 0, 0, 0.7);
|
|
border-color: transparent;
|
|
box-shadow: none;
|
|
color: hsl(0deg, 0%, 96%);
|
|
}
|
|
.button.is-light.is-loading::after {
|
|
border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
|
|
}
|
|
.button.is-light.is-outlined {
|
|
background-color: transparent;
|
|
border-color: hsl(0deg, 0%, 96%);
|
|
color: hsl(0deg, 0%, 96%);
|
|
}
|
|
.button.is-light.is-outlined:hover, .button.is-light.is-outlined.is-hovered, .button.is-light.is-outlined:focus, .button.is-light.is-outlined.is-focused {
|
|
background-color: hsl(0deg, 0%, 96%);
|
|
border-color: hsl(0deg, 0%, 96%);
|
|
color: rgba(0, 0, 0, 0.7);
|
|
}
|
|
.button.is-light.is-outlined.is-loading::after {
|
|
border-color: transparent transparent hsl(0deg, 0%, 96%) hsl(0deg, 0%, 96%) !important;
|
|
}
|
|
.button.is-light.is-outlined.is-loading:hover::after, .button.is-light.is-outlined.is-loading.is-hovered::after, .button.is-light.is-outlined.is-loading:focus::after, .button.is-light.is-outlined.is-loading.is-focused::after {
|
|
border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
|
|
}
|
|
.button.is-light.is-outlined[disabled], fieldset[disabled] .button.is-light.is-outlined {
|
|
background-color: transparent;
|
|
border-color: hsl(0deg, 0%, 96%);
|
|
box-shadow: none;
|
|
color: hsl(0deg, 0%, 96%);
|
|
}
|
|
.button.is-light.is-inverted.is-outlined {
|
|
background-color: transparent;
|
|
border-color: rgba(0, 0, 0, 0.7);
|
|
color: rgba(0, 0, 0, 0.7);
|
|
}
|
|
.button.is-light.is-inverted.is-outlined:hover, .button.is-light.is-inverted.is-outlined.is-hovered, .button.is-light.is-inverted.is-outlined:focus, .button.is-light.is-inverted.is-outlined.is-focused {
|
|
background-color: rgba(0, 0, 0, 0.7);
|
|
color: hsl(0deg, 0%, 96%);
|
|
}
|
|
.button.is-light.is-inverted.is-outlined.is-loading:hover::after, .button.is-light.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-light.is-inverted.is-outlined.is-loading:focus::after, .button.is-light.is-inverted.is-outlined.is-loading.is-focused::after {
|
|
border-color: transparent transparent hsl(0deg, 0%, 96%) hsl(0deg, 0%, 96%) !important;
|
|
}
|
|
.button.is-light.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-light.is-inverted.is-outlined {
|
|
background-color: transparent;
|
|
border-color: rgba(0, 0, 0, 0.7);
|
|
box-shadow: none;
|
|
color: rgba(0, 0, 0, 0.7);
|
|
}
|
|
.button.is-dark {
|
|
background-color: hsl(0deg, 0%, 21%);
|
|
border-color: transparent;
|
|
color: #fff;
|
|
}
|
|
.button.is-dark:hover, .button.is-dark.is-hovered {
|
|
background-color: #2f2f2f;
|
|
border-color: transparent;
|
|
color: #fff;
|
|
}
|
|
.button.is-dark:focus, .button.is-dark.is-focused {
|
|
border-color: transparent;
|
|
color: #fff;
|
|
}
|
|
.button.is-dark:focus:not(:active), .button.is-dark.is-focused:not(:active) {
|
|
box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25);
|
|
}
|
|
.button.is-dark:active, .button.is-dark.is-active {
|
|
background-color: #292929;
|
|
border-color: transparent;
|
|
color: #fff;
|
|
}
|
|
.button.is-dark[disabled], fieldset[disabled] .button.is-dark {
|
|
background-color: hsl(0deg, 0%, 21%);
|
|
border-color: hsl(0deg, 0%, 21%);
|
|
box-shadow: none;
|
|
}
|
|
.button.is-dark.is-inverted {
|
|
background-color: #fff;
|
|
color: hsl(0deg, 0%, 21%);
|
|
}
|
|
.button.is-dark.is-inverted:hover, .button.is-dark.is-inverted.is-hovered {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.button.is-dark.is-inverted[disabled], fieldset[disabled] .button.is-dark.is-inverted {
|
|
background-color: #fff;
|
|
border-color: transparent;
|
|
box-shadow: none;
|
|
color: hsl(0deg, 0%, 21%);
|
|
}
|
|
.button.is-dark.is-loading::after {
|
|
border-color: transparent transparent #fff #fff !important;
|
|
}
|
|
.button.is-dark.is-outlined {
|
|
background-color: transparent;
|
|
border-color: hsl(0deg, 0%, 21%);
|
|
color: hsl(0deg, 0%, 21%);
|
|
}
|
|
.button.is-dark.is-outlined:hover, .button.is-dark.is-outlined.is-hovered, .button.is-dark.is-outlined:focus, .button.is-dark.is-outlined.is-focused {
|
|
background-color: hsl(0deg, 0%, 21%);
|
|
border-color: hsl(0deg, 0%, 21%);
|
|
color: #fff;
|
|
}
|
|
.button.is-dark.is-outlined.is-loading::after {
|
|
border-color: transparent transparent hsl(0deg, 0%, 21%) hsl(0deg, 0%, 21%) !important;
|
|
}
|
|
.button.is-dark.is-outlined.is-loading:hover::after, .button.is-dark.is-outlined.is-loading.is-hovered::after, .button.is-dark.is-outlined.is-loading:focus::after, .button.is-dark.is-outlined.is-loading.is-focused::after {
|
|
border-color: transparent transparent #fff #fff !important;
|
|
}
|
|
.button.is-dark.is-outlined[disabled], fieldset[disabled] .button.is-dark.is-outlined {
|
|
background-color: transparent;
|
|
border-color: hsl(0deg, 0%, 21%);
|
|
box-shadow: none;
|
|
color: hsl(0deg, 0%, 21%);
|
|
}
|
|
.button.is-dark.is-inverted.is-outlined {
|
|
background-color: transparent;
|
|
border-color: #fff;
|
|
color: #fff;
|
|
}
|
|
.button.is-dark.is-inverted.is-outlined:hover, .button.is-dark.is-inverted.is-outlined.is-hovered, .button.is-dark.is-inverted.is-outlined:focus, .button.is-dark.is-inverted.is-outlined.is-focused {
|
|
background-color: #fff;
|
|
color: hsl(0deg, 0%, 21%);
|
|
}
|
|
.button.is-dark.is-inverted.is-outlined.is-loading:hover::after, .button.is-dark.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-dark.is-inverted.is-outlined.is-loading:focus::after, .button.is-dark.is-inverted.is-outlined.is-loading.is-focused::after {
|
|
border-color: transparent transparent hsl(0deg, 0%, 21%) hsl(0deg, 0%, 21%) !important;
|
|
}
|
|
.button.is-dark.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-dark.is-inverted.is-outlined {
|
|
background-color: transparent;
|
|
border-color: #fff;
|
|
box-shadow: none;
|
|
color: #fff;
|
|
}
|
|
.button.is-primary {
|
|
background-color: hsl(171deg, 100%, 41%);
|
|
border-color: transparent;
|
|
color: #fff;
|
|
}
|
|
.button.is-primary:hover, .button.is-primary.is-hovered {
|
|
background-color: #00c4a7;
|
|
border-color: transparent;
|
|
color: #fff;
|
|
}
|
|
.button.is-primary:focus, .button.is-primary.is-focused {
|
|
border-color: transparent;
|
|
color: #fff;
|
|
}
|
|
.button.is-primary:focus:not(:active), .button.is-primary.is-focused:not(:active) {
|
|
box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
|
|
}
|
|
.button.is-primary:active, .button.is-primary.is-active {
|
|
background-color: #00b89c;
|
|
border-color: transparent;
|
|
color: #fff;
|
|
}
|
|
.button.is-primary[disabled], fieldset[disabled] .button.is-primary {
|
|
background-color: hsl(171deg, 100%, 41%);
|
|
border-color: hsl(171deg, 100%, 41%);
|
|
box-shadow: none;
|
|
}
|
|
.button.is-primary.is-inverted {
|
|
background-color: #fff;
|
|
color: hsl(171deg, 100%, 41%);
|
|
}
|
|
.button.is-primary.is-inverted:hover, .button.is-primary.is-inverted.is-hovered {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.button.is-primary.is-inverted[disabled], fieldset[disabled] .button.is-primary.is-inverted {
|
|
background-color: #fff;
|
|
border-color: transparent;
|
|
box-shadow: none;
|
|
color: hsl(171deg, 100%, 41%);
|
|
}
|
|
.button.is-primary.is-loading::after {
|
|
border-color: transparent transparent #fff #fff !important;
|
|
}
|
|
.button.is-primary.is-outlined {
|
|
background-color: transparent;
|
|
border-color: hsl(171deg, 100%, 41%);
|
|
color: hsl(171deg, 100%, 41%);
|
|
}
|
|
.button.is-primary.is-outlined:hover, .button.is-primary.is-outlined.is-hovered, .button.is-primary.is-outlined:focus, .button.is-primary.is-outlined.is-focused {
|
|
background-color: hsl(171deg, 100%, 41%);
|
|
border-color: hsl(171deg, 100%, 41%);
|
|
color: #fff;
|
|
}
|
|
.button.is-primary.is-outlined.is-loading::after {
|
|
border-color: transparent transparent hsl(171deg, 100%, 41%) hsl(171deg, 100%, 41%) !important;
|
|
}
|
|
.button.is-primary.is-outlined.is-loading:hover::after, .button.is-primary.is-outlined.is-loading.is-hovered::after, .button.is-primary.is-outlined.is-loading:focus::after, .button.is-primary.is-outlined.is-loading.is-focused::after {
|
|
border-color: transparent transparent #fff #fff !important;
|
|
}
|
|
.button.is-primary.is-outlined[disabled], fieldset[disabled] .button.is-primary.is-outlined {
|
|
background-color: transparent;
|
|
border-color: hsl(171deg, 100%, 41%);
|
|
box-shadow: none;
|
|
color: hsl(171deg, 100%, 41%);
|
|
}
|
|
.button.is-primary.is-inverted.is-outlined {
|
|
background-color: transparent;
|
|
border-color: #fff;
|
|
color: #fff;
|
|
}
|
|
.button.is-primary.is-inverted.is-outlined:hover, .button.is-primary.is-inverted.is-outlined.is-hovered, .button.is-primary.is-inverted.is-outlined:focus, .button.is-primary.is-inverted.is-outlined.is-focused {
|
|
background-color: #fff;
|
|
color: hsl(171deg, 100%, 41%);
|
|
}
|
|
.button.is-primary.is-inverted.is-outlined.is-loading:hover::after, .button.is-primary.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-primary.is-inverted.is-outlined.is-loading:focus::after, .button.is-primary.is-inverted.is-outlined.is-loading.is-focused::after {
|
|
border-color: transparent transparent hsl(171deg, 100%, 41%) hsl(171deg, 100%, 41%) !important;
|
|
}
|
|
.button.is-primary.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-primary.is-inverted.is-outlined {
|
|
background-color: transparent;
|
|
border-color: #fff;
|
|
box-shadow: none;
|
|
color: #fff;
|
|
}
|
|
.button.is-primary.is-light {
|
|
background-color: #ebfffc;
|
|
color: #00947e;
|
|
}
|
|
.button.is-primary.is-light:hover, .button.is-primary.is-light.is-hovered {
|
|
background-color: #defffa;
|
|
border-color: transparent;
|
|
color: #00947e;
|
|
}
|
|
.button.is-primary.is-light:active, .button.is-primary.is-light.is-active {
|
|
background-color: #d1fff8;
|
|
border-color: transparent;
|
|
color: #00947e;
|
|
}
|
|
.button.is-link {
|
|
background-color: hsl(229deg, 53%, 53%);
|
|
border-color: transparent;
|
|
color: #fff;
|
|
}
|
|
.button.is-link:hover, .button.is-link.is-hovered {
|
|
background-color: #3e56c4;
|
|
border-color: transparent;
|
|
color: #fff;
|
|
}
|
|
.button.is-link:focus, .button.is-link.is-focused {
|
|
border-color: transparent;
|
|
color: #fff;
|
|
}
|
|
.button.is-link:focus:not(:active), .button.is-link.is-focused:not(:active) {
|
|
box-shadow: 0 0 0 0.125em rgba(72, 95, 199, 0.25);
|
|
}
|
|
.button.is-link:active, .button.is-link.is-active {
|
|
background-color: #3a51bb;
|
|
border-color: transparent;
|
|
color: #fff;
|
|
}
|
|
.button.is-link[disabled], fieldset[disabled] .button.is-link {
|
|
background-color: hsl(229deg, 53%, 53%);
|
|
border-color: hsl(229deg, 53%, 53%);
|
|
box-shadow: none;
|
|
}
|
|
.button.is-link.is-inverted {
|
|
background-color: #fff;
|
|
color: hsl(229deg, 53%, 53%);
|
|
}
|
|
.button.is-link.is-inverted:hover, .button.is-link.is-inverted.is-hovered {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.button.is-link.is-inverted[disabled], fieldset[disabled] .button.is-link.is-inverted {
|
|
background-color: #fff;
|
|
border-color: transparent;
|
|
box-shadow: none;
|
|
color: hsl(229deg, 53%, 53%);
|
|
}
|
|
.button.is-link.is-loading::after {
|
|
border-color: transparent transparent #fff #fff !important;
|
|
}
|
|
.button.is-link.is-outlined {
|
|
background-color: transparent;
|
|
border-color: hsl(229deg, 53%, 53%);
|
|
color: hsl(229deg, 53%, 53%);
|
|
}
|
|
.button.is-link.is-outlined:hover, .button.is-link.is-outlined.is-hovered, .button.is-link.is-outlined:focus, .button.is-link.is-outlined.is-focused {
|
|
background-color: hsl(229deg, 53%, 53%);
|
|
border-color: hsl(229deg, 53%, 53%);
|
|
color: #fff;
|
|
}
|
|
.button.is-link.is-outlined.is-loading::after {
|
|
border-color: transparent transparent hsl(229deg, 53%, 53%) hsl(229deg, 53%, 53%) !important;
|
|
}
|
|
.button.is-link.is-outlined.is-loading:hover::after, .button.is-link.is-outlined.is-loading.is-hovered::after, .button.is-link.is-outlined.is-loading:focus::after, .button.is-link.is-outlined.is-loading.is-focused::after {
|
|
border-color: transparent transparent #fff #fff !important;
|
|
}
|
|
.button.is-link.is-outlined[disabled], fieldset[disabled] .button.is-link.is-outlined {
|
|
background-color: transparent;
|
|
border-color: hsl(229deg, 53%, 53%);
|
|
box-shadow: none;
|
|
color: hsl(229deg, 53%, 53%);
|
|
}
|
|
.button.is-link.is-inverted.is-outlined {
|
|
background-color: transparent;
|
|
border-color: #fff;
|
|
color: #fff;
|
|
}
|
|
.button.is-link.is-inverted.is-outlined:hover, .button.is-link.is-inverted.is-outlined.is-hovered, .button.is-link.is-inverted.is-outlined:focus, .button.is-link.is-inverted.is-outlined.is-focused {
|
|
background-color: #fff;
|
|
color: hsl(229deg, 53%, 53%);
|
|
}
|
|
.button.is-link.is-inverted.is-outlined.is-loading:hover::after, .button.is-link.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-link.is-inverted.is-outlined.is-loading:focus::after, .button.is-link.is-inverted.is-outlined.is-loading.is-focused::after {
|
|
border-color: transparent transparent hsl(229deg, 53%, 53%) hsl(229deg, 53%, 53%) !important;
|
|
}
|
|
.button.is-link.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-link.is-inverted.is-outlined {
|
|
background-color: transparent;
|
|
border-color: #fff;
|
|
box-shadow: none;
|
|
color: #fff;
|
|
}
|
|
.button.is-link.is-light {
|
|
background-color: #eff1fa;
|
|
color: #3850b7;
|
|
}
|
|
.button.is-link.is-light:hover, .button.is-link.is-light.is-hovered {
|
|
background-color: #e6e9f7;
|
|
border-color: transparent;
|
|
color: #3850b7;
|
|
}
|
|
.button.is-link.is-light:active, .button.is-link.is-light.is-active {
|
|
background-color: #dce0f4;
|
|
border-color: transparent;
|
|
color: #3850b7;
|
|
}
|
|
.button.is-info {
|
|
background-color: hsl(207deg, 61%, 53%);
|
|
border-color: transparent;
|
|
color: #fff;
|
|
}
|
|
.button.is-info:hover, .button.is-info.is-hovered {
|
|
background-color: #3488ce;
|
|
border-color: transparent;
|
|
color: #fff;
|
|
}
|
|
.button.is-info:focus, .button.is-info.is-focused {
|
|
border-color: transparent;
|
|
color: #fff;
|
|
}
|
|
.button.is-info:focus:not(:active), .button.is-info.is-focused:not(:active) {
|
|
box-shadow: 0 0 0 0.125em rgba(62, 142, 208, 0.25);
|
|
}
|
|
.button.is-info:active, .button.is-info.is-active {
|
|
background-color: #3082c5;
|
|
border-color: transparent;
|
|
color: #fff;
|
|
}
|
|
.button.is-info[disabled], fieldset[disabled] .button.is-info {
|
|
background-color: hsl(207deg, 61%, 53%);
|
|
border-color: hsl(207deg, 61%, 53%);
|
|
box-shadow: none;
|
|
}
|
|
.button.is-info.is-inverted {
|
|
background-color: #fff;
|
|
color: hsl(207deg, 61%, 53%);
|
|
}
|
|
.button.is-info.is-inverted:hover, .button.is-info.is-inverted.is-hovered {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.button.is-info.is-inverted[disabled], fieldset[disabled] .button.is-info.is-inverted {
|
|
background-color: #fff;
|
|
border-color: transparent;
|
|
box-shadow: none;
|
|
color: hsl(207deg, 61%, 53%);
|
|
}
|
|
.button.is-info.is-loading::after {
|
|
border-color: transparent transparent #fff #fff !important;
|
|
}
|
|
.button.is-info.is-outlined {
|
|
background-color: transparent;
|
|
border-color: hsl(207deg, 61%, 53%);
|
|
color: hsl(207deg, 61%, 53%);
|
|
}
|
|
.button.is-info.is-outlined:hover, .button.is-info.is-outlined.is-hovered, .button.is-info.is-outlined:focus, .button.is-info.is-outlined.is-focused {
|
|
background-color: hsl(207deg, 61%, 53%);
|
|
border-color: hsl(207deg, 61%, 53%);
|
|
color: #fff;
|
|
}
|
|
.button.is-info.is-outlined.is-loading::after {
|
|
border-color: transparent transparent hsl(207deg, 61%, 53%) hsl(207deg, 61%, 53%) !important;
|
|
}
|
|
.button.is-info.is-outlined.is-loading:hover::after, .button.is-info.is-outlined.is-loading.is-hovered::after, .button.is-info.is-outlined.is-loading:focus::after, .button.is-info.is-outlined.is-loading.is-focused::after {
|
|
border-color: transparent transparent #fff #fff !important;
|
|
}
|
|
.button.is-info.is-outlined[disabled], fieldset[disabled] .button.is-info.is-outlined {
|
|
background-color: transparent;
|
|
border-color: hsl(207deg, 61%, 53%);
|
|
box-shadow: none;
|
|
color: hsl(207deg, 61%, 53%);
|
|
}
|
|
.button.is-info.is-inverted.is-outlined {
|
|
background-color: transparent;
|
|
border-color: #fff;
|
|
color: #fff;
|
|
}
|
|
.button.is-info.is-inverted.is-outlined:hover, .button.is-info.is-inverted.is-outlined.is-hovered, .button.is-info.is-inverted.is-outlined:focus, .button.is-info.is-inverted.is-outlined.is-focused {
|
|
background-color: #fff;
|
|
color: hsl(207deg, 61%, 53%);
|
|
}
|
|
.button.is-info.is-inverted.is-outlined.is-loading:hover::after, .button.is-info.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-info.is-inverted.is-outlined.is-loading:focus::after, .button.is-info.is-inverted.is-outlined.is-loading.is-focused::after {
|
|
border-color: transparent transparent hsl(207deg, 61%, 53%) hsl(207deg, 61%, 53%) !important;
|
|
}
|
|
.button.is-info.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-info.is-inverted.is-outlined {
|
|
background-color: transparent;
|
|
border-color: #fff;
|
|
box-shadow: none;
|
|
color: #fff;
|
|
}
|
|
.button.is-info.is-light {
|
|
background-color: #eff5fb;
|
|
color: #296fa8;
|
|
}
|
|
.button.is-info.is-light:hover, .button.is-info.is-light.is-hovered {
|
|
background-color: #e4eff9;
|
|
border-color: transparent;
|
|
color: #296fa8;
|
|
}
|
|
.button.is-info.is-light:active, .button.is-info.is-light.is-active {
|
|
background-color: #dae9f6;
|
|
border-color: transparent;
|
|
color: #296fa8;
|
|
}
|
|
.button.is-success {
|
|
background-color: hsl(153deg, 53%, 53%);
|
|
border-color: transparent;
|
|
color: #fff;
|
|
}
|
|
.button.is-success:hover, .button.is-success.is-hovered {
|
|
background-color: #3ec487;
|
|
border-color: transparent;
|
|
color: #fff;
|
|
}
|
|
.button.is-success:focus, .button.is-success.is-focused {
|
|
border-color: transparent;
|
|
color: #fff;
|
|
}
|
|
.button.is-success:focus:not(:active), .button.is-success.is-focused:not(:active) {
|
|
box-shadow: 0 0 0 0.125em rgba(72, 199, 142, 0.25);
|
|
}
|
|
.button.is-success:active, .button.is-success.is-active {
|
|
background-color: #3abb81;
|
|
border-color: transparent;
|
|
color: #fff;
|
|
}
|
|
.button.is-success[disabled], fieldset[disabled] .button.is-success {
|
|
background-color: hsl(153deg, 53%, 53%);
|
|
border-color: hsl(153deg, 53%, 53%);
|
|
box-shadow: none;
|
|
}
|
|
.button.is-success.is-inverted {
|
|
background-color: #fff;
|
|
color: hsl(153deg, 53%, 53%);
|
|
}
|
|
.button.is-success.is-inverted:hover, .button.is-success.is-inverted.is-hovered {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.button.is-success.is-inverted[disabled], fieldset[disabled] .button.is-success.is-inverted {
|
|
background-color: #fff;
|
|
border-color: transparent;
|
|
box-shadow: none;
|
|
color: hsl(153deg, 53%, 53%);
|
|
}
|
|
.button.is-success.is-loading::after {
|
|
border-color: transparent transparent #fff #fff !important;
|
|
}
|
|
.button.is-success.is-outlined {
|
|
background-color: transparent;
|
|
border-color: hsl(153deg, 53%, 53%);
|
|
color: hsl(153deg, 53%, 53%);
|
|
}
|
|
.button.is-success.is-outlined:hover, .button.is-success.is-outlined.is-hovered, .button.is-success.is-outlined:focus, .button.is-success.is-outlined.is-focused {
|
|
background-color: hsl(153deg, 53%, 53%);
|
|
border-color: hsl(153deg, 53%, 53%);
|
|
color: #fff;
|
|
}
|
|
.button.is-success.is-outlined.is-loading::after {
|
|
border-color: transparent transparent hsl(153deg, 53%, 53%) hsl(153deg, 53%, 53%) !important;
|
|
}
|
|
.button.is-success.is-outlined.is-loading:hover::after, .button.is-success.is-outlined.is-loading.is-hovered::after, .button.is-success.is-outlined.is-loading:focus::after, .button.is-success.is-outlined.is-loading.is-focused::after {
|
|
border-color: transparent transparent #fff #fff !important;
|
|
}
|
|
.button.is-success.is-outlined[disabled], fieldset[disabled] .button.is-success.is-outlined {
|
|
background-color: transparent;
|
|
border-color: hsl(153deg, 53%, 53%);
|
|
box-shadow: none;
|
|
color: hsl(153deg, 53%, 53%);
|
|
}
|
|
.button.is-success.is-inverted.is-outlined {
|
|
background-color: transparent;
|
|
border-color: #fff;
|
|
color: #fff;
|
|
}
|
|
.button.is-success.is-inverted.is-outlined:hover, .button.is-success.is-inverted.is-outlined.is-hovered, .button.is-success.is-inverted.is-outlined:focus, .button.is-success.is-inverted.is-outlined.is-focused {
|
|
background-color: #fff;
|
|
color: hsl(153deg, 53%, 53%);
|
|
}
|
|
.button.is-success.is-inverted.is-outlined.is-loading:hover::after, .button.is-success.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-success.is-inverted.is-outlined.is-loading:focus::after, .button.is-success.is-inverted.is-outlined.is-loading.is-focused::after {
|
|
border-color: transparent transparent hsl(153deg, 53%, 53%) hsl(153deg, 53%, 53%) !important;
|
|
}
|
|
.button.is-success.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-success.is-inverted.is-outlined {
|
|
background-color: transparent;
|
|
border-color: #fff;
|
|
box-shadow: none;
|
|
color: #fff;
|
|
}
|
|
.button.is-success.is-light {
|
|
background-color: #effaf5;
|
|
color: #257953;
|
|
}
|
|
.button.is-success.is-light:hover, .button.is-success.is-light.is-hovered {
|
|
background-color: #e6f7ef;
|
|
border-color: transparent;
|
|
color: #257953;
|
|
}
|
|
.button.is-success.is-light:active, .button.is-success.is-light.is-active {
|
|
background-color: #dcf4e9;
|
|
border-color: transparent;
|
|
color: #257953;
|
|
}
|
|
.button.is-warning {
|
|
background-color: hsl(44deg, 100%, 77%);
|
|
border-color: transparent;
|
|
color: rgba(0, 0, 0, 0.7);
|
|
}
|
|
.button.is-warning:hover, .button.is-warning.is-hovered {
|
|
background-color: #ffdc7d;
|
|
border-color: transparent;
|
|
color: rgba(0, 0, 0, 0.7);
|
|
}
|
|
.button.is-warning:focus, .button.is-warning.is-focused {
|
|
border-color: transparent;
|
|
color: rgba(0, 0, 0, 0.7);
|
|
}
|
|
.button.is-warning:focus:not(:active), .button.is-warning.is-focused:not(:active) {
|
|
box-shadow: 0 0 0 0.125em rgba(255, 224, 138, 0.25);
|
|
}
|
|
.button.is-warning:active, .button.is-warning.is-active {
|
|
background-color: #ffd970;
|
|
border-color: transparent;
|
|
color: rgba(0, 0, 0, 0.7);
|
|
}
|
|
.button.is-warning[disabled], fieldset[disabled] .button.is-warning {
|
|
background-color: hsl(44deg, 100%, 77%);
|
|
border-color: hsl(44deg, 100%, 77%);
|
|
box-shadow: none;
|
|
}
|
|
.button.is-warning.is-inverted {
|
|
background-color: rgba(0, 0, 0, 0.7);
|
|
color: hsl(44deg, 100%, 77%);
|
|
}
|
|
.button.is-warning.is-inverted:hover, .button.is-warning.is-inverted.is-hovered {
|
|
background-color: rgba(0, 0, 0, 0.7);
|
|
}
|
|
.button.is-warning.is-inverted[disabled], fieldset[disabled] .button.is-warning.is-inverted {
|
|
background-color: rgba(0, 0, 0, 0.7);
|
|
border-color: transparent;
|
|
box-shadow: none;
|
|
color: hsl(44deg, 100%, 77%);
|
|
}
|
|
.button.is-warning.is-loading::after {
|
|
border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
|
|
}
|
|
.button.is-warning.is-outlined {
|
|
background-color: transparent;
|
|
border-color: hsl(44deg, 100%, 77%);
|
|
color: hsl(44deg, 100%, 77%);
|
|
}
|
|
.button.is-warning.is-outlined:hover, .button.is-warning.is-outlined.is-hovered, .button.is-warning.is-outlined:focus, .button.is-warning.is-outlined.is-focused {
|
|
background-color: hsl(44deg, 100%, 77%);
|
|
border-color: hsl(44deg, 100%, 77%);
|
|
color: rgba(0, 0, 0, 0.7);
|
|
}
|
|
.button.is-warning.is-outlined.is-loading::after {
|
|
border-color: transparent transparent hsl(44deg, 100%, 77%) hsl(44deg, 100%, 77%) !important;
|
|
}
|
|
.button.is-warning.is-outlined.is-loading:hover::after, .button.is-warning.is-outlined.is-loading.is-hovered::after, .button.is-warning.is-outlined.is-loading:focus::after, .button.is-warning.is-outlined.is-loading.is-focused::after {
|
|
border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
|
|
}
|
|
.button.is-warning.is-outlined[disabled], fieldset[disabled] .button.is-warning.is-outlined {
|
|
background-color: transparent;
|
|
border-color: hsl(44deg, 100%, 77%);
|
|
box-shadow: none;
|
|
color: hsl(44deg, 100%, 77%);
|
|
}
|
|
.button.is-warning.is-inverted.is-outlined {
|
|
background-color: transparent;
|
|
border-color: rgba(0, 0, 0, 0.7);
|
|
color: rgba(0, 0, 0, 0.7);
|
|
}
|
|
.button.is-warning.is-inverted.is-outlined:hover, .button.is-warning.is-inverted.is-outlined.is-hovered, .button.is-warning.is-inverted.is-outlined:focus, .button.is-warning.is-inverted.is-outlined.is-focused {
|
|
background-color: rgba(0, 0, 0, 0.7);
|
|
color: hsl(44deg, 100%, 77%);
|
|
}
|
|
.button.is-warning.is-inverted.is-outlined.is-loading:hover::after, .button.is-warning.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-warning.is-inverted.is-outlined.is-loading:focus::after, .button.is-warning.is-inverted.is-outlined.is-loading.is-focused::after {
|
|
border-color: transparent transparent hsl(44deg, 100%, 77%) hsl(44deg, 100%, 77%) !important;
|
|
}
|
|
.button.is-warning.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-warning.is-inverted.is-outlined {
|
|
background-color: transparent;
|
|
border-color: rgba(0, 0, 0, 0.7);
|
|
box-shadow: none;
|
|
color: rgba(0, 0, 0, 0.7);
|
|
}
|
|
.button.is-warning.is-light {
|
|
background-color: #fffaeb;
|
|
color: #946c00;
|
|
}
|
|
.button.is-warning.is-light:hover, .button.is-warning.is-light.is-hovered {
|
|
background-color: #fff6de;
|
|
border-color: transparent;
|
|
color: #946c00;
|
|
}
|
|
.button.is-warning.is-light:active, .button.is-warning.is-light.is-active {
|
|
background-color: #fff3d1;
|
|
border-color: transparent;
|
|
color: #946c00;
|
|
}
|
|
.button.is-danger {
|
|
background-color: hsl(348deg, 86%, 61%);
|
|
border-color: transparent;
|
|
color: #fff;
|
|
}
|
|
.button.is-danger:hover, .button.is-danger.is-hovered {
|
|
background-color: #f03a5f;
|
|
border-color: transparent;
|
|
color: #fff;
|
|
}
|
|
.button.is-danger:focus, .button.is-danger.is-focused {
|
|
border-color: transparent;
|
|
color: #fff;
|
|
}
|
|
.button.is-danger:focus:not(:active), .button.is-danger.is-focused:not(:active) {
|
|
box-shadow: 0 0 0 0.125em rgba(241, 70, 104, 0.25);
|
|
}
|
|
.button.is-danger:active, .button.is-danger.is-active {
|
|
background-color: #ef2e55;
|
|
border-color: transparent;
|
|
color: #fff;
|
|
}
|
|
.button.is-danger[disabled], fieldset[disabled] .button.is-danger {
|
|
background-color: hsl(348deg, 86%, 61%);
|
|
border-color: hsl(348deg, 86%, 61%);
|
|
box-shadow: none;
|
|
}
|
|
.button.is-danger.is-inverted {
|
|
background-color: #fff;
|
|
color: hsl(348deg, 86%, 61%);
|
|
}
|
|
.button.is-danger.is-inverted:hover, .button.is-danger.is-inverted.is-hovered {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.button.is-danger.is-inverted[disabled], fieldset[disabled] .button.is-danger.is-inverted {
|
|
background-color: #fff;
|
|
border-color: transparent;
|
|
box-shadow: none;
|
|
color: hsl(348deg, 86%, 61%);
|
|
}
|
|
.button.is-danger.is-loading::after {
|
|
border-color: transparent transparent #fff #fff !important;
|
|
}
|
|
.button.is-danger.is-outlined {
|
|
background-color: transparent;
|
|
border-color: hsl(348deg, 86%, 61%);
|
|
color: hsl(348deg, 86%, 61%);
|
|
}
|
|
.button.is-danger.is-outlined:hover, .button.is-danger.is-outlined.is-hovered, .button.is-danger.is-outlined:focus, .button.is-danger.is-outlined.is-focused {
|
|
background-color: hsl(348deg, 86%, 61%);
|
|
border-color: hsl(348deg, 86%, 61%);
|
|
color: #fff;
|
|
}
|
|
.button.is-danger.is-outlined.is-loading::after {
|
|
border-color: transparent transparent hsl(348deg, 86%, 61%) hsl(348deg, 86%, 61%) !important;
|
|
}
|
|
.button.is-danger.is-outlined.is-loading:hover::after, .button.is-danger.is-outlined.is-loading.is-hovered::after, .button.is-danger.is-outlined.is-loading:focus::after, .button.is-danger.is-outlined.is-loading.is-focused::after {
|
|
border-color: transparent transparent #fff #fff !important;
|
|
}
|
|
.button.is-danger.is-outlined[disabled], fieldset[disabled] .button.is-danger.is-outlined {
|
|
background-color: transparent;
|
|
border-color: hsl(348deg, 86%, 61%);
|
|
box-shadow: none;
|
|
color: hsl(348deg, 86%, 61%);
|
|
}
|
|
.button.is-danger.is-inverted.is-outlined {
|
|
background-color: transparent;
|
|
border-color: #fff;
|
|
color: #fff;
|
|
}
|
|
.button.is-danger.is-inverted.is-outlined:hover, .button.is-danger.is-inverted.is-outlined.is-hovered, .button.is-danger.is-inverted.is-outlined:focus, .button.is-danger.is-inverted.is-outlined.is-focused {
|
|
background-color: #fff;
|
|
color: hsl(348deg, 86%, 61%);
|
|
}
|
|
.button.is-danger.is-inverted.is-outlined.is-loading:hover::after, .button.is-danger.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-danger.is-inverted.is-outlined.is-loading:focus::after, .button.is-danger.is-inverted.is-outlined.is-loading.is-focused::after {
|
|
border-color: transparent transparent hsl(348deg, 86%, 61%) hsl(348deg, 86%, 61%) !important;
|
|
}
|
|
.button.is-danger.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-danger.is-inverted.is-outlined {
|
|
background-color: transparent;
|
|
border-color: #fff;
|
|
box-shadow: none;
|
|
color: #fff;
|
|
}
|
|
.button.is-danger.is-light {
|
|
background-color: #feecf0;
|
|
color: #cc0f35;
|
|
}
|
|
.button.is-danger.is-light:hover, .button.is-danger.is-light.is-hovered {
|
|
background-color: #fde0e6;
|
|
border-color: transparent;
|
|
color: #cc0f35;
|
|
}
|
|
.button.is-danger.is-light:active, .button.is-danger.is-light.is-active {
|
|
background-color: #fcd4dc;
|
|
border-color: transparent;
|
|
color: #cc0f35;
|
|
}
|
|
.button.is-small {
|
|
font-size: 0.75rem;
|
|
}
|
|
.button.is-small:not(.is-rounded) {
|
|
border-radius: 2px;
|
|
}
|
|
.button.is-normal {
|
|
font-size: 1rem;
|
|
}
|
|
.button.is-medium {
|
|
font-size: 1.25rem;
|
|
}
|
|
.button.is-large {
|
|
font-size: 1.5rem;
|
|
}
|
|
.button[disabled], fieldset[disabled] .button {
|
|
background-color: hsl(0deg, 0%, 100%);
|
|
border-color: hsl(0deg, 0%, 86%);
|
|
box-shadow: none;
|
|
opacity: 0.5;
|
|
}
|
|
.button.is-fullwidth {
|
|
display: flex;
|
|
width: 100%;
|
|
}
|
|
.button.is-loading {
|
|
color: transparent !important;
|
|
pointer-events: none;
|
|
}
|
|
.button.is-loading::after {
|
|
position: absolute;
|
|
left: calc(50% - (1em * 0.5));
|
|
top: calc(50% - (1em * 0.5));
|
|
position: absolute !important;
|
|
}
|
|
.button.is-static {
|
|
background-color: hsl(0deg, 0%, 96%);
|
|
border-color: hsl(0deg, 0%, 86%);
|
|
color: hsl(0deg, 0%, 48%);
|
|
box-shadow: none;
|
|
pointer-events: none;
|
|
}
|
|
.button.is-rounded {
|
|
border-radius: 9999px;
|
|
padding-left: calc(1em + 0.25em);
|
|
padding-right: calc(1em + 0.25em);
|
|
}
|
|
|
|
.buttons {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: flex-start;
|
|
}
|
|
.buttons .button {
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
.buttons .button:not(:last-child):not(.is-fullwidth) {
|
|
margin-right: 0.5rem;
|
|
}
|
|
.buttons:last-child {
|
|
margin-bottom: -0.5rem;
|
|
}
|
|
.buttons:not(:last-child) {
|
|
margin-bottom: 1rem;
|
|
}
|
|
.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large) {
|
|
font-size: 0.75rem;
|
|
}
|
|
.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large):not(.is-rounded) {
|
|
border-radius: 2px;
|
|
}
|
|
.buttons.are-medium .button:not(.is-small):not(.is-normal):not(.is-large) {
|
|
font-size: 1.25rem;
|
|
}
|
|
.buttons.are-large .button:not(.is-small):not(.is-normal):not(.is-medium) {
|
|
font-size: 1.5rem;
|
|
}
|
|
.buttons.has-addons .button:not(:first-child) {
|
|
border-bottom-left-radius: 0;
|
|
border-top-left-radius: 0;
|
|
}
|
|
.buttons.has-addons .button:not(:last-child) {
|
|
border-bottom-right-radius: 0;
|
|
border-top-right-radius: 0;
|
|
margin-right: -1px;
|
|
}
|
|
.buttons.has-addons .button:last-child {
|
|
margin-right: 0;
|
|
}
|
|
.buttons.has-addons .button:hover, .buttons.has-addons .button.is-hovered {
|
|
z-index: 2;
|
|
}
|
|
.buttons.has-addons .button:focus, .buttons.has-addons .button.is-focused, .buttons.has-addons .button:active, .buttons.has-addons .button.is-active, .buttons.has-addons .button.is-selected {
|
|
z-index: 3;
|
|
}
|
|
.buttons.has-addons .button:focus:hover, .buttons.has-addons .button.is-focused:hover, .buttons.has-addons .button:active:hover, .buttons.has-addons .button.is-active:hover, .buttons.has-addons .button.is-selected:hover {
|
|
z-index: 4;
|
|
}
|
|
.buttons.has-addons .button.is-expanded {
|
|
flex-grow: 1;
|
|
flex-shrink: 1;
|
|
}
|
|
.buttons.is-centered {
|
|
justify-content: center;
|
|
}
|
|
.buttons.is-centered:not(.has-addons) .button:not(.is-fullwidth) {
|
|
margin-left: 0.25rem;
|
|
margin-right: 0.25rem;
|
|
}
|
|
.buttons.is-right {
|
|
justify-content: flex-end;
|
|
}
|
|
.buttons.is-right:not(.has-addons) .button:not(.is-fullwidth) {
|
|
margin-left: 0.25rem;
|
|
margin-right: 0.25rem;
|
|
}
|
|
|
|
@media screen and (max-width: 768px) {
|
|
.button.is-responsive.is-small {
|
|
font-size: 0.5625rem;
|
|
}
|
|
.button.is-responsive,
|
|
.button.is-responsive.is-normal {
|
|
font-size: 0.65625rem;
|
|
}
|
|
.button.is-responsive.is-medium {
|
|
font-size: 0.75rem;
|
|
}
|
|
.button.is-responsive.is-large {
|
|
font-size: 1rem;
|
|
}
|
|
}
|
|
@media screen and (min-width: 769px) and (max-width: 1023px) {
|
|
.button.is-responsive.is-small {
|
|
font-size: 0.65625rem;
|
|
}
|
|
.button.is-responsive,
|
|
.button.is-responsive.is-normal {
|
|
font-size: 0.75rem;
|
|
}
|
|
.button.is-responsive.is-medium {
|
|
font-size: 1rem;
|
|
}
|
|
.button.is-responsive.is-large {
|
|
font-size: 1.25rem;
|
|
}
|
|
}
|
|
.navbar {
|
|
background-color: hsl(0deg, 0%, 100%);
|
|
min-height: 3.25rem;
|
|
position: relative;
|
|
z-index: 30;
|
|
}
|
|
.navbar.is-white {
|
|
background-color: hsl(0deg, 0%, 100%);
|
|
color: hsl(0deg, 0%, 4%);
|
|
}
|
|
.navbar.is-white .navbar-brand > .navbar-item,
|
|
.navbar.is-white .navbar-brand .navbar-link {
|
|
color: hsl(0deg, 0%, 4%);
|
|
}
|
|
.navbar.is-white .navbar-brand > a.navbar-item:focus, .navbar.is-white .navbar-brand > a.navbar-item:hover, .navbar.is-white .navbar-brand > a.navbar-item.is-active,
|
|
.navbar.is-white .navbar-brand .navbar-link:focus,
|
|
.navbar.is-white .navbar-brand .navbar-link:hover,
|
|
.navbar.is-white .navbar-brand .navbar-link.is-active {
|
|
background-color: #f2f2f2;
|
|
color: hsl(0deg, 0%, 4%);
|
|
}
|
|
.navbar.is-white .navbar-brand .navbar-link::after {
|
|
border-color: hsl(0deg, 0%, 4%);
|
|
}
|
|
.navbar.is-white .navbar-burger {
|
|
color: hsl(0deg, 0%, 4%);
|
|
}
|
|
@media screen and (min-width: 1024px) {
|
|
.navbar.is-white .navbar-start > .navbar-item,
|
|
.navbar.is-white .navbar-start .navbar-link,
|
|
.navbar.is-white .navbar-end > .navbar-item,
|
|
.navbar.is-white .navbar-end .navbar-link {
|
|
color: hsl(0deg, 0%, 4%);
|
|
}
|
|
.navbar.is-white .navbar-start > a.navbar-item:focus, .navbar.is-white .navbar-start > a.navbar-item:hover, .navbar.is-white .navbar-start > a.navbar-item.is-active,
|
|
.navbar.is-white .navbar-start .navbar-link:focus,
|
|
.navbar.is-white .navbar-start .navbar-link:hover,
|
|
.navbar.is-white .navbar-start .navbar-link.is-active,
|
|
.navbar.is-white .navbar-end > a.navbar-item:focus,
|
|
.navbar.is-white .navbar-end > a.navbar-item:hover,
|
|
.navbar.is-white .navbar-end > a.navbar-item.is-active,
|
|
.navbar.is-white .navbar-end .navbar-link:focus,
|
|
.navbar.is-white .navbar-end .navbar-link:hover,
|
|
.navbar.is-white .navbar-end .navbar-link.is-active {
|
|
background-color: #f2f2f2;
|
|
color: hsl(0deg, 0%, 4%);
|
|
}
|
|
.navbar.is-white .navbar-start .navbar-link::after,
|
|
.navbar.is-white .navbar-end .navbar-link::after {
|
|
border-color: hsl(0deg, 0%, 4%);
|
|
}
|
|
.navbar.is-white .navbar-item.has-dropdown:focus .navbar-link,
|
|
.navbar.is-white .navbar-item.has-dropdown:hover .navbar-link,
|
|
.navbar.is-white .navbar-item.has-dropdown.is-active .navbar-link {
|
|
background-color: #f2f2f2;
|
|
color: hsl(0deg, 0%, 4%);
|
|
}
|
|
.navbar.is-white .navbar-dropdown a.navbar-item.is-active {
|
|
background-color: hsl(0deg, 0%, 100%);
|
|
color: hsl(0deg, 0%, 4%);
|
|
}
|
|
}
|
|
.navbar.is-black {
|
|
background-color: hsl(0deg, 0%, 4%);
|
|
color: hsl(0deg, 0%, 100%);
|
|
}
|
|
.navbar.is-black .navbar-brand > .navbar-item,
|
|
.navbar.is-black .navbar-brand .navbar-link {
|
|
color: hsl(0deg, 0%, 100%);
|
|
}
|
|
.navbar.is-black .navbar-brand > a.navbar-item:focus, .navbar.is-black .navbar-brand > a.navbar-item:hover, .navbar.is-black .navbar-brand > a.navbar-item.is-active,
|
|
.navbar.is-black .navbar-brand .navbar-link:focus,
|
|
.navbar.is-black .navbar-brand .navbar-link:hover,
|
|
.navbar.is-black .navbar-brand .navbar-link.is-active {
|
|
background-color: black;
|
|
color: hsl(0deg, 0%, 100%);
|
|
}
|
|
.navbar.is-black .navbar-brand .navbar-link::after {
|
|
border-color: hsl(0deg, 0%, 100%);
|
|
}
|
|
.navbar.is-black .navbar-burger {
|
|
color: hsl(0deg, 0%, 100%);
|
|
}
|
|
@media screen and (min-width: 1024px) {
|
|
.navbar.is-black .navbar-start > .navbar-item,
|
|
.navbar.is-black .navbar-start .navbar-link,
|
|
.navbar.is-black .navbar-end > .navbar-item,
|
|
.navbar.is-black .navbar-end .navbar-link {
|
|
color: hsl(0deg, 0%, 100%);
|
|
}
|
|
.navbar.is-black .navbar-start > a.navbar-item:focus, .navbar.is-black .navbar-start > a.navbar-item:hover, .navbar.is-black .navbar-start > a.navbar-item.is-active,
|
|
.navbar.is-black .navbar-start .navbar-link:focus,
|
|
.navbar.is-black .navbar-start .navbar-link:hover,
|
|
.navbar.is-black .navbar-start .navbar-link.is-active,
|
|
.navbar.is-black .navbar-end > a.navbar-item:focus,
|
|
.navbar.is-black .navbar-end > a.navbar-item:hover,
|
|
.navbar.is-black .navbar-end > a.navbar-item.is-active,
|
|
.navbar.is-black .navbar-end .navbar-link:focus,
|
|
.navbar.is-black .navbar-end .navbar-link:hover,
|
|
.navbar.is-black .navbar-end .navbar-link.is-active {
|
|
background-color: black;
|
|
color: hsl(0deg, 0%, 100%);
|
|
}
|
|
.navbar.is-black .navbar-start .navbar-link::after,
|
|
.navbar.is-black .navbar-end .navbar-link::after {
|
|
border-color: hsl(0deg, 0%, 100%);
|
|
}
|
|
.navbar.is-black .navbar-item.has-dropdown:focus .navbar-link,
|
|
.navbar.is-black .navbar-item.has-dropdown:hover .navbar-link,
|
|
.navbar.is-black .navbar-item.has-dropdown.is-active .navbar-link {
|
|
background-color: black;
|
|
color: hsl(0deg, 0%, 100%);
|
|
}
|
|
.navbar.is-black .navbar-dropdown a.navbar-item.is-active {
|
|
background-color: hsl(0deg, 0%, 4%);
|
|
color: hsl(0deg, 0%, 100%);
|
|
}
|
|
}
|
|
.navbar.is-light {
|
|
background-color: hsl(0deg, 0%, 96%);
|
|
color: rgba(0, 0, 0, 0.7);
|
|
}
|
|
.navbar.is-light .navbar-brand > .navbar-item,
|
|
.navbar.is-light .navbar-brand .navbar-link {
|
|
color: rgba(0, 0, 0, 0.7);
|
|
}
|
|
.navbar.is-light .navbar-brand > a.navbar-item:focus, .navbar.is-light .navbar-brand > a.navbar-item:hover, .navbar.is-light .navbar-brand > a.navbar-item.is-active,
|
|
.navbar.is-light .navbar-brand .navbar-link:focus,
|
|
.navbar.is-light .navbar-brand .navbar-link:hover,
|
|
.navbar.is-light .navbar-brand .navbar-link.is-active {
|
|
background-color: #e8e8e8;
|
|
color: rgba(0, 0, 0, 0.7);
|
|
}
|
|
.navbar.is-light .navbar-brand .navbar-link::after {
|
|
border-color: rgba(0, 0, 0, 0.7);
|
|
}
|
|
.navbar.is-light .navbar-burger {
|
|
color: rgba(0, 0, 0, 0.7);
|
|
}
|
|
@media screen and (min-width: 1024px) {
|
|
.navbar.is-light .navbar-start > .navbar-item,
|
|
.navbar.is-light .navbar-start .navbar-link,
|
|
.navbar.is-light .navbar-end > .navbar-item,
|
|
.navbar.is-light .navbar-end .navbar-link {
|
|
color: rgba(0, 0, 0, 0.7);
|
|
}
|
|
.navbar.is-light .navbar-start > a.navbar-item:focus, .navbar.is-light .navbar-start > a.navbar-item:hover, .navbar.is-light .navbar-start > a.navbar-item.is-active,
|
|
.navbar.is-light .navbar-start .navbar-link:focus,
|
|
.navbar.is-light .navbar-start .navbar-link:hover,
|
|
.navbar.is-light .navbar-start .navbar-link.is-active,
|
|
.navbar.is-light .navbar-end > a.navbar-item:focus,
|
|
.navbar.is-light .navbar-end > a.navbar-item:hover,
|
|
.navbar.is-light .navbar-end > a.navbar-item.is-active,
|
|
.navbar.is-light .navbar-end .navbar-link:focus,
|
|
.navbar.is-light .navbar-end .navbar-link:hover,
|
|
.navbar.is-light .navbar-end .navbar-link.is-active {
|
|
background-color: #e8e8e8;
|
|
color: rgba(0, 0, 0, 0.7);
|
|
}
|
|
.navbar.is-light .navbar-start .navbar-link::after,
|
|
.navbar.is-light .navbar-end .navbar-link::after {
|
|
border-color: rgba(0, 0, 0, 0.7);
|
|
}
|
|
.navbar.is-light .navbar-item.has-dropdown:focus .navbar-link,
|
|
.navbar.is-light .navbar-item.has-dropdown:hover .navbar-link,
|
|
.navbar.is-light .navbar-item.has-dropdown.is-active .navbar-link {
|
|
background-color: #e8e8e8;
|
|
color: rgba(0, 0, 0, 0.7);
|
|
}
|
|
.navbar.is-light .navbar-dropdown a.navbar-item.is-active {
|
|
background-color: hsl(0deg, 0%, 96%);
|
|
color: rgba(0, 0, 0, 0.7);
|
|
}
|
|
}
|
|
.navbar.is-dark {
|
|
background-color: hsl(0deg, 0%, 21%);
|
|
color: #fff;
|
|
}
|
|
.navbar.is-dark .navbar-brand > .navbar-item,
|
|
.navbar.is-dark .navbar-brand .navbar-link {
|
|
color: #fff;
|
|
}
|
|
.navbar.is-dark .navbar-brand > a.navbar-item:focus, .navbar.is-dark .navbar-brand > a.navbar-item:hover, .navbar.is-dark .navbar-brand > a.navbar-item.is-active,
|
|
.navbar.is-dark .navbar-brand .navbar-link:focus,
|
|
.navbar.is-dark .navbar-brand .navbar-link:hover,
|
|
.navbar.is-dark .navbar-brand .navbar-link.is-active {
|
|
background-color: #292929;
|
|
color: #fff;
|
|
}
|
|
.navbar.is-dark .navbar-brand .navbar-link::after {
|
|
border-color: #fff;
|
|
}
|
|
.navbar.is-dark .navbar-burger {
|
|
color: #fff;
|
|
}
|
|
@media screen and (min-width: 1024px) {
|
|
.navbar.is-dark .navbar-start > .navbar-item,
|
|
.navbar.is-dark .navbar-start .navbar-link,
|
|
.navbar.is-dark .navbar-end > .navbar-item,
|
|
.navbar.is-dark .navbar-end .navbar-link {
|
|
color: #fff;
|
|
}
|
|
.navbar.is-dark .navbar-start > a.navbar-item:focus, .navbar.is-dark .navbar-start > a.navbar-item:hover, .navbar.is-dark .navbar-start > a.navbar-item.is-active,
|
|
.navbar.is-dark .navbar-start .navbar-link:focus,
|
|
.navbar.is-dark .navbar-start .navbar-link:hover,
|
|
.navbar.is-dark .navbar-start .navbar-link.is-active,
|
|
.navbar.is-dark .navbar-end > a.navbar-item:focus,
|
|
.navbar.is-dark .navbar-end > a.navbar-item:hover,
|
|
.navbar.is-dark .navbar-end > a.navbar-item.is-active,
|
|
.navbar.is-dark .navbar-end .navbar-link:focus,
|
|
.navbar.is-dark .navbar-end .navbar-link:hover,
|
|
.navbar.is-dark .navbar-end .navbar-link.is-active {
|
|
background-color: #292929;
|
|
color: #fff;
|
|
}
|
|
.navbar.is-dark .navbar-start .navbar-link::after,
|
|
.navbar.is-dark .navbar-end .navbar-link::after {
|
|
border-color: #fff;
|
|
}
|
|
.navbar.is-dark .navbar-item.has-dropdown:focus .navbar-link,
|
|
.navbar.is-dark .navbar-item.has-dropdown:hover .navbar-link,
|
|
.navbar.is-dark .navbar-item.has-dropdown.is-active .navbar-link {
|
|
background-color: #292929;
|
|
color: #fff;
|
|
}
|
|
.navbar.is-dark .navbar-dropdown a.navbar-item.is-active {
|
|
background-color: hsl(0deg, 0%, 21%);
|
|
color: #fff;
|
|
}
|
|
}
|
|
.navbar.is-primary {
|
|
background-color: hsl(171deg, 100%, 41%);
|
|
color: #fff;
|
|
}
|
|
.navbar.is-primary .navbar-brand > .navbar-item,
|
|
.navbar.is-primary .navbar-brand .navbar-link {
|
|
color: #fff;
|
|
}
|
|
.navbar.is-primary .navbar-brand > a.navbar-item:focus, .navbar.is-primary .navbar-brand > a.navbar-item:hover, .navbar.is-primary .navbar-brand > a.navbar-item.is-active,
|
|
.navbar.is-primary .navbar-brand .navbar-link:focus,
|
|
.navbar.is-primary .navbar-brand .navbar-link:hover,
|
|
.navbar.is-primary .navbar-brand .navbar-link.is-active {
|
|
background-color: #00b89c;
|
|
color: #fff;
|
|
}
|
|
.navbar.is-primary .navbar-brand .navbar-link::after {
|
|
border-color: #fff;
|
|
}
|
|
.navbar.is-primary .navbar-burger {
|
|
color: #fff;
|
|
}
|
|
@media screen and (min-width: 1024px) {
|
|
.navbar.is-primary .navbar-start > .navbar-item,
|
|
.navbar.is-primary .navbar-start .navbar-link,
|
|
.navbar.is-primary .navbar-end > .navbar-item,
|
|
.navbar.is-primary .navbar-end .navbar-link {
|
|
color: #fff;
|
|
}
|
|
.navbar.is-primary .navbar-start > a.navbar-item:focus, .navbar.is-primary .navbar-start > a.navbar-item:hover, .navbar.is-primary .navbar-start > a.navbar-item.is-active,
|
|
.navbar.is-primary .navbar-start .navbar-link:focus,
|
|
.navbar.is-primary .navbar-start .navbar-link:hover,
|
|
.navbar.is-primary .navbar-start .navbar-link.is-active,
|
|
.navbar.is-primary .navbar-end > a.navbar-item:focus,
|
|
.navbar.is-primary .navbar-end > a.navbar-item:hover,
|
|
.navbar.is-primary .navbar-end > a.navbar-item.is-active,
|
|
.navbar.is-primary .navbar-end .navbar-link:focus,
|
|
.navbar.is-primary .navbar-end .navbar-link:hover,
|
|
.navbar.is-primary .navbar-end .navbar-link.is-active {
|
|
background-color: #00b89c;
|
|
color: #fff;
|
|
}
|
|
.navbar.is-primary .navbar-start .navbar-link::after,
|
|
.navbar.is-primary .navbar-end .navbar-link::after {
|
|
border-color: #fff;
|
|
}
|
|
.navbar.is-primary .navbar-item.has-dropdown:focus .navbar-link,
|
|
.navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link,
|
|
.navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link {
|
|
background-color: #00b89c;
|
|
color: #fff;
|
|
}
|
|
.navbar.is-primary .navbar-dropdown a.navbar-item.is-active {
|
|
background-color: hsl(171deg, 100%, 41%);
|
|
color: #fff;
|
|
}
|
|
}
|
|
.navbar.is-link {
|
|
background-color: hsl(229deg, 53%, 53%);
|
|
color: #fff;
|
|
}
|
|
.navbar.is-link .navbar-brand > .navbar-item,
|
|
.navbar.is-link .navbar-brand .navbar-link {
|
|
color: #fff;
|
|
}
|
|
.navbar.is-link .navbar-brand > a.navbar-item:focus, .navbar.is-link .navbar-brand > a.navbar-item:hover, .navbar.is-link .navbar-brand > a.navbar-item.is-active,
|
|
.navbar.is-link .navbar-brand .navbar-link:focus,
|
|
.navbar.is-link .navbar-brand .navbar-link:hover,
|
|
.navbar.is-link .navbar-brand .navbar-link.is-active {
|
|
background-color: #3a51bb;
|
|
color: #fff;
|
|
}
|
|
.navbar.is-link .navbar-brand .navbar-link::after {
|
|
border-color: #fff;
|
|
}
|
|
.navbar.is-link .navbar-burger {
|
|
color: #fff;
|
|
}
|
|
@media screen and (min-width: 1024px) {
|
|
.navbar.is-link .navbar-start > .navbar-item,
|
|
.navbar.is-link .navbar-start .navbar-link,
|
|
.navbar.is-link .navbar-end > .navbar-item,
|
|
.navbar.is-link .navbar-end .navbar-link {
|
|
color: #fff;
|
|
}
|
|
.navbar.is-link .navbar-start > a.navbar-item:focus, .navbar.is-link .navbar-start > a.navbar-item:hover, .navbar.is-link .navbar-start > a.navbar-item.is-active,
|
|
.navbar.is-link .navbar-start .navbar-link:focus,
|
|
.navbar.is-link .navbar-start .navbar-link:hover,
|
|
.navbar.is-link .navbar-start .navbar-link.is-active,
|
|
.navbar.is-link .navbar-end > a.navbar-item:focus,
|
|
.navbar.is-link .navbar-end > a.navbar-item:hover,
|
|
.navbar.is-link .navbar-end > a.navbar-item.is-active,
|
|
.navbar.is-link .navbar-end .navbar-link:focus,
|
|
.navbar.is-link .navbar-end .navbar-link:hover,
|
|
.navbar.is-link .navbar-end .navbar-link.is-active {
|
|
background-color: #3a51bb;
|
|
color: #fff;
|
|
}
|
|
.navbar.is-link .navbar-start .navbar-link::after,
|
|
.navbar.is-link .navbar-end .navbar-link::after {
|
|
border-color: #fff;
|
|
}
|
|
.navbar.is-link .navbar-item.has-dropdown:focus .navbar-link,
|
|
.navbar.is-link .navbar-item.has-dropdown:hover .navbar-link,
|
|
.navbar.is-link .navbar-item.has-dropdown.is-active .navbar-link {
|
|
background-color: #3a51bb;
|
|
color: #fff;
|
|
}
|
|
.navbar.is-link .navbar-dropdown a.navbar-item.is-active {
|
|
background-color: hsl(229deg, 53%, 53%);
|
|
color: #fff;
|
|
}
|
|
}
|
|
.navbar.is-info {
|
|
background-color: hsl(207deg, 61%, 53%);
|
|
color: #fff;
|
|
}
|
|
.navbar.is-info .navbar-brand > .navbar-item,
|
|
.navbar.is-info .navbar-brand .navbar-link {
|
|
color: #fff;
|
|
}
|
|
.navbar.is-info .navbar-brand > a.navbar-item:focus, .navbar.is-info .navbar-brand > a.navbar-item:hover, .navbar.is-info .navbar-brand > a.navbar-item.is-active,
|
|
.navbar.is-info .navbar-brand .navbar-link:focus,
|
|
.navbar.is-info .navbar-brand .navbar-link:hover,
|
|
.navbar.is-info .navbar-brand .navbar-link.is-active {
|
|
background-color: #3082c5;
|
|
color: #fff;
|
|
}
|
|
.navbar.is-info .navbar-brand .navbar-link::after {
|
|
border-color: #fff;
|
|
}
|
|
.navbar.is-info .navbar-burger {
|
|
color: #fff;
|
|
}
|
|
@media screen and (min-width: 1024px) {
|
|
.navbar.is-info .navbar-start > .navbar-item,
|
|
.navbar.is-info .navbar-start .navbar-link,
|
|
.navbar.is-info .navbar-end > .navbar-item,
|
|
.navbar.is-info .navbar-end .navbar-link {
|
|
color: #fff;
|
|
}
|
|
.navbar.is-info .navbar-start > a.navbar-item:focus, .navbar.is-info .navbar-start > a.navbar-item:hover, .navbar.is-info .navbar-start > a.navbar-item.is-active,
|
|
.navbar.is-info .navbar-start .navbar-link:focus,
|
|
.navbar.is-info .navbar-start .navbar-link:hover,
|
|
.navbar.is-info .navbar-start .navbar-link.is-active,
|
|
.navbar.is-info .navbar-end > a.navbar-item:focus,
|
|
.navbar.is-info .navbar-end > a.navbar-item:hover,
|
|
.navbar.is-info .navbar-end > a.navbar-item.is-active,
|
|
.navbar.is-info .navbar-end .navbar-link:focus,
|
|
.navbar.is-info .navbar-end .navbar-link:hover,
|
|
.navbar.is-info .navbar-end .navbar-link.is-active {
|
|
background-color: #3082c5;
|
|
color: #fff;
|
|
}
|
|
.navbar.is-info .navbar-start .navbar-link::after,
|
|
.navbar.is-info .navbar-end .navbar-link::after {
|
|
border-color: #fff;
|
|
}
|
|
.navbar.is-info .navbar-item.has-dropdown:focus .navbar-link,
|
|
.navbar.is-info .navbar-item.has-dropdown:hover .navbar-link,
|
|
.navbar.is-info .navbar-item.has-dropdown.is-active .navbar-link {
|
|
background-color: #3082c5;
|
|
color: #fff;
|
|
}
|
|
.navbar.is-info .navbar-dropdown a.navbar-item.is-active {
|
|
background-color: hsl(207deg, 61%, 53%);
|
|
color: #fff;
|
|
}
|
|
}
|
|
.navbar.is-success {
|
|
background-color: hsl(153deg, 53%, 53%);
|
|
color: #fff;
|
|
}
|
|
.navbar.is-success .navbar-brand > .navbar-item,
|
|
.navbar.is-success .navbar-brand .navbar-link {
|
|
color: #fff;
|
|
}
|
|
.navbar.is-success .navbar-brand > a.navbar-item:focus, .navbar.is-success .navbar-brand > a.navbar-item:hover, .navbar.is-success .navbar-brand > a.navbar-item.is-active,
|
|
.navbar.is-success .navbar-brand .navbar-link:focus,
|
|
.navbar.is-success .navbar-brand .navbar-link:hover,
|
|
.navbar.is-success .navbar-brand .navbar-link.is-active {
|
|
background-color: #3abb81;
|
|
color: #fff;
|
|
}
|
|
.navbar.is-success .navbar-brand .navbar-link::after {
|
|
border-color: #fff;
|
|
}
|
|
.navbar.is-success .navbar-burger {
|
|
color: #fff;
|
|
}
|
|
@media screen and (min-width: 1024px) {
|
|
.navbar.is-success .navbar-start > .navbar-item,
|
|
.navbar.is-success .navbar-start .navbar-link,
|
|
.navbar.is-success .navbar-end > .navbar-item,
|
|
.navbar.is-success .navbar-end .navbar-link {
|
|
color: #fff;
|
|
}
|
|
.navbar.is-success .navbar-start > a.navbar-item:focus, .navbar.is-success .navbar-start > a.navbar-item:hover, .navbar.is-success .navbar-start > a.navbar-item.is-active,
|
|
.navbar.is-success .navbar-start .navbar-link:focus,
|
|
.navbar.is-success .navbar-start .navbar-link:hover,
|
|
.navbar.is-success .navbar-start .navbar-link.is-active,
|
|
.navbar.is-success .navbar-end > a.navbar-item:focus,
|
|
.navbar.is-success .navbar-end > a.navbar-item:hover,
|
|
.navbar.is-success .navbar-end > a.navbar-item.is-active,
|
|
.navbar.is-success .navbar-end .navbar-link:focus,
|
|
.navbar.is-success .navbar-end .navbar-link:hover,
|
|
.navbar.is-success .navbar-end .navbar-link.is-active {
|
|
background-color: #3abb81;
|
|
color: #fff;
|
|
}
|
|
.navbar.is-success .navbar-start .navbar-link::after,
|
|
.navbar.is-success .navbar-end .navbar-link::after {
|
|
border-color: #fff;
|
|
}
|
|
.navbar.is-success .navbar-item.has-dropdown:focus .navbar-link,
|
|
.navbar.is-success .navbar-item.has-dropdown:hover .navbar-link,
|
|
.navbar.is-success .navbar-item.has-dropdown.is-active .navbar-link {
|
|
background-color: #3abb81;
|
|
color: #fff;
|
|
}
|
|
.navbar.is-success .navbar-dropdown a.navbar-item.is-active {
|
|
background-color: hsl(153deg, 53%, 53%);
|
|
color: #fff;
|
|
}
|
|
}
|
|
.navbar.is-warning {
|
|
background-color: hsl(44deg, 100%, 77%);
|
|
color: rgba(0, 0, 0, 0.7);
|
|
}
|
|
.navbar.is-warning .navbar-brand > .navbar-item,
|
|
.navbar.is-warning .navbar-brand .navbar-link {
|
|
color: rgba(0, 0, 0, 0.7);
|
|
}
|
|
.navbar.is-warning .navbar-brand > a.navbar-item:focus, .navbar.is-warning .navbar-brand > a.navbar-item:hover, .navbar.is-warning .navbar-brand > a.navbar-item.is-active,
|
|
.navbar.is-warning .navbar-brand .navbar-link:focus,
|
|
.navbar.is-warning .navbar-brand .navbar-link:hover,
|
|
.navbar.is-warning .navbar-brand .navbar-link.is-active {
|
|
background-color: #ffd970;
|
|
color: rgba(0, 0, 0, 0.7);
|
|
}
|
|
.navbar.is-warning .navbar-brand .navbar-link::after {
|
|
border-color: rgba(0, 0, 0, 0.7);
|
|
}
|
|
.navbar.is-warning .navbar-burger {
|
|
color: rgba(0, 0, 0, 0.7);
|
|
}
|
|
@media screen and (min-width: 1024px) {
|
|
.navbar.is-warning .navbar-start > .navbar-item,
|
|
.navbar.is-warning .navbar-start .navbar-link,
|
|
.navbar.is-warning .navbar-end > .navbar-item,
|
|
.navbar.is-warning .navbar-end .navbar-link {
|
|
color: rgba(0, 0, 0, 0.7);
|
|
}
|
|
.navbar.is-warning .navbar-start > a.navbar-item:focus, .navbar.is-warning .navbar-start > a.navbar-item:hover, .navbar.is-warning .navbar-start > a.navbar-item.is-active,
|
|
.navbar.is-warning .navbar-start .navbar-link:focus,
|
|
.navbar.is-warning .navbar-start .navbar-link:hover,
|
|
.navbar.is-warning .navbar-start .navbar-link.is-active,
|
|
.navbar.is-warning .navbar-end > a.navbar-item:focus,
|
|
.navbar.is-warning .navbar-end > a.navbar-item:hover,
|
|
.navbar.is-warning .navbar-end > a.navbar-item.is-active,
|
|
.navbar.is-warning .navbar-end .navbar-link:focus,
|
|
.navbar.is-warning .navbar-end .navbar-link:hover,
|
|
.navbar.is-warning .navbar-end .navbar-link.is-active {
|
|
background-color: #ffd970;
|
|
color: rgba(0, 0, 0, 0.7);
|
|
}
|
|
.navbar.is-warning .navbar-start .navbar-link::after,
|
|
.navbar.is-warning .navbar-end .navbar-link::after {
|
|
border-color: rgba(0, 0, 0, 0.7);
|
|
}
|
|
.navbar.is-warning .navbar-item.has-dropdown:focus .navbar-link,
|
|
.navbar.is-warning .navbar-item.has-dropdown:hover .navbar-link,
|
|
.navbar.is-warning .navbar-item.has-dropdown.is-active .navbar-link {
|
|
background-color: #ffd970;
|
|
color: rgba(0, 0, 0, 0.7);
|
|
}
|
|
.navbar.is-warning .navbar-dropdown a.navbar-item.is-active {
|
|
background-color: hsl(44deg, 100%, 77%);
|
|
color: rgba(0, 0, 0, 0.7);
|
|
}
|
|
}
|
|
.navbar.is-danger {
|
|
background-color: hsl(348deg, 86%, 61%);
|
|
color: #fff;
|
|
}
|
|
.navbar.is-danger .navbar-brand > .navbar-item,
|
|
.navbar.is-danger .navbar-brand .navbar-link {
|
|
color: #fff;
|
|
}
|
|
.navbar.is-danger .navbar-brand > a.navbar-item:focus, .navbar.is-danger .navbar-brand > a.navbar-item:hover, .navbar.is-danger .navbar-brand > a.navbar-item.is-active,
|
|
.navbar.is-danger .navbar-brand .navbar-link:focus,
|
|
.navbar.is-danger .navbar-brand .navbar-link:hover,
|
|
.navbar.is-danger .navbar-brand .navbar-link.is-active {
|
|
background-color: #ef2e55;
|
|
color: #fff;
|
|
}
|
|
.navbar.is-danger .navbar-brand .navbar-link::after {
|
|
border-color: #fff;
|
|
}
|
|
.navbar.is-danger .navbar-burger {
|
|
color: #fff;
|
|
}
|
|
@media screen and (min-width: 1024px) {
|
|
.navbar.is-danger .navbar-start > .navbar-item,
|
|
.navbar.is-danger .navbar-start .navbar-link,
|
|
.navbar.is-danger .navbar-end > .navbar-item,
|
|
.navbar.is-danger .navbar-end .navbar-link {
|
|
color: #fff;
|
|
}
|
|
.navbar.is-danger .navbar-start > a.navbar-item:focus, .navbar.is-danger .navbar-start > a.navbar-item:hover, .navbar.is-danger .navbar-start > a.navbar-item.is-active,
|
|
.navbar.is-danger .navbar-start .navbar-link:focus,
|
|
.navbar.is-danger .navbar-start .navbar-link:hover,
|
|
.navbar.is-danger .navbar-start .navbar-link.is-active,
|
|
.navbar.is-danger .navbar-end > a.navbar-item:focus,
|
|
.navbar.is-danger .navbar-end > a.navbar-item:hover,
|
|
.navbar.is-danger .navbar-end > a.navbar-item.is-active,
|
|
.navbar.is-danger .navbar-end .navbar-link:focus,
|
|
.navbar.is-danger .navbar-end .navbar-link:hover,
|
|
.navbar.is-danger .navbar-end .navbar-link.is-active {
|
|
background-color: #ef2e55;
|
|
color: #fff;
|
|
}
|
|
.navbar.is-danger .navbar-start .navbar-link::after,
|
|
.navbar.is-danger .navbar-end .navbar-link::after {
|
|
border-color: #fff;
|
|
}
|
|
.navbar.is-danger .navbar-item.has-dropdown:focus .navbar-link,
|
|
.navbar.is-danger .navbar-item.has-dropdown:hover .navbar-link,
|
|
.navbar.is-danger .navbar-item.has-dropdown.is-active .navbar-link {
|
|
background-color: #ef2e55;
|
|
color: #fff;
|
|
}
|
|
.navbar.is-danger .navbar-dropdown a.navbar-item.is-active {
|
|
background-color: hsl(348deg, 86%, 61%);
|
|
color: #fff;
|
|
}
|
|
}
|
|
.navbar > .container {
|
|
align-items: stretch;
|
|
display: flex;
|
|
min-height: 3.25rem;
|
|
width: 100%;
|
|
}
|
|
.navbar.has-shadow {
|
|
box-shadow: 0 2px 0 0 hsl(0deg, 0%, 96%);
|
|
}
|
|
.navbar.is-fixed-bottom, .navbar.is-fixed-top {
|
|
left: 0;
|
|
position: fixed;
|
|
right: 0;
|
|
z-index: 30;
|
|
}
|
|
.navbar.is-fixed-bottom {
|
|
bottom: 0;
|
|
}
|
|
.navbar.is-fixed-bottom.has-shadow {
|
|
box-shadow: 0 -2px 0 0 hsl(0deg, 0%, 96%);
|
|
}
|
|
.navbar.is-fixed-top {
|
|
top: 0;
|
|
}
|
|
|
|
html.has-navbar-fixed-top,
|
|
body.has-navbar-fixed-top {
|
|
padding-top: 3.25rem;
|
|
}
|
|
html.has-navbar-fixed-bottom,
|
|
body.has-navbar-fixed-bottom {
|
|
padding-bottom: 3.25rem;
|
|
}
|
|
|
|
.navbar-brand,
|
|
.navbar-tabs {
|
|
align-items: stretch;
|
|
display: flex;
|
|
flex-shrink: 0;
|
|
min-height: 3.25rem;
|
|
}
|
|
|
|
.navbar-brand a.navbar-item:focus, .navbar-brand a.navbar-item:hover {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.navbar-tabs {
|
|
-webkit-overflow-scrolling: touch;
|
|
max-width: 100vw;
|
|
overflow-x: auto;
|
|
overflow-y: hidden;
|
|
}
|
|
|
|
.navbar-burger {
|
|
color: hsl(0deg, 0%, 29%);
|
|
-moz-appearance: none;
|
|
-webkit-appearance: none;
|
|
appearance: none;
|
|
background: none;
|
|
border: none;
|
|
cursor: pointer;
|
|
display: block;
|
|
height: 3.25rem;
|
|
position: relative;
|
|
width: 3.25rem;
|
|
margin-left: auto;
|
|
}
|
|
.navbar-burger span {
|
|
background-color: currentColor;
|
|
display: block;
|
|
height: 1px;
|
|
left: calc(50% - 8px);
|
|
position: absolute;
|
|
transform-origin: center;
|
|
transition-duration: 86ms;
|
|
transition-property: background-color, opacity, transform;
|
|
transition-timing-function: ease-out;
|
|
width: 16px;
|
|
}
|
|
.navbar-burger span:nth-child(1) {
|
|
top: calc(50% - 6px);
|
|
}
|
|
.navbar-burger span:nth-child(2) {
|
|
top: calc(50% - 1px);
|
|
}
|
|
.navbar-burger span:nth-child(3) {
|
|
top: calc(50% + 4px);
|
|
}
|
|
.navbar-burger:hover {
|
|
background-color: rgba(0, 0, 0, 0.05);
|
|
}
|
|
.navbar-burger.is-active span:nth-child(1) {
|
|
transform: translateY(5px) rotate(45deg);
|
|
}
|
|
.navbar-burger.is-active span:nth-child(2) {
|
|
opacity: 0;
|
|
}
|
|
.navbar-burger.is-active span:nth-child(3) {
|
|
transform: translateY(-5px) rotate(-45deg);
|
|
}
|
|
|
|
.navbar-menu {
|
|
display: none;
|
|
}
|
|
|
|
.navbar-item,
|
|
.navbar-link {
|
|
color: hsl(0deg, 0%, 29%);
|
|
display: block;
|
|
line-height: 1.5;
|
|
padding: 0.5rem 0.75rem;
|
|
position: relative;
|
|
}
|
|
.navbar-item .icon:only-child,
|
|
.navbar-link .icon:only-child {
|
|
margin-left: -0.25rem;
|
|
margin-right: -0.25rem;
|
|
}
|
|
|
|
a.navbar-item,
|
|
.navbar-link {
|
|
cursor: pointer;
|
|
}
|
|
a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-item.is-active,
|
|
.navbar-link:focus,
|
|
.navbar-link:focus-within,
|
|
.navbar-link:hover,
|
|
.navbar-link.is-active {
|
|
background-color: hsl(0deg, 0%, 98%);
|
|
color: hsl(229deg, 53%, 53%);
|
|
}
|
|
|
|
.navbar-item {
|
|
flex-grow: 0;
|
|
flex-shrink: 0;
|
|
}
|
|
.navbar-item img {
|
|
max-height: 1.75rem;
|
|
}
|
|
.navbar-item.has-dropdown {
|
|
padding: 0;
|
|
}
|
|
.navbar-item.is-expanded {
|
|
flex-grow: 1;
|
|
flex-shrink: 1;
|
|
}
|
|
.navbar-item.is-tab {
|
|
border-bottom: 1px solid transparent;
|
|
min-height: 3.25rem;
|
|
padding-bottom: calc(0.5rem - 1px);
|
|
}
|
|
.navbar-item.is-tab:focus, .navbar-item.is-tab:hover {
|
|
background-color: transparent;
|
|
border-bottom-color: hsl(229deg, 53%, 53%);
|
|
}
|
|
.navbar-item.is-tab.is-active {
|
|
background-color: transparent;
|
|
border-bottom-color: hsl(229deg, 53%, 53%);
|
|
border-bottom-style: solid;
|
|
border-bottom-width: 3px;
|
|
color: hsl(229deg, 53%, 53%);
|
|
padding-bottom: calc(0.5rem - 3px);
|
|
}
|
|
|
|
.navbar-content {
|
|
flex-grow: 1;
|
|
flex-shrink: 1;
|
|
}
|
|
|
|
.navbar-link:not(.is-arrowless) {
|
|
padding-right: 2.5em;
|
|
}
|
|
.navbar-link:not(.is-arrowless)::after {
|
|
border-color: hsl(229deg, 53%, 53%);
|
|
margin-top: -0.375em;
|
|
right: 1.125em;
|
|
}
|
|
|
|
.navbar-dropdown {
|
|
font-size: 0.875rem;
|
|
padding-bottom: 0.5rem;
|
|
padding-top: 0.5rem;
|
|
}
|
|
.navbar-dropdown .navbar-item {
|
|
padding-left: 1.5rem;
|
|
padding-right: 1.5rem;
|
|
}
|
|
|
|
.navbar-divider {
|
|
background-color: hsl(0deg, 0%, 96%);
|
|
border: none;
|
|
display: none;
|
|
height: 2px;
|
|
margin: 0.5rem 0;
|
|
}
|
|
|
|
@media screen and (max-width: 1023px) {
|
|
.navbar > .container {
|
|
display: block;
|
|
}
|
|
.navbar-brand .navbar-item,
|
|
.navbar-tabs .navbar-item {
|
|
align-items: center;
|
|
display: flex;
|
|
}
|
|
.navbar-link::after {
|
|
display: none;
|
|
}
|
|
.navbar-menu {
|
|
background-color: hsl(0deg, 0%, 100%);
|
|
box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1);
|
|
padding: 0.5rem 0;
|
|
}
|
|
.navbar-menu.is-active {
|
|
display: block;
|
|
}
|
|
.navbar.is-fixed-bottom-touch, .navbar.is-fixed-top-touch {
|
|
left: 0;
|
|
position: fixed;
|
|
right: 0;
|
|
z-index: 30;
|
|
}
|
|
.navbar.is-fixed-bottom-touch {
|
|
bottom: 0;
|
|
}
|
|
.navbar.is-fixed-bottom-touch.has-shadow {
|
|
box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1);
|
|
}
|
|
.navbar.is-fixed-top-touch {
|
|
top: 0;
|
|
}
|
|
.navbar.is-fixed-top .navbar-menu, .navbar.is-fixed-top-touch .navbar-menu {
|
|
-webkit-overflow-scrolling: touch;
|
|
max-height: calc(100vh - 3.25rem);
|
|
overflow: auto;
|
|
}
|
|
html.has-navbar-fixed-top-touch,
|
|
body.has-navbar-fixed-top-touch {
|
|
padding-top: 3.25rem;
|
|
}
|
|
html.has-navbar-fixed-bottom-touch,
|
|
body.has-navbar-fixed-bottom-touch {
|
|
padding-bottom: 3.25rem;
|
|
}
|
|
}
|
|
@media screen and (min-width: 1024px) {
|
|
.navbar,
|
|
.navbar-menu,
|
|
.navbar-start,
|
|
.navbar-end {
|
|
align-items: stretch;
|
|
display: flex;
|
|
}
|
|
.navbar {
|
|
min-height: 3.25rem;
|
|
}
|
|
.navbar.is-spaced {
|
|
padding: 1rem 2rem;
|
|
}
|
|
.navbar.is-spaced .navbar-start,
|
|
.navbar.is-spaced .navbar-end {
|
|
align-items: center;
|
|
}
|
|
.navbar.is-spaced a.navbar-item,
|
|
.navbar.is-spaced .navbar-link {
|
|
border-radius: 4px;
|
|
}
|
|
.navbar.is-transparent a.navbar-item:focus, .navbar.is-transparent a.navbar-item:hover, .navbar.is-transparent a.navbar-item.is-active,
|
|
.navbar.is-transparent .navbar-link:focus,
|
|
.navbar.is-transparent .navbar-link:hover,
|
|
.navbar.is-transparent .navbar-link.is-active {
|
|
background-color: transparent !important;
|
|
}
|
|
.navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus-within .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link {
|
|
background-color: transparent !important;
|
|
}
|
|
.navbar.is-transparent .navbar-dropdown a.navbar-item:focus, .navbar.is-transparent .navbar-dropdown a.navbar-item:hover {
|
|
background-color: hsl(0deg, 0%, 96%);
|
|
color: hsl(0deg, 0%, 4%);
|
|
}
|
|
.navbar.is-transparent .navbar-dropdown a.navbar-item.is-active {
|
|
background-color: hsl(0deg, 0%, 96%);
|
|
color: hsl(229deg, 53%, 53%);
|
|
}
|
|
.navbar-burger {
|
|
display: none;
|
|
}
|
|
.navbar-item,
|
|
.navbar-link {
|
|
align-items: center;
|
|
display: flex;
|
|
}
|
|
.navbar-item.has-dropdown {
|
|
align-items: stretch;
|
|
}
|
|
.navbar-item.has-dropdown-up .navbar-link::after {
|
|
transform: rotate(135deg) translate(0.25em, -0.25em);
|
|
}
|
|
.navbar-item.has-dropdown-up .navbar-dropdown {
|
|
border-bottom: 2px solid hsl(0deg, 0%, 86%);
|
|
border-radius: 6px 6px 0 0;
|
|
border-top: none;
|
|
bottom: 100%;
|
|
box-shadow: 0 -8px 8px rgba(10, 10, 10, 0.1);
|
|
top: auto;
|
|
}
|
|
.navbar-item.is-active .navbar-dropdown, .navbar-item.is-hoverable:focus .navbar-dropdown, .navbar-item.is-hoverable:focus-within .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown {
|
|
display: block;
|
|
}
|
|
.navbar.is-spaced .navbar-item.is-active .navbar-dropdown, .navbar-item.is-active .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:focus .navbar-dropdown, .navbar-item.is-hoverable:focus .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:focus-within .navbar-dropdown, .navbar-item.is-hoverable:focus-within .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;
|
|
transform: translateY(0);
|
|
}
|
|
.navbar-menu {
|
|
flex-grow: 1;
|
|
flex-shrink: 0;
|
|
}
|
|
.navbar-start {
|
|
justify-content: flex-start;
|
|
margin-right: auto;
|
|
}
|
|
.navbar-end {
|
|
justify-content: flex-end;
|
|
margin-left: auto;
|
|
}
|
|
.navbar-dropdown {
|
|
background-color: hsl(0deg, 0%, 100%);
|
|
border-bottom-left-radius: 6px;
|
|
border-bottom-right-radius: 6px;
|
|
border-top: 2px solid hsl(0deg, 0%, 86%);
|
|
box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1);
|
|
display: none;
|
|
font-size: 0.875rem;
|
|
left: 0;
|
|
min-width: 100%;
|
|
position: absolute;
|
|
top: 100%;
|
|
z-index: 20;
|
|
}
|
|
.navbar-dropdown .navbar-item {
|
|
padding: 0.375rem 1rem;
|
|
white-space: nowrap;
|
|
}
|
|
.navbar-dropdown a.navbar-item {
|
|
padding-right: 3rem;
|
|
}
|
|
.navbar-dropdown a.navbar-item:focus, .navbar-dropdown a.navbar-item:hover {
|
|
background-color: hsl(0deg, 0%, 96%);
|
|
color: hsl(0deg, 0%, 4%);
|
|
}
|
|
.navbar-dropdown a.navbar-item.is-active {
|
|
background-color: hsl(0deg, 0%, 96%);
|
|
color: hsl(229deg, 53%, 53%);
|
|
}
|
|
.navbar.is-spaced .navbar-dropdown, .navbar-dropdown.is-boxed {
|
|
border-radius: 6px;
|
|
border-top: none;
|
|
box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
|
|
display: block;
|
|
opacity: 0;
|
|
pointer-events: none;
|
|
top: calc(100% + (-4px));
|
|
transform: translateY(-5px);
|
|
transition-duration: 86ms;
|
|
transition-property: opacity, transform;
|
|
}
|
|
.navbar-dropdown.is-right {
|
|
left: auto;
|
|
right: 0;
|
|
}
|
|
.navbar-divider {
|
|
display: block;
|
|
}
|
|
.navbar > .container .navbar-brand,
|
|
.container > .navbar .navbar-brand {
|
|
margin-left: -0.75rem;
|
|
}
|
|
.navbar > .container .navbar-menu,
|
|
.container > .navbar .navbar-menu {
|
|
margin-right: -0.75rem;
|
|
}
|
|
.navbar.is-fixed-bottom-desktop, .navbar.is-fixed-top-desktop {
|
|
left: 0;
|
|
position: fixed;
|
|
right: 0;
|
|
z-index: 30;
|
|
}
|
|
.navbar.is-fixed-bottom-desktop {
|
|
bottom: 0;
|
|
}
|
|
.navbar.is-fixed-bottom-desktop.has-shadow {
|
|
box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1);
|
|
}
|
|
.navbar.is-fixed-top-desktop {
|
|
top: 0;
|
|
}
|
|
html.has-navbar-fixed-top-desktop,
|
|
body.has-navbar-fixed-top-desktop {
|
|
padding-top: 3.25rem;
|
|
}
|
|
html.has-navbar-fixed-bottom-desktop,
|
|
body.has-navbar-fixed-bottom-desktop {
|
|
padding-bottom: 3.25rem;
|
|
}
|
|
html.has-spaced-navbar-fixed-top,
|
|
body.has-spaced-navbar-fixed-top {
|
|
padding-top: 5.25rem;
|
|
}
|
|
html.has-spaced-navbar-fixed-bottom,
|
|
body.has-spaced-navbar-fixed-bottom {
|
|
padding-bottom: 5.25rem;
|
|
}
|
|
a.navbar-item.is-active,
|
|
.navbar-link.is-active {
|
|
color: hsl(0deg, 0%, 4%);
|
|
}
|
|
a.navbar-item.is-active:not(:focus):not(:hover),
|
|
.navbar-link.is-active:not(:focus):not(:hover) {
|
|
background-color: transparent;
|
|
}
|
|
.navbar-item.has-dropdown:focus .navbar-link, .navbar-item.has-dropdown:hover .navbar-link, .navbar-item.has-dropdown.is-active .navbar-link {
|
|
background-color: hsl(0deg, 0%, 98%);
|
|
}
|
|
}
|
|
.hero.is-fullheight-with-navbar {
|
|
min-height: calc(100vh - 3.25rem);
|
|
}
|
|
|
|
#player .button, #player a.button, #player button.button, .ax .button, .ax a.button, .ax button.button {
|
|
font-size: 1rem;
|
|
display: inline-block;
|
|
padding: 0.4rem;
|
|
border: none;
|
|
justify-content: center;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
text-decoration: none;
|
|
color: var(--button-fg);
|
|
background-color: var(--button-bg);
|
|
}
|
|
#player .button.secondary, #player a.button.secondary, #player button.button.secondary, .ax .button.secondary, .ax a.button.secondary, .ax button.button.secondary {
|
|
background-color: var(--button-sec-bg);
|
|
}
|
|
#player .button .label, #player .button label, #player a.button .label, #player a.button label, #player button.button .label, #player button.button label, .ax .button .label, .ax .button label, .ax a.button .label, .ax a.button label, .ax button.button .label, .ax button.button label {
|
|
cursor: pointer;
|
|
}
|
|
#player .button .icon, #player a.button .icon, #player button.button .icon, .ax .button .icon, .ax a.button .icon, .ax button.button .icon {
|
|
vertical-align: middle;
|
|
}
|
|
#player .button .icon:not(:only-child):first-child, #player a.button .icon:not(:only-child):first-child, #player button.button .icon:not(:only-child):first-child, .ax .button .icon:not(:only-child):first-child, .ax a.button .icon:not(:only-child):first-child, .ax button.button .icon:not(:only-child):first-child {
|
|
margin-right: 0.6rem;
|
|
}
|
|
#player .button .icon:not(:only-child):last-child, #player a.button .icon:not(:only-child):last-child, #player button.button .icon:not(:only-child):last-child, .ax .button .icon:not(:only-child):last-child, .ax a.button .icon:not(:only-child):last-child, .ax button.button .icon:not(:only-child):last-child {
|
|
margin-left: 0.6rem;
|
|
}
|
|
#player .button:hover, #player a.button:hover, #player button.button:hover, .ax .button:hover, .ax a.button:hover, .ax button.button:hover {
|
|
color: var(--button-hg-fg);
|
|
background-color: var(--button-hg-bg);
|
|
opacity: 1 !important;
|
|
}
|
|
#player .button.active, #player a.button.active, #player button.button.active, .ax .button.active, .ax a.button.active, .ax button.button.active {
|
|
color: var(--button-active-fg);
|
|
background-color: var(--button-active-bg);
|
|
}
|
|
#player .button.active:hover, #player a.button.active:hover, #player button.button.active:hover, .ax .button.active:hover, .ax a.button.active:hover, .ax button.button.active:hover {
|
|
border-color: var(--hg-color);
|
|
background-color: var(--hg-color-2-alpha);
|
|
opacity: 1 !important;
|
|
}
|
|
#player .button:not([disabled]), #player .button:not(.disabled), #player a.button:not([disabled]), #player a.button:not(.disabled), #player button.button:not([disabled]), #player button.button:not(.disabled), .ax .button:not([disabled]), .ax .button:not(.disabled), .ax a.button:not([disabled]), .ax a.button:not(.disabled), .ax button.button:not([disabled]), .ax button.button:not(.disabled) {
|
|
cursor: pointer;
|
|
}
|
|
#player .button[disabled], #player .button.disabled, #player a.button[disabled], #player a.button.disabled, #player button.button[disabled], #player button.button.disabled, .ax .button[disabled], .ax .button.disabled, .ax a.button[disabled], .ax a.button.disabled, .ax button.button[disabled], .ax button.button.disabled {
|
|
background-color: var(--hg-color-grey);
|
|
color: var(--hg-color-2);
|
|
border-color: var(--hg-color-2-alpha);
|
|
}
|
|
#player .button .dropdown-trigger, #player a.button .dropdown-trigger, #player button.button .dropdown-trigger, .ax .button .dropdown-trigger, .ax a.button .dropdown-trigger, .ax button.button .dropdown-trigger {
|
|
border-radius: 1.5em;
|
|
}
|
|
#player .button-group .button, #player .nav .button, .ax .button-group .button, .ax .nav .button {
|
|
border-radius: 0px;
|
|
background-color: transparent;
|
|
border-top: 0px;
|
|
border-bottom: 0px;
|
|
height: 100%;
|
|
}
|
|
#player .button-group .button:not(:first-child), #player .nav .button:not(:first-child), .ax .button-group .button:not(:first-child), .ax .nav .button:not(:first-child) {
|
|
border-left: 0px;
|
|
}
|
|
#player .button-group .button:last-child, #player .nav .button:last-child, .ax .button-group .button:last-child, .ax .nav .button:last-child {
|
|
border-right: 0px;
|
|
}
|
|
|
|
.admin .navbar.has-shadow, .admin .navbar.is-fixed-bottom.has-shadow {
|
|
box-shadow: 0em 0em 1em rgba(0, 0, 0, 0.1);
|
|
}
|
|
.admin a.navbar-item.is-active {
|
|
border-bottom: 1px grey solid;
|
|
}
|
|
.admin .navbar + .container {
|
|
margin-top: 1em;
|
|
}
|
|
.admin .navbar .navbar-dropdown {
|
|
z-index: 2000;
|
|
}
|
|
.admin .navbar .navbar-split {
|
|
margin: 0.2em 0em;
|
|
margin-right: 1em;
|
|
padding-right: 1em;
|
|
border-right: 1px #ddd solid;
|
|
display: inline-block;
|
|
}
|
|
.admin .navbar form {
|
|
margin: 0em;
|
|
padding: 0em;
|
|
}
|
|
.admin .navbar.toolbar {
|
|
margin: 1em 0em;
|
|
background-color: transparent;
|
|
margin-bottom: 1em;
|
|
}
|
|
.admin .navbar.toolbar .title {
|
|
padding-right: 2em;
|
|
margin-right: 1em;
|
|
border-right: 1px #ddd solid;
|
|
font-size: 1rem;
|
|
font-weight: 100;
|
|
}
|
|
.admin .navbar .navbar-dropdown {
|
|
max-height: 40rem;
|
|
overflow-y: auto;
|
|
}
|
|
.admin .navbar .navbar-dropdown input {
|
|
z-index: 10000;
|
|
position: sticky;
|
|
top: 0;
|
|
}
|
|
.admin .navbar .navbar-brand {
|
|
padding-right: 1em;
|
|
}
|
|
.admin .navbar .navbar-brand img {
|
|
margin: 0em 0.4em;
|
|
margin-top: 0.3em;
|
|
max-height: 3em;
|
|
}
|
|
.admin .breadcrumbs {
|
|
margin-bottom: 1em;
|
|
}
|
|
.admin .results > #result_list {
|
|
width: 100%;
|
|
margin: 1em 0em;
|
|
}
|
|
.admin ul.menu-list li {
|
|
list-style-type: none;
|
|
}
|
|
.admin .submit-row a.deletelink {
|
|
height: 35px;
|
|
}
|