diff --git a/sass/_comments.scss b/sass/_comments.scss index 9770fe9..e21f430 100644 --- a/sass/_comments.scss +++ b/sass/_comments.scss @@ -1,4 +1,3 @@ -.avatar-link.op::after, .instance.op::before, .reblogs::before, .favourites::before { @@ -54,18 +53,6 @@ section#comments { transform: scale(var(--active)); } } - - &.op::after { - background-color: var(--primary-color); - border-radius: 50%; - bottom: -0.25rem; - color: var(--light2); - display: flex; - position: absolute; - right: -0.25rem; - padding: 0.25rem; - content: "\F4B5"; - } } .author { @@ -73,7 +60,7 @@ section#comments { cursor: default; display: flex; font-weight: bold; - gap: 0.5rem; + gap: 0.25rem; grid-area: name; .instance { @@ -87,13 +74,17 @@ section#comments { transition: var(--transition); &:hover { - opacity: 0.8; + background-color: var(--fg-muted-2); text-decoration: none; } &.op { - background-color: var(--primary-color); - color: var(--light2); + background-color: unset; + color: var(--primary-color); + + &:hover { + background-color: var(--primary-color-alpha); + } &::before { content: "\F4B5"; diff --git a/sass/_bootstrap-icons.scss b/sass/bootstrap-icons.scss similarity index 100% rename from sass/_bootstrap-icons.scss rename to sass/bootstrap-icons.scss diff --git a/sass/_normalize.scss b/sass/normalize.scss similarity index 100% rename from sass/_normalize.scss rename to sass/normalize.scss diff --git a/sass/style.scss b/sass/style.scss index 05c9795..32fe94f 100644 --- a/sass/style.scss +++ b/sass/style.scss @@ -8,18 +8,15 @@ * https://github.com/systemd/systemd/tree/main/docs */ -@use "normalize"; - @use "variables"; +@use "gnome-hig"; @use "fonts"; @use "main"; -@use "bootstrap-icons"; @use "buttons"; @use "comments"; @use "crt"; @use "footer"; -@use "gnome-hig"; @use "johnvertisement"; @use "links"; @use "media"; @@ -30,5 +27,7 @@ @use "statements"; @use "tags"; +@import url("normalize.css"); +@import url("bootstrap-icons.css"); @import url("syntax-theme-dark.css") (prefers-color-scheme: dark); @import url("syntax-theme-light.css") (prefers-color-scheme: light);