60 lines
2.6 KiB
SCSS
60 lines
2.6 KiB
SCSS
@font-face {
|
|
font-family: CascadiaCode;
|
|
src: url(fonts/CascadiaCode.woff2);
|
|
}
|
|
|
|
* {
|
|
box-sizing: border-box !important;
|
|
}
|
|
|
|
:root {
|
|
--repl_color: #188a18;
|
|
--repl_color-link: rgb(31, 179, 31);
|
|
--repl_color-hint: rgba(24, 138, 24, 0.3);
|
|
|
|
|
|
--blog_nav-background: rgba(128, 128, 128, 0.3);
|
|
--blog_nav-border: #ccc;
|
|
|
|
/* https://doodad.dev/pattern-generator?share=stripes-8-247_250_252_1-229_62_62_1-0_0_0_1-57-45-3-8-0-0-0-0-0-0-0 */
|
|
--blog_back-background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100%25' width='100%25'%3E%3Cdefs%3E%3Cpattern id='doodad' width='57' height='57' viewBox='0 0 40 40' patternUnits='userSpaceOnUse' patternTransform='rotate(45)'%3E%3Crect width='100%25' height='100%25' fill='rgba(32, 19, 19,1)'/%3E%3Ccircle cx='0' cy='20' r='1.5' fill='rgba(247, 250, 252,1)'/%3E%3Ccircle cx='40' cy='20' r='1.5' fill='rgba(247, 250, 252,1)'/%3E%3Cpath d='m 16 19.5 h8 v1 h-8z' fill='rgba(229, 62, 62,1)'/%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23doodad)' height='200%25' width='200%25'/%3E%3C/svg%3E ");
|
|
--blog_background-main: rgba(32, 19, 19,1);
|
|
--blog_content-background: rgba(40, 40, 40, 0.2);
|
|
--blog_content-border: rgba(221, 221, 221, 0.25); /* #ddd but less opacity */
|
|
--blog_content-blur: 10px;
|
|
--blog_color: #ddd;
|
|
|
|
--blog_light-el-display: none;
|
|
--blog_dark-el-display: initial;
|
|
|
|
&[data-theme="light"]{
|
|
--blog_nav-background: rgba(192, 192, 192, 0.3);
|
|
--blog_nav-border: #ccc;
|
|
|
|
--blog_back-background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100%25' width='100%25'%3E%3Cdefs%3E%3Cpattern id='doodad' width='57' height='57' viewBox='0 0 40 40' patternUnits='userSpaceOnUse' patternTransform='rotate(45)'%3E%3Crect width='100%25' height='100%25' fill='rgba(245, 179, 179,1)'/%3E%3Ccircle cx='0' cy='20' r='1.5' fill='rgba(247, 250, 252,1)'/%3E%3Ccircle cx='40' cy='20' r='1.5' fill='rgba(247, 250, 252,1)'/%3E%3Cpath d='m 16 19.5 h8 v1 h-8z' fill='rgba(229, 62, 62,1)'/%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23doodad)' height='200%25' width='200%25'/%3E%3C/svg%3E ");
|
|
--blog_background-main: rgba(245, 179, 179,1);
|
|
--blog_content-background: rgba(160, 160, 160, 0.15);
|
|
--blog_content-border: rgb(34, 34, 34, 0.17); /* #222 but less opacity */
|
|
--blog_content-blur: 5px;
|
|
--blog_color: #222;
|
|
|
|
--blog_light-el-display: initial;
|
|
--blog_dark-el-display: none;
|
|
}
|
|
|
|
--blog_color-accent: rgba(229, 62, 62,1);
|
|
--blog_color-accent-dark: rgb(190, 54, 54);
|
|
}
|
|
|
|
body {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
a.nostyle {
|
|
text-decoration: inherit;
|
|
}
|
|
|
|
a.nocolor, a.nostyle {
|
|
color: inherit;
|
|
} |