From a7791635aa98f012d35f97c3c5288494bbb28e38 Mon Sep 17 00:00:00 2001 From: Miquel Sabaté Solà Date: Wed, 13 Mar 2024 18:03:43 +0100 Subject: Initial commit MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: Miquel Sabaté Solà --- app/assets/stylesheets/things.css | 94 +++++++++++++++++++++++++++++++++++++++ 1 file changed, 94 insertions(+) create mode 100644 app/assets/stylesheets/things.css (limited to 'app/assets/stylesheets/things.css') diff --git a/app/assets/stylesheets/things.css b/app/assets/stylesheets/things.css new file mode 100644 index 0000000..af8487f --- /dev/null +++ b/app/assets/stylesheets/things.css @@ -0,0 +1,94 @@ +/* + * Thing form. + */ + +#thing_form { + display: grid; + grid-template-columns: repeat(3, 1fr); + gap: 10px; +} + +@media only screen and (max-width: 720px) { + #thing_form { + grid-template-columns: 1fr; + } + + #thing-delete-button { + width: 100%; + } +} + +#thing_form input[type=text], input[type=number], input[type=date], select { + width: 100%; +} + +#thing_form .thing_large { + grid-column: 1 / -1; +} + +h5 a { + font-size: 1rem; +} + +/* + * Listing things. + */ + +.thing_row { + display: flex; + align-items: flex-start; + gap: 10px; +} + +.thing_head { + flex-grow: 0; +} + +.thing_body { + flex-grow: 1; +} + +.thing_body a { + text-decoration: none; + color: var(--text) !important; +} + +.thing_body a:hover { + color: var(--accent) !important; +} + +.thing_tail { + flex-grow: 0; +} + +.dot { + height: 8px; + width: 8px; + border-radius: 50%; + display: inline-block; + vertical-align: middle; +} + +.dot_other { + background-color: black; +} + +.dot_poetry { + background-color: #facc15; +} + +.dot_theater { + background-color: #c084fc; +} + +.dot_essay { + background-color: #ef4444; +} + +.dot_shorts { + background-color: #a3e635; +} + +.dot_novel { + background-color: #60a5fa; +} -- cgit v1.2.3