mirror of
https://github.com/ipdb/website.git
synced 2025-02-14 21:10:26 +01:00
nicer interaction for blog article
This commit is contained in:
parent
d52da50e03
commit
732db7004a
@ -179,6 +179,7 @@
|
|||||||
|
|
||||||
.article {
|
.article {
|
||||||
margin-bottom: 6%;
|
margin-bottom: 6%;
|
||||||
|
transition: .15s ease-out;
|
||||||
|
|
||||||
@media ($screen-md) {
|
@media ($screen-md) {
|
||||||
flex: 0 0 47%;
|
flex: 0 0 47%;
|
||||||
@ -186,6 +187,8 @@
|
|||||||
|
|
||||||
&:hover,
|
&:hover,
|
||||||
&:focus {
|
&:focus {
|
||||||
|
transform: translateY(-1px);
|
||||||
|
|
||||||
.article__title {
|
.article__title {
|
||||||
color: $link-color;
|
color: $link-color;
|
||||||
}
|
}
|
||||||
@ -194,6 +197,11 @@
|
|||||||
background-color: $link-color;
|
background-color: $link-color;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&:active {
|
||||||
|
transition: none;
|
||||||
|
transform: translateY(0);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.article__image {
|
.article__image {
|
||||||
@ -208,7 +216,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.article__title {
|
.article__title {
|
||||||
font-size: $font-size-small;
|
font-size: $font-size-base;
|
||||||
color: $text-color;
|
color: $text-color;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
align-self: flex-end;
|
align-self: flex-end;
|
||||||
|
Loading…
x
Reference in New Issue
Block a user