michaelkuc6/blog_os
1
0
Fork 0
mirror of https://github.com/phil-opp/blog_os.git synced 2025-12-16 22:37:49 +00:00
Code Issues Projects Releases Wiki Activity

Improve note block style

Browse Source
This commit is contained in:
Philipp Oppermann
2021-01-14 15:52:22 +01:00
parent ec1f80416b
commit 957855a18e
1 changed files with 9 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
blog/sass/css/edition-3/main.scss
View File

@@ -13,7 +13,7 @@
* https://github.com/poole/poole. * https://github.com/poole/poole.
* *
* *
* Adjusted by @phil-opp. * Adjusted by @phil-opp.
*/ */
/* /*
@@ -79,6 +79,10 @@ html {
--border-color-section-bare-bones: #ccccff; --border-color-section-bare-bones: #ccccff;
--background-color-section-basic-io: #f6fff6; --background-color-section-basic-io: #f6fff6;
--border-color-section-basic-io: #99ff99; --border-color-section-basic-io: #99ff99;
// colors with transparency that work for both light and dark mode
--background-color-note: #00ff0010;
--border-color-note: #00ff0050;
} }
@mixin set-colors-dark { @mixin set-colors-dark {
@@ -865,15 +869,15 @@ a.zola-anchor:hover {
text-decoration: none; text-decoration: none;
} }
div.note { .note {
padding: .7rem 1rem; padding: .7rem 1rem;
margin: 1rem .2rem; margin: 1rem .2rem;
border: 2px solid #6ad46a; border: 2px solid var(--border-color-note);
border-radius: 5px; border-radius: 5px;
background-color: #99ff991f; background-color: var(--background-color-note);
} }
div.note p:last-child { .note p:last-child {
margin-bottom: 0; margin-bottom: 0;
} }