mise à jour du reset (partie 2)

This commit is contained in:
Raphael 2019-07-17 12:24:47 +02:00
parent f4c8ef9c37
commit ab7adc8a14

View File

@ -39,7 +39,6 @@ html {
font-size: calc(1em * 0.625); /* 3 */ font-size: calc(1em * 0.625); /* 3 */
} }
/* Body */
body { body {
margin: 0; margin: 0;
@include font-size(base); @include font-size(base);
@ -49,7 +48,10 @@ body {
line-height: $line-height-base; line-height: $line-height-base;
} }
/* Links */ /**
* links
*/
a { a {
color: $link-color; color: $link-color;
text-decoration: $link-decoration; text-decoration: $link-decoration;
@ -62,7 +64,10 @@ a {
} }
} }
/* Headings */ /**
* headings
*/
h1, .h1-like { h1, .h1-like {
@include font-size(h1); @include font-size(h1);
@if variable_exists(font-family-headings) and $font-family-headings != $font-family-base{ @if variable_exists(font-family-headings) and $font-family-headings != $font-family-base{
@ -99,7 +104,10 @@ h6, .h6-like {
font-weight: $weight-medium; font-weight: $weight-medium;
} }
/* Vertical rythm */ /**
* vertical rythm
*/
h1, h1,
h2, h2,
h3, h3,
@ -122,7 +130,10 @@ pre {
margin-bottom: $paragraph-margin-bottom; margin-bottom: $paragraph-margin-bottom;
} }
/* Avoid margins on nested elements */ /**
* avoid margin on nested elements
*/
li p, li p,
li .p-like, li .p-like,
li ul, li ul,
@ -133,7 +144,10 @@ ul ul {
margin-bottom: 0; margin-bottom: 0;
} }
/* Styling elements */ /**
* common elements styling
*/
a, a,
area, area,
button, button,
@ -169,6 +183,19 @@ img {
border-style: none; border-style: none;
} }
/**
* fill color matching to text color
*/
svg:not([fill]) {
fill: currentColor;
}
/**
* hide overflow in IE
*/
svg:not(:root) { svg:not(:root) {
overflow: hidden; overflow: hidden;
} }
@ -192,6 +219,11 @@ var {
font-style: italic; font-style: italic;
} }
/**
* monospace tags and mark tag styling
*/
pre, pre,
code, code,
kbd, kbd,
@ -249,6 +281,10 @@ sub {
top: 0.5ex; top: 0.5ex;
} }
/**
* quotes, blockquote and hr styling
*/
blockquote { blockquote {
position: relative; position: relative;
padding-left: 3em; padding-left: 3em;