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