189 lines
4.9 KiB
SCSS
189 lines
4.9 KiB
SCSS
$control-height: 2.857em;
|
|
$control-border-width: 1px;
|
|
$control-padding-vertical: calc(0.429em - #{$control-border-width});
|
|
$control-padding-horizontal: calc(1.25em - #{$control-border-width});
|
|
|
|
$white: #eee;
|
|
$primary: #94febf;
|
|
$primary-invert: #000403;
|
|
$warning: #ff8a00;
|
|
$black: #2c4538;
|
|
$danger: #FF0658;
|
|
$dark: #242424;
|
|
$pre: #DCDCDC;
|
|
$info: $primary-invert;
|
|
$info-invert: $white;
|
|
$custom-colors: ("black": ($black, $primary-invert));
|
|
|
|
$block-spacing: 2rem;
|
|
|
|
@import '~bulma/sass/utilities/_all';
|
|
|
|
$body-family: 'PT Mono', monospace;
|
|
$body-background-color: $primary-invert;
|
|
$body-color: $white;
|
|
$body-size: 14px;
|
|
$body-min-width: 320px;
|
|
|
|
$navbar-background-color: transparent;
|
|
$navbar-item-color: $white;
|
|
$navbar-item-hover-color: $primary;
|
|
$navbar-item-hover-background-color: transparent;
|
|
$navbar-item-active-color: $primary;
|
|
$navbar-breakpoint: $tablet;
|
|
|
|
$label-color: $white;
|
|
$label-weight: $weight-normal;
|
|
|
|
$button-background-color: #181818;
|
|
$button-border-color: #666;
|
|
$button-color: $white;
|
|
$button-hover-border-color: $primary;
|
|
$button-focus-border-color: $primary;
|
|
$button-focus-color: $primary;
|
|
$button-focus-box-shadow-color: rgba($primary, .25);
|
|
|
|
$button-active-border-color: darken($primary, 10%);
|
|
$button-active-color: darken($primary, 10%);
|
|
|
|
$button-text-color: $primary;
|
|
$button-text-hover-background-color: $primary;
|
|
$button-text-hover-color: $primary-invert;
|
|
|
|
$button-disabled-background-color: #000;
|
|
$button-disabled-border-color: #393939;
|
|
|
|
$input-color: $white;
|
|
$input-background-color: transparent;
|
|
$input-border-color: #393939;
|
|
$input-hover-border-color: $white;
|
|
$input-hover-color: $white;
|
|
$input-focus-border-color: $primary;
|
|
$input-placeholder-color: #393939;
|
|
$input-focus-box-shadow-size: 0 0 0;
|
|
|
|
$input-disabled-background-color: #181818;
|
|
$input-disabled-border-color: #222222;
|
|
$input-disabled-color: #5e5e5e;
|
|
|
|
$radio-size: 1.5rem;
|
|
|
|
$link: $white;
|
|
$link-hover: $primary;
|
|
$link-invert: $primary;
|
|
|
|
$tabs-border-bottom-width: 0;
|
|
$tabs-link-color: $link;
|
|
$tabs-link-active-color: $primary;
|
|
$tabs-link-hover-color: $primary;
|
|
|
|
$box-background-color: $primary-invert;
|
|
$box-shadow: none;
|
|
$box-color: #fefefe;
|
|
$box-padding: 1.5rem;
|
|
|
|
$title-size: 1.5rem;
|
|
$title-line-height: 1;
|
|
$title-color: $primary;
|
|
$subtitle-color: $white;
|
|
|
|
$footer-background-color: transparent;
|
|
$footer-padding: 2rem;
|
|
|
|
$modal-background-background-color: rgba(#050505, 0.86);
|
|
$modal-card-title-color: $primary;
|
|
$modal-card-head-background-color: $primary-invert;
|
|
$modal-card-head-border-bottom: none;
|
|
$modal-card-foot-border-top: none;
|
|
$modal-card-body-background-color: $primary-invert;
|
|
$modal-card-foot-radius: 0;
|
|
$modal-card-head-radius: 0;
|
|
$modal-card-body-padding: 0 1.5rem;
|
|
$modal-card-head-padding: 1.5rem;
|
|
|
|
$input-arrow: #393939;
|
|
$radius-small: 4px;
|
|
|
|
$steps-default-color: $primary;
|
|
$steps-marker-default-border: .2em solid $primary;
|
|
$steps-maker-default-color: $primary-invert;
|
|
$steps-previous-color: $primary-invert;
|
|
|
|
$hr-background-color: #1E3629;
|
|
$hr-height: 1px;
|
|
$hr-margin: .5rem 0;
|
|
|
|
$dropdown-item-color: $white;
|
|
$dropdown-content-shadow: 0 0 0 1px $primary, 0 6px 12px rgba(0, 0, 0, 0.3);
|
|
$dropdown-content-background-color: $primary-invert;
|
|
$dropdown-item-hover-background-color: #0e1f17;
|
|
$dropdown-item-hover-color: $primary;
|
|
|
|
$dropdown-item-active-background-color: $primary;
|
|
$dropdown-item-active-color: $primary-invert;
|
|
|
|
$dropdown-content-padding-bottom: 0;
|
|
$dropdown-content-padding-top: 0;
|
|
|
|
$dropdown-background-color: $modal-background-background-color;
|
|
|
|
$widescreen-enabled: false;
|
|
$fullhd-enabled: false;
|
|
|
|
$table-background-color: transparent;
|
|
$table-color: $white;
|
|
$table-head-cell-color: $white;
|
|
$table-head-cell-border-width: 0 0 4px;
|
|
$table-cell-border: 1px solid $primary;
|
|
$table-striped-row-even-background-color: rgba($primary, .104);
|
|
$table-row-hover-background-color: rgba($primary, .154);
|
|
$table-striped-row-even-hover-background-color: rgba($primary, .154);
|
|
$table-cell-padding: 1.5em 0.75em;
|
|
|
|
$pagination-color: $primary;
|
|
$pagination-border-color: $primary;
|
|
|
|
$pagination-hover-color: $primary-invert;
|
|
$pagination-hover-border-color: $primary;
|
|
|
|
$pagination-focus-color: $pagination-hover-color;
|
|
$pagination-focus-border-color: $pagination-hover-border-color;
|
|
|
|
$pagination-active-color: $pagination-hover-color;
|
|
$pagination-active-border-color: $pagination-hover-border-color;
|
|
|
|
$pagination-disabled-color: $primary;
|
|
$pagination-disabled-background-color: rgba($primary, .104);
|
|
$pagination-disabled-border-color: $primary;
|
|
|
|
$pagination-current-color: $primary-invert;
|
|
$pagination-current-background-color: $primary;
|
|
$pagination-current-border-color: $primary;
|
|
|
|
$pre-background: #1E1E1E;
|
|
|
|
.columns {
|
|
@include from(576px) {
|
|
&.is-small {
|
|
display: flex;
|
|
}
|
|
}
|
|
}
|
|
|
|
.column {
|
|
@include from(576px) {
|
|
&.is-half-small {
|
|
flex: none;
|
|
width: 50%;
|
|
}
|
|
}
|
|
}
|
|
|
|
@import '~bulma/sass/base/_all';
|
|
@import '~bulma/sass/elements/_all';
|
|
@import '~bulma/sass/components/_all';
|
|
@import '~bulma/sass/form/_all';
|
|
@import '~bulma/sass/grid/_all';
|
|
@import '~bulma/sass/layout/_all';
|
|
@import '~buefy/src/scss/buefy';
|