Author: Pedro Lucas Porcellis <pedrolucasporcellis@gmail.com>
Add basic foundation to the basic elements (body, a, p)
src/foundation.css | 48 ++++++++++++++++++++++++++++++++++++++++++++++++
diff --git a/src/foundation.css b/src/foundation.css new file mode 100644 index 0000000000000000000000000000000000000000..12d3551c6fb15d7a17b0f7d37e19e5dfd6b07132 --- /dev/null +++ b/src/foundation.css @@ -0,0 +1,48 @@ +*, ::after, ::before { + box-sizing: border-box; +} + +body { + font-family: Roboto, "Helvetica Neue", "San Francisco", "Open Sans", Arial, sans-serif; + font-size: 1.1875rem; + text-rendering: optimizeLegibility; + line-height: 1.31579; +} + +h1, .heading-xl { + font-size: 3rem; +} + +h2, .heading-l { + font-size: 2.25rem; +} + +h3, .heading-m { + font-size: 1.5rem; +} + +h4, .heading-s { + font-size: 1.1875rem; +} + +a { + color: #1d70b8; +} + +a:hover { + color: #003078; +} + +a:active { + color: #336752; + outline: 3px solid transparent; + background-color: #33fe96; + text-decoration: none; + box-shadow: 0 -2px #33fe96,0 4px #0b0c0c; +} + +ul, ol { + font-size: 1.1875rem; + line-height: 1.31579; +} +