Quick Start Labels
https://vanillawebdev.blogspot.com/search/label/coding-tips
Coding Tips
4
https://vanillawebdev.blogspot.com/search/label/project-setup
Project Setup
6
https://vanillawebdev.blogspot.com/search/label/starter-code
Starter Code
6
Reading List
https://jackwhiting.co.uk/posts/lazy-loading-vanilla-js-with-webpack-laravel-mix
https://medium.com/free-code-camp/reducing-css-bundle-size-70-by-cutting-the-class-names-and-using-scope-isolation-625440de600b
Libraries
https://github.com/verlok/vanilla-lazyload
Developer Resources
https://webpack.js.org/configuration/output/
https://web.dev/articles/preload-critical-assets
Reading List
https://www.codemzy.com/blog/how-to-name-webpack-chunk
How to name a webpack chunk (including split and common chunks)
Reading List
Featured Post
https://vanillawebdev.blogspot.com/2024/02/installable-web-app.html
Make Your Web App Installable
February 16, 2025How to make your web app installable.
true
https://vanillawebdev.blogspot.com/search/label/homepage
homepage
https://vanillawebdev.blogspot.com/search/label/project-setup
project-setup
Featured Post
Sidebar Labels
https://vanillawebdev.blogspot.com/search/label/app-component
App Component
1
https://vanillawebdev.blogspot.com/search/label/coding-tips
Coding Tips
4
https://vanillawebdev.blogspot.com/search/label/css-tips
CSS Tips
4
https://vanillawebdev.blogspot.com/search/label/data-server
Data Server
2
https://vanillawebdev.blogspot.com/search/label/layout
Layout
1
https://vanillawebdev.blogspot.com/search/label/project-setup
Project Setup
6
https://vanillawebdev.blogspot.com/2025/02/jsconfig-setup.html
https://vanillawebdev.blogspot.com/2025/02/naming-async-function.html
https://vanillawebdev.blogspot.com/
https://vanillawebdev.blogspot.com/2025/02/css-default-button-skin.html
CSS Default Button Skin
February 07, 2025
2025
February
07
10:38 AM
CSS default button skin for dark theme app.
![]() |
/* # button */
button:not(.skin) {
&{
--bg1: #252525;
--bg2: #535353;
--col:ghostwhite;
--bcol: #616161;
font-size: 0.9rem;
padding: 0.65rem 1.1rem 0.7rem;
border-radius: 0.25rem;
color: var(--col);
border: 1px solid var(--bcol);
background: var(--bg1);
white-space: nowrap;
}
&:active{
background: var(--bg2);
}
&[aria-disabled="true"], &[disabled] {
opacity: 0.4;
background: var(--bg1);
}
}
https://www.blogger.com/comment/fullpage/post/8166404610182826392/3753080439864934528
true
https://vanillawebdev.blogspot.com/search/label/%40lvc
@lvc
https://vanillawebdev.blogspot.com/search/label/Web%20Design
Web Design
https://vanillawebdev.blogspot.com/2025/02/jsconfig-setup.html
https://vanillawebdev.blogspot.com/2025/02/naming-async-function.html
https://vanillawebdev.blogspot.com/