137 lines
3.8 KiB
SCSS
137 lines
3.8 KiB
SCSS
/*
|
|
This file is part of GNU Taler
|
|
(C) 2021 Taler Systems S.A.
|
|
|
|
GNU Taler is free software; you can redistribute it and/or modify it under the
|
|
terms of the GNU General Public License as published by the Free Software
|
|
Foundation; either version 3, or (at your option) any later version.
|
|
|
|
GNU Taler is distributed in the hope that it will be useful, but WITHOUT ANY
|
|
WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
|
|
A PARTICULAR PURPOSE. See the GNU General Public License for more details.
|
|
|
|
You should have received a copy of the GNU General Public License along with
|
|
GNU Taler; see the file COPYING. If not, see <http://www.gnu.org/licenses/>
|
|
*/
|
|
|
|
/**
|
|
*
|
|
* @author Sebastian Javier Marchano (sebasjm)
|
|
*/
|
|
|
|
/* We'll need some initial vars to use here */
|
|
@import "node_modules/bulma/sass/utilities/initial-variables";
|
|
|
|
/* Base: Size */
|
|
$size-base: 1rem;
|
|
$default-padding: $size-base * 1.5;
|
|
|
|
/* Default font */
|
|
$family-sans-serif: "Nunito", sans-serif;
|
|
|
|
/* Base color */
|
|
$base-color: #2e323a;
|
|
$base-color-light: rgba(24, 28, 33, 0.06);
|
|
|
|
/* General overrides */
|
|
$primary: $turquoise;
|
|
$body-background-color: #f8f8f8;
|
|
$link: $blue;
|
|
$link-visited: $purple;
|
|
$light-border: 1px solid $base-color-light;
|
|
$hr-height: 1px;
|
|
|
|
/* NavBar: specifics */
|
|
$navbar-input-color: $grey-darker;
|
|
$navbar-input-placeholder-color: $grey-lighter;
|
|
$navbar-box-shadow: 0 1px 0 rgba(24, 28, 33, 0.04);
|
|
$navbar-divider-border: 1px solid rgba($grey-lighter, 0.25);
|
|
$navbar-item-h-padding: $default-padding * 0.75;
|
|
$navbar-avatar-size: 1.75rem;
|
|
|
|
/* Aside: Bulma override */
|
|
$menu-item-radius: 0;
|
|
$menu-list-link-padding: $size-base * 0.5 0;
|
|
$menu-label-color: lighten($base-color, 25%);
|
|
$menu-item-color: lighten($base-color, 30%);
|
|
$menu-item-hover-color: $white;
|
|
$menu-item-hover-background-color: darken($base-color, 3.5%);
|
|
$menu-item-active-color: $white;
|
|
$menu-item-active-background-color: darken($base-color, 2.5%);
|
|
|
|
/* Aside: specifics */
|
|
$aside-width: $size-base * 14;
|
|
$aside-mobile-width: $size-base * 15;
|
|
$aside-icon-width: $size-base * 3;
|
|
$aside-submenu-font-size: $size-base * 0.95;
|
|
$aside-box-shadow: none;
|
|
$aside-background-color: $base-color;
|
|
$aside-tools-background-color: darken($aside-background-color, 10%);
|
|
$aside-tools-color: $white;
|
|
|
|
/* Title Bar: specifics */
|
|
$title-bar-color: $grey;
|
|
$title-bar-active-color: $black-ter;
|
|
|
|
/* Hero Bar: specifics */
|
|
$hero-bar-background: $white;
|
|
|
|
/* Card: Bulma override */
|
|
$card-shadow: none;
|
|
$card-header-shadow: none;
|
|
|
|
/* Card: specifics */
|
|
$card-border: 1px solid $base-color-light;
|
|
$card-header-border-bottom-color: $base-color-light;
|
|
|
|
/* Table: Bulma override */
|
|
$table-cell-border: 1px solid $white-bis;
|
|
|
|
/* Table: specifics */
|
|
$table-avatar-size: $size-base * 1.5;
|
|
$table-avatar-size-mobile: 25vw;
|
|
|
|
/* Form */
|
|
$checkbox-border: 1px solid $base-color;
|
|
|
|
/* Modal card: Bulma override */
|
|
$modal-card-head-background-color: $white-ter;
|
|
$modal-card-title-size: $size-base;
|
|
$modal-card-body-padding: $default-padding 20px;
|
|
$modal-card-head-border-bottom: 1px solid $white-ter;
|
|
$modal-card-foot-border-top: 0;
|
|
|
|
/* Modal card: specifics */
|
|
$modal-card-width: 80vw;
|
|
$modal-card-width-mobile: 90vw;
|
|
$modal-card-foot-background-color: $white-ter;
|
|
|
|
/* Notification: Bulma override */
|
|
$notification-padding: $default-padding * 0.75 $default-padding;
|
|
|
|
/* Footer: Bulma override */
|
|
$footer-background-color: $white;
|
|
$footer-padding: $default-padding * 0.33 $default-padding;
|
|
|
|
/* Footer: specifics */
|
|
$footer-logo-height: $size-base * 2;
|
|
|
|
/* Progress: Bulma override */
|
|
$progress-bar-background-color: $grey-lighter;
|
|
|
|
/* Icon: specifics */
|
|
$icon-update-mark-size: $size-base * 0.5;
|
|
$icon-update-mark-color: $yellow;
|
|
|
|
$input-disabled-border-color: $grey-lighter;
|
|
$table-row-hover-background-color: hsl(0, 0%, 80%);
|
|
|
|
.menu-list {
|
|
div {
|
|
border-radius: $menu-item-radius;
|
|
color: $menu-item-color;
|
|
display: block;
|
|
padding: $menu-list-link-padding;
|
|
}
|
|
}
|