diff --git a/sass/_aside.scss b/sass/_aside.scss deleted file mode 100644 index 56f00f2..0000000 --- a/sass/_aside.scss +++ /dev/null @@ -1,15 +0,0 @@ -aside { - float: right; - margin-inline-start: 1rem; - box-shadow: var(--edge-highlight); - border-radius: var(--rounded-corner); - background-color: var(--primary-color-alpha); - padding: 1rem; - width: 30%; - - @media only screen and (max-width: 720px) { - float: none; - margin-inline-start: 0; - width: 100%; - } -} diff --git a/sass/_details.scss b/sass/_details.scss deleted file mode 100644 index 72589db..0000000 --- a/sass/_details.scss +++ /dev/null @@ -1,9 +0,0 @@ -details { - border-radius: var(--rounded-corner); - background-color: var(--fg-muted-1); - padding: 1rem; - - &>summary { - cursor: pointer; - } -} diff --git a/sass/_kbd.scss b/sass/_kbd.scss deleted file mode 100644 index facd0e4..0000000 --- a/sass/_kbd.scss +++ /dev/null @@ -1,19 +0,0 @@ -kbd { - display: inline-block; - transition-duration: var(--transition); - transition-property: transform, box-shadow, background-color; - cursor: pointer; - box-shadow: inset 0 -2px 0 var(--fg-muted-2), 0 -1px 0 var(--fg-muted-3); - border-radius: var(--rounded-corner-small); - background-color: var(--fg-muted-2); - padding: 0.125rem 0.375rem; - font-size: 0.8rem; - line-height: normal; - - // Small nice thingy, keys can be pressed! - &:active { - transform: translateY(2px); - box-shadow: inset 0 1px 0 var(--fg-muted-2); - background-color: var(--fg-muted-3); - } -} diff --git a/sass/_pre-container.scss b/sass/_pre-container.scss deleted file mode 100644 index e69de29..0000000 diff --git a/sass/_typography.scss b/sass/_typography.scss index 0c55e0a..0820e68 100644 --- a/sass/_typography.scss +++ b/sass/_typography.scss @@ -56,6 +56,26 @@ mark { color: var(--primary-color); } +kbd { + display: inline-block; + transition-duration: var(--transition); + transition-property: transform, box-shadow, background-color; + cursor: pointer; + box-shadow: inset 0 -2px 0 var(--fg-muted-2), 0 -1px 0 var(--fg-muted-3); + border-radius: var(--rounded-corner-small); + background-color: var(--fg-muted-2); + padding: 0.125rem 0.375rem; + font-size: 0.8rem; + line-height: normal; + + // Small nice thingy, keys can be pressed! + &:active { + transform: translateY(2px); + box-shadow: inset 0 1px 0 var(--fg-muted-2); + background-color: var(--fg-muted-3); + } +} + a { color: var(--primary-color); font-weight: bold; @@ -91,3 +111,29 @@ dt { dd { margin-bottom: 1rem; } + +aside { + float: right; + margin-inline-start: 1rem; + box-shadow: var(--edge-highlight); + border-radius: var(--rounded-corner); + background-color: var(--primary-color-alpha); + padding: 1rem; + width: 30%; + + @media only screen and (max-width: 720px) { + float: none; + margin-inline-start: 0; + width: 100%; + } +} + +details { + border-radius: var(--rounded-corner); + background-color: var(--fg-muted-1); + padding: 1rem; + + &>summary { + cursor: pointer; + } +} diff --git a/sass/style.scss b/sass/style.scss index 5606540..1411069 100644 --- a/sass/style.scss +++ b/sass/style.scss @@ -9,24 +9,20 @@ @use "variables"; @use "article-list"; -@use "aside"; @use "buttons"; @use "code"; @use "comments"; @use "containers"; @use "crt"; -@use "details"; @use "external"; @use "footer"; @use "general"; @use "icon"; @use "johnvertisement"; -@use "kbd"; @use "media"; @use "nav"; @use "not-found"; @use "post-nav"; -@use "pre-container"; @use "statements"; @use "table"; @use "tags";