em/receptty.org
2
1
Fork 1
Code Pull Requests Actions Releases Activity

Zoom a box-shadow na :hover receptu

Browse Source
This commit is contained in:
Emil Miler
2022-09-06 11:45:23 +02:00
parent ff68573271
commit 4544836871
2 changed files with 19 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
sass/style.scss
View File

@ -138,9 +138,13 @@ main {
overflow:hidden;
box-sizing:border-box;
width:100%;
box-shadow: none;
transition: box-shadow .15s ease;
&:hover {
color:$anchor-hover-color;
box-shadow: 0 0 8px #888;
a { color: inherit }
.image { background-size: 110% }
}
a {
@ -150,6 +154,19 @@ main {
color: $article-color;
}
.image {
position: relative;
width: 100%;
background-size: 100%;
background-position: center;
transition: background-size .15s ease;
}
.image:before {
content: "";
float: left;
padding-top: 100%;
}
.title {
margin: 1em .8em .5em .8em;
text-align: center;