michaelkuc6/blog_os
1
0
Fork 0
mirror of https://github.com/phil-opp/blog_os.git synced 2025-12-16 14:27: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.
*
*
* Adjusted by @phil-opp.
* Adjusted by @phil-opp.
*/
/*
@@ -79,6 +79,10 @@ html {
--border-color-section-bare-bones: #ccccff;
--background-color-section-basic-io: #f6fff6;
--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 {
@@ -865,15 +869,15 @@ a.zola-anchor:hover {
text-decoration: none;
}
div.note {
.note {
padding: .7rem 1rem;
margin: 1rem .2rem;
border: 2px solid #6ad46a;
border: 2px solid var(--border-color-note);
border-radius: 5px;
background-color: #99ff991f;
background-color: var(--background-color-note);
}
div.note p:last-child {
.note p:last-child {
margin-bottom: 0;
}