yul
/
bookwyrm-mastodon
1
1
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

[css] Use more visible comments to split blocks.

This commit is contained in:
Fabien Basmaison 2021-04-07 17:33:28 +02:00
parent f77088b964
commit 2a0924027b
1 changed files with 14 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
bookwyrm/static/css/bookwyrm.css
View File

@ -3,7 +3,6 @@ html {
scroll-padding-top: 20%; scroll-padding-top: 20%;
} }
/* --- --- */
.image { .image {
overflow: hidden; overflow: hidden;
} }
@ -25,7 +24,8 @@ html {
min-width: 75% !important; min-width: 75% !important;
} }
/* --- SHELVING --- */ /** Shelving
******************************************************************************/
/** @todo Replace icons with SVG symbols. /** @todo Replace icons with SVG symbols.
@see https://www.youtube.com/watch?v=9xXBYcWgCHA */ @see https://www.youtube.com/watch?v=9xXBYcWgCHA */
@ -35,7 +35,9 @@ html {
margin-left: 0.5em; margin-left: 0.5em;
} }
/* --- TOGGLES --- */ /** Toggles
******************************************************************************/
.toggle-button[aria-pressed=true], .toggle-button[aria-pressed=true],
.toggle-button[aria-pressed=true]:hover { .toggle-button[aria-pressed=true]:hover {
background-color: hsl(171, 100%, 41%); background-color: hsl(171, 100%, 41%);
@ -107,7 +109,9 @@ html {
content: '\e9d7'; content: '\e9d7';
} }
/* --- BOOK COVERS --- */ /** Book covers
******************************************************************************/
.cover-container { .cover-container {
height: 250px; height: 250px;
width: max-content; width: max-content;
@ -172,7 +176,9 @@ html {
padding: 0.1em; padding: 0.1em;
} }
/* --- AVATAR --- */ /** Avatars
******************************************************************************/
.avatar { .avatar {
vertical-align: middle; vertical-align: middle;
display: inline; display: inline;
@ -188,7 +194,9 @@ html {
min-height: 96px; min-height: 96px;
} }
/* --- QUOTES --- */ /** Quotes
******************************************************************************/
.quote blockquote { .quote blockquote {
position: relative; position: relative;
padding-left: 2em; padding-left: 2em;