lasers
/
libreddit
mirror of https://github.com/spikecodes/libreddit
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Refine transitions

This commit is contained in:
spikecodes 2021-01-17 19:16:15 -08:00
parent a562395c26
commit c030771d36
1 changed files with 8 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
static/style.css
View File

@ -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 {