css font-size seems to work better but not really great
parent
b288e10f1b
commit
95e054126a
|
@ -3,7 +3,12 @@ title: "graffiti smartphone wallpapers"
|
|||
date: 2021-08-27
|
||||
---
|
||||
|
||||
Hier meine bilder
|
||||
I was visiting Berlin this summer,
|
||||
and made a lot of photos.
|
||||
Some of which happen to be quite nice
|
||||
for smartphone wallpapers.
|
||||
Feel free to download (just click on the preview)
|
||||
the ones you like.
|
||||
|
||||
{{< wallpaper-gallery class="iphone-overlay" >}}
|
||||
|
||||
|
|
|
@ -0,0 +1,8 @@
|
|||
{{ define "main" }}
|
||||
<!-- {{ .TableOfContents }}-->
|
||||
<div class="content">
|
||||
<h1>{{ .Title }}</h1>
|
||||
<div class="publishing_date">{{ .Date | time.Format "January 2006" }}</div>
|
||||
{{ .Content }}
|
||||
</div>
|
||||
{{ end }}
|
|
@ -21,15 +21,15 @@
|
|||
pre {
|
||||
//background: @color-code-background;
|
||||
|
||||
margin-left: 0em;
|
||||
margin-right: 0em;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
|
||||
padding-left: @special-info-padding-side ;
|
||||
padding-top: .7em ;
|
||||
padding-right: .0em;
|
||||
padding-bottom: 0.7em;
|
||||
|
||||
border-left: .4em solid @color-code-border;
|
||||
border-left: .7em solid @color-code-border;
|
||||
border-right: 1px solid @color-code-border;
|
||||
border-top: 1px solid @color-code-border;
|
||||
border-bottom: 1px solid @color-code-border;
|
||||
|
@ -37,12 +37,12 @@
|
|||
|
||||
font-weight: normal;
|
||||
font-family: @font-code;
|
||||
line-height: @font-size;
|
||||
//line-height: @font-size;
|
||||
|
||||
code {
|
||||
font-weight: normal;
|
||||
font-family: @font-code;
|
||||
line-height: @font-size;
|
||||
//line-height: @font-size;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -4,6 +4,8 @@
|
|||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 2em;
|
||||
margin-top: 2em;
|
||||
|
||||
&.box-size-half {
|
||||
.flexitem {
|
||||
|
|
|
@ -4,7 +4,7 @@
|
|||
@import "main-hack-code.less";
|
||||
@import "main-hack-flex.less";
|
||||
|
||||
@standard-margin: 1rem;
|
||||
@standard-margin: 1em;
|
||||
|
||||
// block size
|
||||
blockquote, h1, h2, h3, h4, h5, h6, p, pre {
|
||||
|
@ -14,15 +14,17 @@ blockquote, h1, h2, h3, h4, h5, h6, p, pre {
|
|||
|
||||
// Header
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-size: 1.3rem;
|
||||
|
||||
//display: block;
|
||||
//margin-bottom: 2rem;
|
||||
//margin-top: 2rem;
|
||||
|
||||
// underscore (not working)
|
||||
display: inline-block;
|
||||
padding-right: 2px; // overlap of the underscore
|
||||
padding-left: 0px; // overlap of the underscore
|
||||
padding-bottom: 5px; // space to the underscore
|
||||
padding-right: 0.2em; // overlap of the underscore
|
||||
padding-left: 0; // overlap of the underscore
|
||||
padding-bottom: 0.5em; // space to the underscore
|
||||
border-bottom: 2px solid @color-body-font;
|
||||
}
|
||||
|
||||
|
@ -57,9 +59,8 @@ h6:before {
|
|||
|
||||
|
||||
// Lists
|
||||
@list-margin-top: 4px;
|
||||
ul, ol {
|
||||
padding: 0px;
|
||||
padding: 0;
|
||||
margin-bottom: @standard-margin;
|
||||
margin-top: @standard-margin;
|
||||
}
|
||||
|
@ -67,8 +68,8 @@ ul, ol {
|
|||
li {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding-left: 20px;
|
||||
margin-top: @list-margin-top;
|
||||
padding-left: 1.2em;
|
||||
margin-top: 1.5em;
|
||||
|
||||
&:after {
|
||||
position: absolute;
|
||||
|
@ -85,12 +86,13 @@ ol {
|
|||
counter-reset: a;
|
||||
|
||||
li {
|
||||
padding-left: 27px;
|
||||
padding-left: 2em;
|
||||
}
|
||||
|
||||
> li:after {
|
||||
content: counter(a) ".";
|
||||
counter-increment: a
|
||||
counter-increment: a;
|
||||
font-size: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -110,26 +112,23 @@ a:hover {
|
|||
// cards
|
||||
.card {
|
||||
border: 1px solid @color-card-border;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
|
||||
.card-header {
|
||||
text-align: center;
|
||||
border-bottom: 1px solid @color-card-border;
|
||||
margin-top: @standard-margin;
|
||||
//margin-bottom: @standard-margin;
|
||||
padding-bottom: @standard-margin;
|
||||
padding-left: 4px;
|
||||
padding-right: 4px;
|
||||
padding-left: 0.25em;
|
||||
padding-right: 0.25em;
|
||||
}
|
||||
|
||||
.card-body{
|
||||
text-align: center;
|
||||
//margin-top: 4px;
|
||||
//margin-bottom: 4px;
|
||||
padding-left: 4px;
|
||||
padding-right: 4px;
|
||||
padding-left: 0.25em;
|
||||
padding-right: 0.25em;
|
||||
padding-top: @standard-margin;
|
||||
padding-bottom: @standard-margin;
|
||||
}
|
||||
|
|
|
@ -12,11 +12,11 @@
|
|||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
margin-top: 40px;
|
||||
margin-top: 2em;
|
||||
margin-bottom: 0;
|
||||
|
||||
list-style-type: none;
|
||||
padding: 0 0 20px;
|
||||
padding: 0 0 1.2em;
|
||||
overflow: hidden;
|
||||
|
||||
color: @color-nav-text;
|
||||
|
@ -46,9 +46,9 @@
|
|||
|
||||
// underscore
|
||||
margin-right: 0px; // space between items
|
||||
padding-bottom: 2px; // space to the underscore
|
||||
padding-bottom: 0.4em; // space to the underscore
|
||||
border-bottom: 2px solid @color-nav-underline;
|
||||
padding-top: 2px; // space to the underscore
|
||||
padding-top: 0.4em; // space to the underscore
|
||||
border-top: 2px solid @color-nav-underline;
|
||||
|
||||
}
|
||||
|
|
|
@ -14,15 +14,17 @@
|
|||
html {
|
||||
font-family: @font-normal;
|
||||
@media @desktop{
|
||||
font-size: @font-size;
|
||||
font-size: 16px;
|
||||
}
|
||||
font-size: @font-size-mobile;
|
||||
font-size: 23px;
|
||||
//font-size: clamp(16px, 5vw, 32px);
|
||||
background-color: @color-body-background;
|
||||
color: @color-body-font;
|
||||
}
|
||||
|
||||
|
||||
body {
|
||||
padding-bottom: 3em;
|
||||
|
||||
header {
|
||||
width: 100%;
|
||||
|
@ -54,7 +56,6 @@ body {
|
|||
|
||||
h1, h2, h3, h4 {
|
||||
font-family: @font-header;
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
.publishing_date {
|
||||
|
|
Loading…
Reference in New Issue