2019-02-26 11:06:17 +01:00
|
|
|
// -----------------------------------------------------------------------------
|
|
|
|
// This file contains very basic styles.
|
|
|
|
// -----------------------------------------------------------------------------
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Set up a decent box model on the root element
|
2019-03-03 09:20:25 +01:00
|
|
|
html
|
|
|
|
box-sizing: border-box
|
2019-02-26 11:06:17 +01:00
|
|
|
|
|
|
|
/**
|
|
|
|
* 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,
|
2019-03-03 09:20:25 +01:00
|
|
|
*::after
|
|
|
|
box-sizing: inherit
|
2019-02-26 11:06:17 +01:00
|
|
|
|
|
|
|
/**
|
|
|
|
* Basic styles for links
|
2019-03-03 09:20:25 +01:00
|
|
|
a
|
|
|
|
color: $brand-color
|
|
|
|
text-decoration: none
|
2019-02-26 11:06:17 +01:00
|
|
|
|
2019-03-03 09:20:25 +01:00
|
|
|
+on-event
|
|
|
|
color: $text-color
|
|
|
|
text-decoration: underline
|