kazhnuz/kazhnuz.css
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

improvement: use $lineheight as much as possible

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/scss/components/_buttons.scss
View file

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

4
src/scss/components/_input.scss
View file

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

2
src/scss/components/_navbars.scss
View file

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

2
src/scss/components/_pagination.scss
View file

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

2
src/scss/components/_previews.scss
View file

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

4
src/scss/core/_typography.scss
View file

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

2
src/scss/custom/_blog.scss
View file

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

4
src/scss/custom/_footer.scss
View file

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

4
src/scss/custom/_header.scss
View file

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

2
src/scss/custom/_other.scss
View file

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

4
src/scss/custom/_personnage.scss
View file

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

2
src/scss/custom/_previews.scss
View file

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