archivalo-oss/replayweb.page
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

css optimization: bundle bulma, main.scss as inline css injected directly into lit-element css

Browse Source 
import a subset of bulma to decrease size in main.scss
import only base bulma for outer html page in base.scss
This commit is contained in:
Ilya Kreymer
2020-05-03 14:57:51 -07:00
parent 6f04588dfd
commit 1a4793eefa
10 changed files with 210 additions and 189 deletions
Download Patch File Download Diff File Expand all files Collapse all files
scss/base.scss
+13
View File
@@ -0,0 +1,13 @@
html {
scroll-behavior: smooth;
overflow-y: hidden;
}
html.no-overflow {
overflow-y: hidden;
};
@import "../node_modules/bulma/sass/utilities/_all.sass";
@import "../node_modules/bulma/sass/base/_all.sass";
scss/main.scss
+35 -54
View File
@@ -1,8 +1,5 @@
@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Source+Code+Pro&display=swap');
$wr-green: #64e986;
$wr-yellow: #f5c71a;
$wr-light-blue: #43daff;
@@ -17,56 +14,6 @@ $link: $wr-dark-blue;
$light: $wr-light-blue;
$dark: $wr-accent;
/*$navbar-height: 3.75rem;*/
html {
scroll-behavior: smooth;
overflow-y: hidden;
}
/*
@font-face {
font-family: 'SourceSansPro';
src: url('../static/SourceSansPro-Regular.ttf');
}
*/
.font-ssp {
font-family: 'Source Code Pro', monospace;
}
.font-ssp-c {
font-family: 'Source Code Pro', monospace;
letter-spacing: -1.5px;
}
html.no-overflow {
overflow-y: hidden;
}
.page-desc {
font-weight: initial;
font-size: initial;
margin-top: 10px;
}
progress:after {
content: attr(data-percent)'%';
position: absolute;
-webkit-transform: translate(-50%, -100%);
-ms-transform: translate(-50%, -100%);
transform: translateX(-50%, -100%);
font-size: calc(1.5rem / 1.5);
line-height: 1.5rem;
}
.sticky {
position: sticky;
top: 30px;
left: 0px;
}
.main-scroll {
flex: 1;
scroll-behavior: smooth;
@@ -78,7 +25,41 @@ progress:after {
overflow-x: hidden;
}
.font-ssp {
font-family: 'Source Code Pro', monospace;
}
@import "../node_modules/bulma/bulma";
.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";