improvement: use $lineheight as much as possible
This commit is contained in:
parent
b71318010f
commit
b12f774ed2
12 changed files with 17 additions and 17 deletions
|
@ -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 {
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
nav.pagination {
|
||||
padding-bottom:1.5rem;
|
||||
padding-bottom:$lineheight;
|
||||
.nav-links {
|
||||
text-align: center;
|
||||
width:100%;
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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 {
|
||||
|
|
|
@ -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";
|
||||
|
|
|
@ -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();
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -3,7 +3,7 @@
|
|||
**/
|
||||
|
||||
.pigimg {
|
||||
padding-bottom:1.5rem;
|
||||
padding-bottom:$lineheight*2;
|
||||
}
|
||||
|
||||
.card-select {
|
||||
|
|
|
@ -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"
|
||||
|
|
|
@ -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";
|
||||
|
|
Loading…
Reference in a new issue