palo
/
tech-ingolf-wagner-de
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

css font-size seems to work better now

master
Ingolf Wagner 2021-09-01 20:17:58 +02:00
parent 97c7998cae
commit cd4bb29705
Signed by: palo
GPG Key ID: 76BF5F1928B9618B
5 changed files with 30 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/lessc/page/custom-iphone.less
View File

@ -32,7 +32,7 @@
.label { .label {
color: white; color: white;
font-size: small; font-size: 0.8rem;
position: absolute; position: absolute;
top: 25%; top: 25%;
left: 50%; left: 50%;
@ -41,7 +41,7 @@
.time { .time {
color: white; color: white;
font-size: xxx-large; font-size: 3rem;
position: absolute; position: absolute;
top: 18%; top: 18%;
left: 50%; left: 50%;

4
src/lessc/page/font.less
View File

@ -7,8 +7,8 @@
@font-publishing-date: @font-code; @font-publishing-date: @font-code;
@font-height: 1.7em; @font-size: 1rem;
@font-code-height: 1.1em; @font-size-code: 1rem;
@font-sidebar: ~"'Abel', sans-serif"; @font-sidebar: ~"'Abel', sans-serif";

4
src/lessc/page/main-hack-code.less
View File

@ -37,12 +37,12 @@
font-weight: normal; font-weight: normal;
font-family: @font-code; font-family: @font-code;
line-height: @font-code-height; line-height: @font-size-code;
code { code {
font-weight: normal; font-weight: normal;
font-family: @font-code; font-family: @font-code;
line-height: @font-code-height; line-height: @font-size-code;
} }
} }

19
src/lessc/page/main-hack.less
View File

@ -4,7 +4,7 @@
@import "main-hack-code.less"; @import "main-hack-code.less";
@import "main-hack-flex.less"; @import "main-hack-flex.less";
@standard-margin: 20px; @standard-margin: 1rem;
// block size // block size
blockquote, h1, h2, h3, h4, h5, h6, p, pre { blockquote, h1, h2, h3, h4, h5, h6, p, pre {
@ -14,7 +14,11 @@ blockquote, h1, h2, h3, h4, h5, h6, p, pre {
// Header // Header
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
// underscore //display: block;
//margin-bottom: 2rem;
//margin-top: 2rem;
// underscore (not working)
display: inline-block; display: inline-block;
padding-right: 2px; // overlap of the underscore padding-right: 2px; // overlap of the underscore
padding-left: 0px; // overlap of the underscore padding-left: 0px; // overlap of the underscore
@ -113,18 +117,21 @@ a:hover {
.card-header { .card-header {
text-align: center; text-align: center;
border-bottom: 1px solid @color-card-border; border-bottom: 1px solid @color-card-border;
margin-top: 7px; margin-top: @standard-margin;
margin-bottom: 7px; //margin-bottom: @standard-margin;
padding-bottom: @standard-margin;
padding-left: 4px; padding-left: 4px;
padding-right: 4px; padding-right: 4px;
} }
.card-body{ .card-body{
text-align: center; text-align: center;
margin-top: 4px; //margin-top: 4px;
margin-bottom: 4px; //margin-bottom: 4px;
padding-left: 4px; padding-left: 4px;
padding-right: 4px; padding-right: 4px;
padding-top: @standard-margin;
padding-bottom: @standard-margin;
} }
} }

19
src/lessc/page/main.less
View File

@ -12,13 +12,14 @@
@import "custom-iphone.less"; @import "custom-iphone.less";
// left and right for notes and warning and and code blocks
@special-info-padding-side: 0.5em;
body { html {
background-color: @color-body-background;
font-family: @font-normal; font-family: @font-normal;
font-size: @font-size;
background-color: @color-body-background;
color: @color-body-font; color: @color-body-font;
}
body {
margin: 0px; margin: 0px;
header{ header{
@ -40,7 +41,7 @@ body {
h1,h2,h3,h4 { h1,h2,h3,h4 {
font-family: @font-header; font-family: @font-header;
font-size: 1.1rem; font-size: 1.5rem;
} }
.publishing_date { .publishing_date {
@ -49,6 +50,9 @@ h1,h2,h3,h4 {
color: @color-publishing-date; color: @color-publishing-date;
} }
// left and right for notes and warning and and code blocks
@special-info-padding-side: 0.5em;
.note { .note {
background: @color-note-background; background: @color-note-background;
border-left: .4em solid @color-note-border; border-left: .4em solid @color-note-border;
@ -60,9 +64,8 @@ h1,h2,h3,h4 {
p { p {
margin-left: @special-info-padding-side; margin-left: @special-info-padding-side;
padding-top: 0px;
padding-top: .0em; padding-bottom: 0px;
padding-bottom: 0.0em;
} }
pre { pre {