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

docs(landing): media query for mobile to fix formatting with flex style

This commit is contained in:
Nathan Walker 2016-01-14 17:12:17 -08:00 committed by Naomi Black
parent e20f191429
commit 6be9523c2a
2 changed files with 16 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
public/resources/css/base/_type.scss
View File

@ -208,3 +208,18 @@ table td {
margin-right: 0; margin-right: 0;
} }
} }
@media handheld and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 600px) {
.docs-content .card-row {
&[layout="row"] {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
& > div {
& > .card {
margin-left: 0;
margin-right: 0;
}
}
}
}
}

2
public/resources/css/module/_banner.scss
View File

@ -12,7 +12,7 @@
@media handheld and (max-width: $phone-breakpoint), @media handheld and (max-width: $phone-breakpoint),
screen and (max-device-width: $phone-breakpoint), screen and (max-device-width: $phone-breakpoint),
screen and (max-width: $tablet-breakpoint) { screen and (max-width: $tablet-breakpoint) {
padding: ($unit * 2) 0; padding: ($unit * 2);
} }
&.is-centered { &.is-centered {