Files
replayweb.page/scss/main.scss
T
Ilya Kreymer 1a4793eefa css optimization: bundle bulma, main.scss as inline css injected directly into lit-element css
import a subset of bulma to decrease size in main.scss
import only base bulma for outer html page in base.scss
2020-05-03 14:57:51 -07:00

66 lines
1.6 KiB
SCSS

@charset "utf-8";
$wr-green: #64e986;
$wr-yellow: #f5c71a;
$wr-light-blue: #43daff;
$wr-med-blue: #27a0ff;
$wr-dark-blue: #4876ff;
$wr-accent: #1b0921;
$primary: $wr-green;
$info: $wr-yellow;
$link: $wr-dark-blue;
$light: $wr-light-blue;
$dark: $wr-accent;
.main-scroll {
flex: 1;
scroll-behavior: smooth;
overflow-y: auto;
max-height: 100vh;
height: 100%;
display: flex;
flex-direction: column;
overflow-x: hidden;
}
.font-ssp {
font-family: 'Source Code Pro', monospace;
}
.font-ssp-c {
font-family: 'Source Code Pro', monospace;
letter-spacing: -1.5px;
}
//@import "../node_modules/bulma/bulma";
// Bulma separated out
@import "../node_modules/bulma/sass/utilities/_all.sass";
@import "../node_modules/bulma/sass/base/_all.sass";
@import "../node_modules/bulma/sass/components/navbar.sass";
@import "../node_modules/bulma/sass/elements/container.sass";
@import "../node_modules/bulma/sass/components/level.sass";
@import "../node_modules/bulma/sass/elements/progress.sass";
@import "../node_modules/bulma/sass/layout/section.sass";
@import "../node_modules/bulma/sass/components/panel.sass";
@import "../node_modules/bulma/sass/form/_all.sass";
@import "../node_modules/bulma/sass/elements/button.sass";
@import "../node_modules/bulma/sass/elements/icon.sass";
@import "../node_modules/bulma/sass/components/menu.sass";
@import "../node_modules/bulma/sass/grid/columns.sass";
@import "../node_modules/bulma/sass/elements/table.sass";
@import "../node_modules/bulma/sass/elements/notification.sass";
@import "../node_modules/bulma/sass/elements/title.sass";