105 lines
No EOL
2.1 KiB
SCSS
105 lines
No EOL
2.1 KiB
SCSS
.card--article{
|
|
border: var(--border-light);
|
|
position: relative;
|
|
display: flex;
|
|
flex-direction: column;
|
|
|
|
|
|
@include figure-16-9-hover();
|
|
|
|
.content{
|
|
padding: var(--padding-inner);
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-grow: 2;
|
|
}
|
|
.pin{
|
|
position: absolute;
|
|
top: var(--padding-inner);
|
|
left: var(--padding-inner);
|
|
z-index: 10;
|
|
width: 24px;
|
|
height: 24px;
|
|
border-radius: var(--radius-small);
|
|
background-color: rgba(255, 255, 255, 0.27);
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
svg{
|
|
width: 16px;
|
|
fill: var(--color-txt);
|
|
}
|
|
}
|
|
|
|
.title{
|
|
margin-top: calc(var(--spacing)*0.5);
|
|
font-size: var(--fs-medium);
|
|
font-weight: normal;
|
|
text-transform: uppercase;
|
|
text-wrap: balance;
|
|
// flex-grow: 2;
|
|
|
|
a{ text-decoration: none;}
|
|
}
|
|
|
|
.description{
|
|
margin-top: calc(var(--spacing)*1);
|
|
font-size: var(--fs-small);
|
|
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 3;
|
|
-webkit-box-orient: vertical;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.dl{
|
|
margin-top: calc(var(--spacing)*0.5);
|
|
font-size: var(--fs-small);
|
|
.dl__group{
|
|
@include grid-content();
|
|
border-top: var(--border-light);
|
|
padding: calc(var(--spacing)*0.5) 0;
|
|
}
|
|
|
|
dt{
|
|
color: var(--color-txt-light);
|
|
padding-right: 1ch;
|
|
}
|
|
|
|
ul{
|
|
list-style: none;
|
|
li{ padding-bottom: 0.2em; }
|
|
}
|
|
|
|
.dl__group__keywords{
|
|
padding-bottom: 0;
|
|
}
|
|
}
|
|
|
|
|
|
.keywords-wrapper{
|
|
@include grid-content();
|
|
z-index: 3000;
|
|
margin-top: calc(var(--spacing)*-1);
|
|
margin-bottom: calc(var(--spacing)*0.5);
|
|
}
|
|
|
|
.keywords{
|
|
|
|
grid-column: 2;
|
|
}
|
|
|
|
|
|
&:hover{
|
|
border-color: var(--color-txt);
|
|
}
|
|
|
|
.link-block{
|
|
z-index: 2000;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
} |