hedgedoc/frontend/global-styles/index.scss
Erik Michelson 7195c1bdc0 fix(styles): use correct dark-mode selector in css
The dark-mode selector changed from the class "dark" attached to the
body element to a data-attribute with some react-bootstrap upgrade.
This commit reflects this change in our custom css.

Signed-off-by: Erik Michelson <github@erik.michelson.eu>
2024-09-18 18:11:02 +02:00

77 lines
1.2 KiB
SCSS

/*!
* SPDX-FileCopyrightText: 2023 The HedgeDoc developers (see AUTHORS file)
*
* SPDX-License-Identifier: AGPL-3.0-only
*/
@import "variables.module";
@import "variables.light";
@import "~bootstrap/scss/bootstrap";
@import '~react-bootstrap-typeahead/css/Typeahead';
@import "~@fontsource/source-sans-pro/index.css";
@import "~twemoji-colr-font/twemoji";
@import '~firacode/distr/fira_code';
@import "typeahead";
@import "./button-inside";
@import "./highlight-js";
@import "./github-markdown";
@import "./markdown-tweaks";
@import "./reveal";
.text-black, body[data-bs-theme=dark] .text-black {
color: $black;
}
.cursor-pointer {
cursor: pointer;
}
*:focus {
outline: 0 !important;
}
.mt-1dot5 {
margin-top: 0.375rem !important;
}
.fa.fa-fix-line-height {
line-height: inherit;
}
.text-start {
text-align: start;
}
.mvh-100 {
min-height: 100vh;
}
.overflow-y-scroll {
overflow-y: scroll;
}
.font-style-normal {
font-style: normal;
}
.cursor-zoom-in {
cursor: zoom-in;
}
.cursor-zoom-out {
cursor: zoom-out;
}
.dropup .dropdown-toggle, .dropdown-toggle {
&.no-arrow::after {
content: initial;
}
}
.overflow-x-auto {
overflow-x: auto !important;
}
.overflow-y-hidden {
overflow-y: hidden !important;
}