hak8or/blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Get rid of dashed outline

Browse Source 
It didn't fit the style well enough
This commit is contained in:
daudix
2024-09-22 07:12:42 +03:00
parent 927ac0e51a
commit 875fe52949
2 changed files with 3 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
CHANGELOG.md
View File

@ -9,6 +9,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
### Changed ### Changed
- Get rid of dashed outline on article hover in article list.
- More visually interesting paginator. - More visually interesting paginator.
- Move paginator from `articles.html` to `article-list.html`. - Move paginator from `articles.html` to `article-list.html`.
- Tweak styling of `details`. - Tweak styling of `details`.

12
sass/_article-list.scss
View File

@ -7,9 +7,6 @@
article { article {
position: relative; position: relative;
transition: var(--transition-longer); transition: var(--transition-longer);
outline-color: transparent;
outline-style: dashed;
outline-width: 0.125rem;
box-shadow: var(--edge-highlight), var(--shadow-glass); box-shadow: var(--edge-highlight), var(--shadow-glass);
border-radius: var(--rounded-corner); border-radius: var(--rounded-corner);
border-start-end-radius: 2.125rem; border-start-end-radius: 2.125rem;
@ -18,13 +15,8 @@
padding: 1rem; padding: 1rem;
overflow: hidden; overflow: hidden;
&:hover { &:hover .blurnail {
outline-color: var(--accent-color); transform: scale(1.5);
outline-offset: 0.5rem;
.blurnail {
transform: var(--hover);
}
} }
.heading { .heading {