TTMK/web2.0-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Use 100% (16px) root font-size and rem's

Browse Source
This commit is contained in:
Aarni Halinen
2019-07-16 20:52:33 +03:00
parent a4cfabf486
commit c880462dfd
2 changed files with 23 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Accordion/Accordion.scss
+1 -1
View File
@@ -53,7 +53,7 @@
text-align: center;
padding-left: 1em;
color: color(blue);
font-size: 1.125em;
font-size: 1.125rem;
margin: auto;
}
}
src/index.scss
+22 -22
View File
@@ -7,7 +7,7 @@
html,
body {
font-size: 16px;
font-size: 100%;
background-color: color(dark-blue);
height: 100%;
font-family: $font;
@@ -29,74 +29,74 @@ body {
}
h1 {
font-size: 2.5em;
font-size: 2.5rem;
font-weight: 200;
margin-block-start: 0;
margin-block-end: 0;
&__lg {
font-size: 2.75em;
.lg {
font-size: 2.75rem;
}
}
h2 {
font-size: 1.2em;
font-size: 1rem;
font-weight: 700;
letter-spacing: 0.1em;
margin-block-start: 0;
margin-block-end: 0;
text-transform: uppercase;
&__lg {
font-size: 2em;
.lg {
font-size: 2rem;
}
}
h3 {
font-size: 1.5em;
font-size: 1.5rem;
font-weight: 200;
margin-block-start: 0;
margin-block-end: 0;
&__lg {
font-size: 2.3em;
.lg {
font-size: 2.3rem;
}
}
h4 {
font-size: 1em;
font-size: 1rem;
font-weight: 700;
letter-spacing: 0.1em;
letter-spacing: 0.1rem;
margin-block-start: 0;
margin-block-end: 0;
text-transform: uppercase;
&__lg {
font-size: 2em;
.lg {
font-size: 2rem;
}
}
h5 {
font-size: 1.2em;
font-size: 1.2rem;
font-weight: 600;
margin-block-start: 0;
margin-block-end: 0;
&__lg {
font-size: 2em;
.lg {
font-size: 2rem;
}
}
h6 {
font-size: 0.8em;
font-size: 0.8rem;
letter-spacing: 0.1em;
font-weight: 800;
margin-block-start: 0;
margin-block-end: 0;
text-transform: uppercase;
&__lg {
font-size: 2em;
.lg {
font-size: 2rem;
}
}
@@ -104,8 +104,8 @@ p {
font-size: 16px;
font-weight: 300;
&__lg {
font-size: 2em;
.lg {
font-size: 2rem;
}
}