Refine transitions

This commit is contained in:
spikecodes 2021-01-17 19:16:15 -08:00
parent a562395c26
commit c030771d36

View File

@ -146,7 +146,6 @@ hr {
a {
color: inherit;
text-decoration: none;
transition: 0.2s all;
}
a:hover {
@ -269,7 +268,7 @@ select, #search, #sort_options, #inside, #searchbox > *, #sort_submit {
select {
background: var(--outside);
transition: 0.2s all;
transition: 0.2s background;
}
select, #search {
@ -318,10 +317,8 @@ button.submit {
select:hover { background: var(--foreground); }
input[type="submit"]:hover, button.submit:hover {
transition: 0.2s all;
color: var(--accent);
}
input[type="submit"]:hover { color: var(--accent); }
button.submit:hover > svg { stroke: var(--accent); }
#timeframe {
margin: 0 2px;
@ -374,7 +371,7 @@ input[type="submit"]:hover, button.submit:hover {
padding: 10px 20px;
text-align: center;
cursor: pointer;
transition: 0.2s all;
transition: 0.2s background;
}
#sort_options > a.selected {
@ -390,7 +387,7 @@ input[type="submit"]:hover, button.submit:hover {
border-radius: 5px;
background: var(--post);
box-shadow: var(--shadow);
transition: 0.2s all;
transition: 0.2s background;
border: 1px solid var(--highlighted);
margin-bottom: 20px;
}
@ -440,7 +437,7 @@ a.search_subreddit:hover {
background: var(--post);
box-shadow: var(--shadow);
display: grid;
transition: 0.2s background-color;
transition: 0.2s background;
grid-template: "post_score post_header post_thumbnail" auto
"post_score post_title post_thumbnail" 1fr
"post_score post_media post_thumbnail" auto
@ -467,11 +464,11 @@ a.search_subreddit:hover {
text-align: center;
background: var(--foreground);
border-radius: 5px 0 0 5px;
transition: 0.2s background-color;
background: var(--highlighted);
}
.post:hover > .post_score {
background: var(--highlighted);
transition: 0.2s background;
}
.post_score .label {