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

59 lines
843 B
SCSS
Raw Normal View History

2018-09-24 23:14:50 +02:00
.link-grid {
align-content: center;
display: flex;
flex-flow: row wrap;
list-style-type: none;
}
2018-09-24 23:14:50 +02:00
.link-grid__link {
2018-10-06 00:46:08 +02:00
flex-grow: 1;
margin-bottom: 2rem;
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 {
margin-bottom: 0.5rem;
2019-02-15 23:45:25 +01:00
@media (min-width: 501px) {
font-size: 2rem;
}
@media (max-width: 500px) {
font-size: 1.5rem;
}
}
2018-09-24 23:14:50 +02:00
.link-grid__description {
2018-10-06 00:46:08 +02:00
width: 80%;
left: 10%;
2018-10-06 00:46:08 +02:00
font-size: 1rem;
margin-bottom: 1rem;
position: relative;
}
2018-09-24 23:14:50 +02:00
.link-grid__cta {
@extend .__button-black;
display: inline-block;
font-size: 1rem;
position: relative;
}