improvement: use $lineheight as much as possible

This commit is contained in:
Kazhnuz 2021-07-30 11:26:37 +02:00
parent b71318010f
commit b12f774ed2
12 changed files with 17 additions and 17 deletions

View file

@ -151,7 +151,7 @@ ul.breadcrumb, ol.breadcrumb, .breadcrumb {
padding-top: 0em;
background-color:transparent;
margin: 0;
padding-bottom:2rem;
padding-bottom:$lineheight;
}
.breadcrumb li.breadcrumb-item {

View file

@ -1,11 +1,11 @@
.input-group {
padding-bottom:1.5rem;
padding-bottom:$lineheight;
input, textarea {
width:100%;
background-color:$color-background;
border-radius:0px;
border: 1px solid rgba(0,0,0,0.2);
padding:0.375rem;
padding:$lineheight/4;
}
}

View file

@ -1,7 +1,7 @@
.navbar {
border-left: 0;
border-right: 0;
padding: 0.75rem;
padding: $lineheight/2;
color: $color-font-light;
a {
color: $color-font-light;

View file

@ -1,5 +1,5 @@
nav.pagination {
padding-bottom:1.5rem;
padding-bottom:$lineheight;
.nav-links {
text-align: center;
width:100%;

View file

@ -205,7 +205,7 @@ $comment-height:30px;
img.author-avatar, img.avatar {
display:block;
height: 4.5rem;
height: $lineheight*3;
width:auto;
border-radius:100%;
padding:0;

View file

@ -81,14 +81,14 @@ ul, ol {
.container-article, .container-typographic {
max-width: 800px;
margin:auto;
margin-bottom: 3rem;
margin-bottom: $lineheight*2;
}
.container-typographic {
p {
padding:0;
margin:0;
text-indent: 3rem;
text-indent: $lineheight*2;
}
p, em, p em {

View file

@ -11,7 +11,7 @@
grid-template-columns: 1fr;
grid-template-rows: auto;
row-gap: $lineheight;
column-gap: 3rem;
column-gap: $lineheight*2;
grid-template-areas:
"main"
"side";

View file

@ -13,9 +13,9 @@ body {
footer {
@include angled-edge('outside top', 'upper left', $color-footer-back, 32);
color: getTextColorFromBackground($color-footer-back);
padding-top:1.5rem;
padding-top:$lineheight;
font-size: 0.85rem!important;
padding-bottom:1.5rem;
padding-bottom:$lineheight;
.footer-collumns {
@include container-big();

View file

@ -6,7 +6,7 @@
background: $color-header-back url('img/background.png') center bottom repeat-x;
border-top: 6px solid $color-footer-back;
padding-top:$lineheight;
padding-bottom:3rem;
padding-bottom:$lineheight*2;
.header-collumns {
@include container-big();
@ -58,7 +58,7 @@ header h1 {
img {
width: 100%;
height: auto;
margin-top:0.75rem;
margin-top:$lineheight/2;
}
}

View file

@ -3,7 +3,7 @@
**/
.pigimg {
padding-bottom:1.5rem;
padding-bottom:$lineheight*2;
}
.card-select {

View file

@ -7,8 +7,8 @@
display: grid;
grid-template-columns: repeat(6, 1fr);
grid-template-rows: auto;
row-gap: 3rem;
column-gap: 3rem;
row-gap: $lineheight*2;
column-gap: $lineheight*2;
grid-template-areas:
"nomp nomp nomp nomp nomp nomp"

View file

@ -9,7 +9,7 @@
grid-template-columns: 1fr;
grid-template-rows: auto;
row-gap: $lineheight;
column-gap: 3rem;
column-gap: $lineheight*2;
grid-template-areas:
"main"
"side";