lbry.tech/app/sass/partials/_link-grid.scss

54 lines
802 B
SCSS
Raw Normal View History

2018-09-24 23:14:50 +02:00
.link-grid {
align-content: center;
border-bottom: 1px solid rgba($black, 0.05);
display: flex;
flex-flow: row wrap;
list-style-type: none;
padding-top: 2rem;
padding-bottom: 2rem;
}
2018-09-24 23:14:50 +02:00
.link-grid__link {
position: relative;
text-align: center;
vertical-align: top;
@media (min-width: 651px) {
width: 50%;
}
@media (max-width: 650px) {
width: 100%;
&:first-of-type {
padding-bottom: 1rem;
}
&:last-of-type {
padding-top: 1rem;
}
}
}
2018-09-24 23:14:50 +02:00
.link-grid__title {
font-size: 2rem;
margin-bottom: 0.5rem;
}
2018-09-24 23:14:50 +02:00
.link-grid__description {
font-size: 1rem;
left: 10%;
margin-bottom: 1rem;
position: relative;
width: 80%;
}
2018-09-24 23:14:50 +02:00
.link-grid__cta {
@extend .__button-black;
display: inline-block;
font-size: 1rem;
position: relative;
}