src/app.css

   1 /*
   2  * This file is part of frontend-next <https://github.com/senpy-club/frontend-next>.
   3  * Copyright (C) 2022-2022 Fuwn <contact@fuwn.me>
   4  *
   5  * This program is free software: you can redistribute it and/or modify
   6  * it under the terms of the GNU General Public License as published by
   7  * the Free Software Foundation, version 3.
   8  *
   9  * This program is distributed in the hope that it will be useful, but
  10  * WITHOUT ANY WARRANTY; without even the implied warranty of
  11  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
  12  * General Public License for more details.
  13  *
  14  * You should have received a copy of the GNU General Public License
  15  * along with this program. If not, see <http://www.gnu.org/licenses/>.
  16  *
  17  * Copyright (C) 2022-2022 Fuwn <contact@fuwn.me>
  18  * SPDX-License-Identifier: GPL-3.0-only
  19  */
  20
  21 @import "normalize.css/normalize.css";
  22 @import "sakura.css/css/sakura-dark.css";
  23
  24 html {
  25   scroll-behavior: smooth;
  26   overflow: scroll;
  27   overflow-x: hidden;
  28 }
  29 body {
  30   max-width: 58em;
  31 }
  32
  33 img {
  34   border-radius: 5px;
  35 }
  36
  37 .highlight-image img {
  38   height: 20em;
  39   transition: 0.25s;
  40 }
  41 .highlight-image img:hover {
  42   height: 22.5em;
  43   opacity: 0.75;
  44 }
  45 .highlight-image a:hover {
  46   border-bottom: none;
  47 }
  48
  49 ::-webkit-scrollbar {
  50   width: 0;
  51   background: transparent;
  52 }
  53
  54 .image-rack {
  55   text-align: center;
  56   list-style-type: none;
  57 }
  58
  59 #image-rack-item {
  60   display: inline;
  61   padding: 10px;
  62 }
  63 #image-rack-item a:hover {
  64   border-bottom: none;
  65 }
  66 #image-rack-item img {
  67   width: 20%;
  68   transition: 0.25s;
  69 }
  70 #image-rack-item img:hover {
  71   opacity: 0.75;
  72   width: 25%;
  73 }