From 1073d1ac02a36477cd3bd26798e35c26d5b5b01f Mon Sep 17 00:00:00 2001 From: Fuwn Date: Tue, 8 Mar 2022 05:56:17 +0000 Subject: feat(frontend-next): 0.1.0 :star: --- src/app.css | 73 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 73 insertions(+) create mode 100644 src/app.css (limited to 'src/app.css') diff --git a/src/app.css b/src/app.css new file mode 100644 index 0000000..995e9cd --- /dev/null +++ b/src/app.css @@ -0,0 +1,73 @@ +/* + * This file is part of frontend-next . + * Copyright (C) 2022-2022 Fuwn + * + * This program is free software: you can redistribute it and/or modify + * it under the terms of the GNU General Public License as published by + * the Free Software Foundation, version 3. + * + * This program is distributed in the hope that it will be useful, but + * WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU + * General Public License for more details. + * + * You should have received a copy of the GNU General Public License + * along with this program. If not, see . + * + * Copyright (C) 2022-2022 Fuwn + * SPDX-License-Identifier: GPL-3.0-only + */ + +@import "normalize.css/normalize.css"; +@import "sakura.css/css/sakura-dark.css"; + +html { + scroll-behavior: smooth; + overflow: scroll; + overflow-x: hidden; +} +body { + max-width: 58em; +} + +img { + border-radius: 5px; +} + +#random-image img { + height: 20em; + transition: 0.25s; +} +#random-image img:hover { + height: 22.5em; + opacity: 0.75; +} +#random-image a:hover { + border-bottom: none; +} + +::-webkit-scrollbar { + width: 0; + background: transparent; +} + +.image-rack { + text-align: center; + list-style-type: none; +} + +#image-rack-item { + display: inline; + padding: 10px; +} +#image-rack-item a:hover { + border-bottom: none; +} +#image-rack-item img { + width: 20%; + transition: 0.25s; +} +#image-rack-item img:hover { + opacity: 0.75; + width: 25%; +} -- cgit v1.2.3