items
This commit is contained in:
@@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user