This commit is contained in:
2019-02-19 23:57:38 +01:00
parent 7c5caf97d2
commit 1891fe0340
14 changed files with 244 additions and 208 deletions
@@ -1,48 +1,9 @@
.card{
width: calc(100% / 3);
padding: 0 10px;
.card-header{
display: inline-flex;
& > div{
margin-right: 5px;
& > a{
vertical-align: baseline;
}
& > time{
vertical-align: baseline;
}
}
}
}
#items{
.full-works{
width: 100%;
}
.card{
margin-bottom: 20px;
margin-bottom: 10px;
min-width: 200px;
}
}
#body-wrapper.blog-listing{
border-top: 1px solid black;
padding-top: 20px;
#items{
.content-title{
display: inline-flex;
align-items: baseline;
}
.e-content{
width: calc(33% * 2);
column-count: 2;
margin: 20px 0;
& > p{
}
}
.top{
text-align: center;
margin-bottom: 20px;
}
}
}
@@ -13,15 +13,8 @@ body{
&.works-mea{
display: inline-flex;
flex-wrap: wrap;
// margin-bottom: 70px;
align-items: flex-end;
height: 100%;
.card{
line-height: 0.8!important;
.card-header{
margin-top: 10px;
}
}
}
}
h1{
@@ -3,24 +3,6 @@ h1, h2{
font-weight: normal;
}
body{
&>.blog{
h1{
font-size: $fh1;
-webkit-text-stroke:.1rem #111;
color: transparent;
line-height: 7rem;
}
}
}
body{
&>.item{
h1{
font-size: $fh2;
}
}
}
h2{
font-size: $fh2;
@@ -49,7 +31,6 @@ time{
font-weight: normal;
}
header{
.contact{
h3{
@@ -60,31 +41,6 @@ header{
}
}
}
.card{
h5{
text-transform: uppercase;
}
.card-category{
font-family: $italic;
font-weight: normal;
font-size: $fs;
}
.card-date{
font-size: $fs;
}
.card-footer{
span{
font-family: $medium;
font-weight: normal;
font-size: $fs;
text-transform: capitalize;
a{
color: $grey;
}
}
}
}
.scroll{
p{
@@ -103,30 +59,78 @@ header{
}
}
#items{
.content-item{
.content-title{
h2{
font-size: $fh2-i;
}
& > a{
font-family: $italic;
}
body{
&>.blog{
h1{
font-size: $fh1;
-webkit-text-stroke:.1rem #111;
color: transparent;
line-height: 7rem;
}
}
.top{
p{
font-family: $bold;
.card{
h5{
text-transform: uppercase;
}
.card-category{
font-family: $italic;
font-weight: normal;
font-size: $fs;
}
.card-date{
font-size: $fs;
}
.card-footer{
span{
font-family: $medium;
font-weight: normal;
font-size: $fs;
text-transform: capitalize;
a{
color: $grey;
}
}
}
}
}
}
body{
& > .item{
& >.item{
h1{
font-size: $fh2;
}
h2{
font-size: $fh2-i;
}
.content-item{
.content-title{
& > a{
font-family: $italic;
}
}
}
.category{
font-family: $italic;
font-weight: normal;
font-size: $fs-i;
}
time{
font-size: $fs;
font-size: $fs-i;
}
.tags{
font-family: $medium;
font-weight: normal;
font-size: $fs-i;
text-transform: capitalize;
a{
color: $grey;
}
}
.top{
p{
font-family: $bold;
}
}
}
}
@@ -14,6 +14,7 @@ $fh3: 1rem;
$fh5:0.8rem;
$fp: 1rem;
$fs:0.8rem;
$fs-i: 1.3rem;
// interline
//interlettre
@@ -30,3 +30,22 @@ header{
margin-left: 10px;
}
}
.card{
width: calc(100% / 3);
padding: 0 10px;
line-height: 0.8!important;
.card-header{
margin-top: 10px;
display: inline-flex;
& > div{
margin-right: 5px;
& > a{
vertical-align: baseline;
}
& > time{
vertical-align: baseline;
}
}
}
}
@@ -0,0 +1,41 @@
body{
& >.item{
#body-wrapper.blog-listing{
border-top: 1px solid black;
padding-top: 20px;
.header-item{
position: relative;
.title{
display: inline-flex;
align-items: baseline;
h2{
margin-right: 5px;
}
time{
margin-right: 5px;
}
span{
margin-right: 5px;
}
}
.content{
width: calc((100% / 3) * 2);
.txt{
column-count: 2;
margin: 20px 0;
}
}
.prev-next{
position: absolute;
width: calc(100% / 3);
top: 0;
right: 0;
}
.top{
text-align: center;
margin-bottom: 20px;
}
}
}
}
}