Change all font sizes to rem

This commit is contained in:
Thomas Dehaeze 2020-12-13 22:48:06 +01:00
parent 2c1bef2646
commit 0dc6d0520f
14 changed files with 39 additions and 39 deletions

2
dist/style.css vendored

File diff suppressed because one or more lines are too long

View File

@ -11,6 +11,6 @@
> p { > p {
margin: 0.2em; margin: 0.2em;
font-size: 80%; font-size: 0.8rem;
} }
} }

View File

@ -1,7 +1,7 @@
html { html {
-ms-text-size-adjust:100%; -ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%; -webkit-text-size-adjust:100%;
font-size:100%; font-size:16px;
height:100%; height:100%;
overflow-x:hidden; overflow-x:hidden;
} }
@ -42,7 +42,7 @@ a{
} }
p { p {
font-size: 16px; font-size: 1rem;
line-height: 24px; line-height: 24px;
margin: 0 0 1.5em 0; margin: 0 0 1.5em 0;
} }
@ -64,7 +64,7 @@ code {
background: $white; background: $white;
border: solid 1px #e1e4e5; border: solid 1px #e1e4e5;
font-family: $mono; font-family: $mono;
font-size:75%; font-size: 0.75rem;
max-width:100%; max-width:100%;
overflow-x:auto; overflow-x:auto;
padding:0 5px; padding:0 5px;
@ -90,7 +90,7 @@ blockquote {
// Subscripts and Superscripts // Subscripts and Superscripts
sub, sup { sub, sup {
font-size: 0.6em; font-size: 0.6rem;
line-height:0; line-height:0;
position:relative; position:relative;
vertical-align:baseline; vertical-align:baseline;
@ -108,7 +108,7 @@ mark{
} }
small{ small{
font-size: 85%; font-size: 0.85rem;
} }
img{ img{
@ -126,7 +126,7 @@ label{
display:block; display:block;
margin:0 0 0.3125em 0; margin:0 0 0.3125em 0;
color:#333; color:#333;
font-size: 90%; font-size: 0.9rem;
} }
legend{ legend{
@ -139,7 +139,7 @@ legend{
padding:0; padding:0;
white-space:normal; white-space:normal;
margin-bottom:24px; margin-bottom:24px;
font-size: 150%; font-size: 1.5rem;
} }
.nav #content .admonition-title,#content .nav .admonition-title,.nav .icon{ .nav #content .admonition-title,#content .nav .admonition-title,.nav .icon{
@ -223,7 +223,7 @@ hr{
// border:solid 1px #e1e4e5; // border:solid 1px #e1e4e5;
// p, ul, dl{ // p, ul, dl{
// font-size:90%; // font-size: 0.9rem;
// } // }
// .last{ // .last{
@ -238,7 +238,7 @@ hr{
// padding:6px 12px; // padding:6px 12px;
// margin:-24px; // margin:-24px;
// margin-bottom:24px; // margin-bottom:24px;
// font-size:100%; // font-size: 1rem;
// } // }
// } // }
@ -252,7 +252,7 @@ hr{
#content .footnote-reference,#content .citation-reference{ #content .footnote-reference,#content .citation-reference{
vertical-align:super; vertical-align:super;
font-size:90%; font-size: 0.9rem;
} }

View File

@ -5,7 +5,7 @@
background-color: $white; background-color: $white;
padding: 0px 4px; padding: 0px 4px;
border: 1px solid $color-shadow; border: 1px solid $color-shadow;
font-size: 10px; font-size: 0.6rem;
top: -9px; top: -9px;
z-index: 10; z-index: 10;
font-family: $mono; font-family: $mono;
@ -21,7 +21,7 @@
label { label {
text-align: center; text-align: center;
cursor: text; cursor: text;
font-size: 0.85em; font-size: 0.85rem;
font-family: $serif; font-family: $serif;
font-style: italic; font-style: italic;
color: $color-caption; color: $color-caption;
@ -60,7 +60,7 @@
background: $white; background: $white;
display: block; display: block;
font-family: $mono; font-family: $mono;
font-size: 12px; font-size: 0.75rem;
line-height: 1.5; line-height: 1.5;
padding: 12px; padding: 12px;
margin-bottom: 24px; margin-bottom: 24px;
@ -92,7 +92,7 @@ pre {
background: $color-background; background: $color-background;
border: 1px solid $color-shadow; border: 1px solid $color-shadow;
color: $color-text; color: $color-text;
font-size: 12px; font-size: 0.75rem;
line-height: 1.5; line-height: 1.5;
margin-bottom: 24px; margin-bottom: 24px;
padding: 12px; padding: 12px;

View File

@ -7,7 +7,7 @@
background:#1f1d1d; background:#1f1d1d;
border-top:solid 10px #343131; border-top:solid 10px #343131;
font-family: $serif; font-family: $serif;
font-size: 90%; font-size: 0.9rem;
z-index:400; z-index:400;
padding:12px; padding:12px;
a{ a{
@ -20,7 +20,7 @@
background-color:#272525; background-color:#272525;
display:block; display:block;
text-align:right; text-align:right;
font-size:90%; font-size: 0.9rem;
cursor:pointer; cursor:pointer;
color:#27AE60; color:#27AE60;
*zoom:1; *zoom:1;

View File

@ -4,7 +4,7 @@
p { p {
color: $color-caption; color: $color-caption;
font-size: 0.85em; font-size: 0.85rem;
font-family: $serif; font-family: $serif;
font-style: italic; font-style: italic;
text-align: center; text-align: center;

View File

@ -2,7 +2,7 @@
sup{ sup{
a.footref, a.footnum{ a.footref, a.footnum{
color: #2980b9; color: #2980b9;
font-size: 12px; font-size: 0.75rem;
font-family: $sans-serif; font-family: $sans-serif;
&:before{ content:"["; } &:before{ content:"["; }
@ -35,7 +35,7 @@ sup{
// Foot Text // Foot Text
p { p {
color: #999; color: #999;
font-size: 90%; font-size: 0.9rem;
font-family: $sans-serif; font-family: $sans-serif;
padding: 8px; padding: 8px;
line-height: 1.25em; line-height: 1.25em;

View File

@ -1,11 +1,11 @@
.title { .title {
font-size: 175%; font-size: 1.75rem;
margin-bottom: 1em; margin-bottom: 1em;
font-weight: $bold; font-weight: $bold;
text-align: center; text-align: center;
.subtitle{ .subtitle{
font-size:80%; font-size: 0.8rem;
} }
} }
@ -15,7 +15,7 @@ h1,h2,h3,h4,h5,h6 {
} }
h1{ h1{
font-size:175%; font-size: 1.75rem;
margin-bottom: 1em; margin-bottom: 1em;
font-weight: $bold; font-weight: $bold;
text-align: center; text-align: center;
@ -23,26 +23,26 @@ h1{
h2{ h2{
clear: both; // used if float is present before heading clear: both; // used if float is present before heading
font-size:150%; font-size: 1.5rem;
margin-bottom: 1em; margin-bottom: 1em;
font-weight: $bold; font-weight: $bold;
} }
h3{ h3{
clear: both; clear: both;
font-size:125%; font-size: 1.25rem;
margin-bottom: 0.5em; margin-bottom: 0.5em;
} }
h4{ h4{
font-size:115%; font-size: 1.15rem;
margin-bottom: 0.5em; margin-bottom: 0.5em;
color:#2980B9; color:#2980B9;
font-weight: $light; font-weight: $light;
} }
h5{ h5{
font-size:110%; font-size: 1.1rem;
margin-bottom: 0.5em; margin-bottom: 0.5em;
color:#2980B9; color:#2980B9;
font-weight:light; font-weight:light;

View File

@ -225,7 +225,7 @@
color: #7f7f7f; color: #7f7f7f;
} }
.org-org-document-title { .org-org-document-title {
color: #191970; font-size: 144%; font-weight:s$bold; color: #191970; font-size: 1.45rem; font-weight:s$bold;
} }
.org-org-done { .org-org-done {
color: #228b22; font-weight:s$bold; color: #228b22; font-weight:s$bold;

View File

@ -30,7 +30,7 @@
cursor: pointer; cursor: pointer;
display: block; display: block;
float: right; float: right;
font-size: 70%; font-size: 0.7rem;
font-weight: $normal; font-weight: $normal;
margin: 0 3px; margin: 0 3px;
padding: 5px; padding: 5px;
@ -39,7 +39,7 @@
// span around keyword plus timestamp // span around keyword plus timestamp
.timestamp-wrapper { .timestamp-wrapper {
font-size: 0.8em; font-size: 0.8rem;
margin-left: 2em; margin-left: 2em;
// Timestamp date // Timestamp date

View File

@ -12,12 +12,12 @@
z-index:400; z-index:400;
.author { .author {
font-size: 100%; font-size: 1rem;
margin-bottom: 0px; margin-bottom: 0px;
} }
.date { .date {
font-size: 90%; font-size: 0.9rem;
margin-bottom: 0px; margin-bottom: 0px;
color: $color-secondary; color: $color-secondary;
} }

View File

@ -2,7 +2,7 @@ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockq
margin: 0; margin: 0;
padding: 0; padding: 0;
border: 0; border: 0;
font-size: 100%; font-size: 1rem;
font: inherit; font: inherit;
vertical-align: baseline; } vertical-align: baseline; }

View File

@ -9,7 +9,7 @@ table {
// Cell Style // Cell Style
td, th { td, th {
font-size:90%; font-size: 0.9rem;
margin:0; margin:0;
overflow:visible; overflow:visible;
padding:8px 16px; padding:8px 16px;

View File

@ -16,7 +16,7 @@
text-align: center; text-align: center;
padding: 1em; padding: 1em;
display: block; display: block;
font-size: 100%; font-size: 1rem;
z-index: 200; z-index: 200;
} }
@ -25,7 +25,7 @@
display: block; display: block;
position: relative; position: relative;
line-height: 1.5em; line-height: 1.5em;
font-size: 90%; font-size: 0.9rem;
color: $color-text-shadow; color: $color-text-shadow;
&:hover{ &:hover{
@ -252,7 +252,7 @@ li ul li a{
text-align: center; text-align: center;
padding: 1em; padding: 1em;
display: block; display: block;
font-size: 100%; font-size: 1rem;
z-index: 20; z-index: 20;
} }
} }