Change all font sizes to rem
This commit is contained in:
parent
2c1bef2646
commit
0dc6d0520f
2
dist/style.css
vendored
2
dist/style.css
vendored
File diff suppressed because one or more lines are too long
@ -11,6 +11,6 @@
|
|||||||
|
|
||||||
> p {
|
> p {
|
||||||
margin: 0.2em;
|
margin: 0.2em;
|
||||||
font-size: 80%;
|
font-size: 0.8rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@ -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;
|
||||||
|
@ -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;
|
||||||
|
@ -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;
|
||||||
|
@ -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;
|
||||||
|
@ -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;
|
||||||
|
@ -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;
|
||||||
|
@ -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
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
|
@ -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; }
|
||||||
|
|
||||||
|
@ -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;
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user