This commit fixes inconsistent tooltip styling by setting the font explicitly on the tooltip container to ensure uniform tooltip fonts. As tooltip is rendered inside the parent elements' DOM, styling parent element's font was also styling the font's font due to style propogation, but setting fonts explicitly on tooltip ensure this does not happen.
52 lines
1.2 KiB
SCSS
52 lines
1.2 KiB
SCSS
/*
|
|
Defines global styles that applies to globally defined tags by default (body, main, article, div etc.).
|
|
Styles Fundamental HTML elements.
|
|
Contains foundational CSS rules that have a broad impact on the project's styling.
|
|
CSS Base applies a style foundation for HTML elements that is consistent for baseline browsers
|
|
*/
|
|
|
|
@use "@/presentation/assets/styles/colors" as *;
|
|
@use "@/presentation/assets/styles/mixins" as *;
|
|
@use "@/presentation/assets/styles/vite-path" as *;
|
|
@use "@/presentation/assets/styles/typography" as *;
|
|
@use "_code-styling" as *;
|
|
@use "_margin-padding" as *;
|
|
@use "_link-styling" as *;
|
|
|
|
$base-spacing: 1em;
|
|
|
|
* {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
body {
|
|
background: $color-background;
|
|
@include base-font-style;
|
|
@include apply-uniform-spacing($base-spacing: $base-spacing)
|
|
}
|
|
|
|
input {
|
|
font-family: unset; // Reset browser default
|
|
}
|
|
|
|
blockquote {
|
|
padding: 0 $base-spacing;
|
|
border-left: .25em solid $color-primary;
|
|
}
|
|
|
|
@include style-code-elements(
|
|
$code-block-padding: $base-spacing,
|
|
$color-background: $color-primary-darker,
|
|
);
|
|
|
|
hr {
|
|
opacity: 0.6;
|
|
}
|
|
|
|
sup {
|
|
@include reset-sup;
|
|
|
|
vertical-align: super;
|
|
font-size: $font-size-relative-smallest;
|
|
}
|