lbry.tech/app/sass/partials/_link-grid.scss
ポール ウェッブ fa2b455037 Lots of fixes
2019-02-19 16:42:55 -06:00

58 lines
843 B
SCSS

.link-grid {
align-content: center;
display: flex;
flex-flow: row wrap;
list-style-type: none;
}
.link-grid__link {
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;
}
}
}
.link-grid__title {
margin-bottom: 0.5rem;
@media (min-width: 501px) {
font-size: 2rem;
}
@media (max-width: 500px) {
font-size: 1.5rem;
}
}
.link-grid__description {
width: 80%;
left: 10%;
font-size: 1rem;
margin-bottom: 1rem;
position: relative;
}
.link-grid__cta {
@extend .__button-black;
display: inline-block;
font-size: 1rem;
position: relative;
}