diff options
author | ache <ache@ache.one> | 2022-04-18 15:41:04 +0200 |
---|---|---|
committer | ache <ache@ache.one> | 2024-07-16 10:24:31 +0200 |
commit | 451575b20dacbe9b6c71c98cefb32e9dd25b35e1 (patch) | |
tree | 21a47c986f81640aa5dcdc9f06b2999827d4ef3c /src/css | |
parent | Saves notes (diff) |
Notes implementations
Diffstat (limited to 'src/css')
-rw-r--r-- | src/css/_notes.scss | 35 | ||||
-rwxr-xr-x | src/css/design.scss | 4 |
2 files changed, 38 insertions, 1 deletions
diff --git a/src/css/_notes.scss b/src/css/_notes.scss new file mode 100644 index 0000000..f4260f3 --- /dev/null +++ b/src/css/_notes.scss @@ -0,0 +1,35 @@ +.list_notes { + display: flex; + flex-flow: row wrap; + align-items: flex-start; + justify-content: space-around; + article { + transition: all .2s ease-in-out; + color: #DDD; + margin: 0; + padding: 6px 8px; + border-radius: 7px; + background-color: #000000CA; + box-shadow: 2px 1px 1px 0px rgba(0, 0, 0, 0.2); + max-width: 215px; + font-size: 0.875rem; + cursor: pointer; + &:hover { + transform: scale(1.1) translate(0, -5px) rotate(-0.5deg); + box-shadow: 3px 3px 2px 1px rgba(0, 0, 0, 0.2); + } + h1 { + color: #EEE; + font-size: 1rem; + margin: 0; + } + } +} +tag { + background-color: #A8DC; + display: inline-block; + margin: 2px; + padding: 3px; + color: white; +} + diff --git a/src/css/design.scss b/src/css/design.scss index d98db42..6d5ea69 100755 --- a/src/css/design.scss +++ b/src/css/design.scss @@ -8,8 +8,10 @@ $big-screen: "screen and (min-width: 1720px)"; @import 'contenu'; @import 'sommaire'; @import 'style'; -@import 'outrun-dark'; +@import 'outrun-dark'; +//@import 'rainbow'; +@import 'notes'; html { @mixin lightMode { |