honeymoose/angular-cn
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(docs landing): make docs landing responsive

Browse Source
This commit is contained in:
Eric Jimenez 2016-05-09 14:19:18 -04:00 committed by Naomi Black
parent f30d71a3cc
commit c0f7818725
1 changed files with 19 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
public/resources/css/module/_docs-landing.scss
View File

@ -1,3 +1,9 @@
.card-row {
@media screen and (max-width: 1200px) {
flex-direction: column !important;
}
}
.docs-landing { .docs-landing {
.button { .button {
margin: 0; margin: 0;
@ -15,6 +21,19 @@
width: 100%; width: 100%;
height: 100%; height: 100%;
min-height: 250px; min-height: 250px;
width: 300px;
@media screen and (max-width: 1200px) {
width: 400px;
}
@media screen and (max-width: 600px) {
width: 300px;
}
@media screen and (max-width: 321px) {
width: 270px;
}
} }
md-card-content { md-card-content {