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

fix(banner): tweak padding for mobile view

Browse Source
This commit is contained in:
Peter Bacon Darwin 2015-06-29 22:26:16 +01:00
parent afaea60a25
commit 67851e3513
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -12,20 +12,20 @@
@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; padding: ($unit * 2) 0;
} }
&.is-centered { &.is-centered {
text-align: center; text-align: center;
padding-left: ($unit*4);
} }
.button { .button.button-large {
@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) {
display: block; display: block;
} }
padding: 0;
} }
.ng-conf-logo { .ng-conf-logo {