clean up css a little

This commit is contained in:
Ted Unangst 2019-10-09 15:50:19 -04:00
parent 0bd29bbd8d
commit f1bbb72f37
1 changed files with 54 additions and 59 deletions

View File

@ -158,19 +158,15 @@ input[type=file] {
padding-right: 1em; padding-right: 1em;
padding-top: 0; padding-top: 0;
overflow: hidden; overflow: hidden;
}
.honk #honkform { #honkform {
padding: 1em; padding: 1em;
border: 1px solid $fg; border: 1px solid $fg;
} }
a {
.honk a {
color: $fg; color: $fg;
} }
.honk header .clip a { header {
color: $fg-subtle;
}
.honk header {
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
@ -178,56 +174,55 @@ input[type=file] {
line-height: 1.1; line-height: 1.1;
margin-top: 1em; margin-top: 1em;
height: 64px; height: 64px;
} .clip a {
.honk header img { color: $fg-subtle;
}
img {
float: left; float: left;
margin-right: 1em; margin-right: 1em;
width: 64px; width: 64px;
height: 64px; height: 64px;
} }
.honk header p { p {
margin-top: 0px; margin-top: 0px;
} }
.honk .actions button { }
.actions button {
margin-left: 4em; margin-left: 4em;
margin-top: 2em; margin-top: 2em;
} }
.honk .noise { .noise {
line-height: 1.4; line-height: 1.4;
}
details.actions summary {
color: $fg-subtle;
}
} }
.subtle { .subtle {
} .noise {
.subtle .noise {
color: $fg-subtle; color: $fg-subtle;
font-size: 0.8em; font-size: 0.8em;
} }
.subtle .noise a { .noise a {
color: $fg-subtle; color: $fg-subtle;
}
} }
.limited { .limited {
border: 1px solid $fg-limited; border: 1px solid $fg-limited;
color: $fg-limited; color: $fg-limited;
} .noise {
.limited .noise {
color: $fg-limited; color: $fg-limited;
} }
.limited .noise a { .noise a {
color: $fg-limited; color: $fg-limited;
}
details.actions summary {
color: $fg-limited;
}
} }
details.noise[open] summary { details.noise[open] summary {
display: none; display: none;
} }
.inlineform {
display: inline;
}
.inlineform select {
}
.honk details.actions summary {
color: $fg-subtle;
}
.limited details.actions summary {
color: $fg-limited;
}
h1, h2 { h1, h2 {
font-size: 1.2em; font-size: 1.2em;
} }