mirror of
https://github.com/datahub-project/datahub.git
synced 2025-07-15 05:04:45 +00:00
41 lines
905 B
SCSS
41 lines
905 B
SCSS
/// Contains application level basic and standard styles for commonly used HTML elements
|
|
|
|
/**
|
|
* Set up a box model on the root element
|
|
*/
|
|
html {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
/**
|
|
* Apply padding to top and bottom to account for navigation and footer
|
|
*/
|
|
body {
|
|
padding-top: $nav-min-height;
|
|
padding-bottom: $nav-min-height;
|
|
background-color: set-color(white, base);
|
|
}
|
|
|
|
/**
|
|
* Make all elements from the DOM inherit from the parent box-sizing
|
|
* Since `*` has a specificity of 0, it does not override the `html` value
|
|
* making all elements inheriting from the root box-sizing value
|
|
* See: https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
|
|
*/
|
|
*, *::before, *::after {
|
|
box-sizing: inherit;
|
|
}
|
|
|
|
/**
|
|
* Basic styles for links
|
|
*/
|
|
a {
|
|
color: $link-color;
|
|
text-decoration: none;
|
|
|
|
@include on-event() {
|
|
color: $text-color;
|
|
text-decoration: none;
|
|
}
|
|
}
|