ThirdMirrors
/
cheatsheets
mirror of https://gitee.com/Hawkin99/cheatsheets.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Responsive ads

This commit is contained in:
Rico Sta. Cruz 2017-08-25 14:36:56 +08:00
parent 0b5feb83a2
commit e2e8311776
No known key found for this signature in database
GPG Key ID: CAAD38AE2962619A
2 changed files with 33 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
_sass/2017/components/headline-ad.scss
View File

@ -73,7 +73,7 @@
.carbon-text:hover, .carbon-text:hover,
.carbon-poweredby:hover { .carbon-poweredby:hover {
color: $baseB3; color: $baseA;
} }
} }

38
_sass/2017/components/main-heading.scss
View File

@ -26,15 +26,41 @@
.main-heading.-with-ads { .main-heading.-with-ads {
& { & {
display: flex; display: flex;
align-items: flex-end; // bottom alighn
} }
& > h1 { @media (min-width: 541px) {
flex: 1 0 auto; & {
align-items: flex-end; // bottom alighn
}
& > h1 {
flex: 1 0 auto;
}
// Advertisement
& > .ad {
flex: 0 1 auto;
}
} }
// Advertisement @media (max-width: 540px) {
& > .ad { & {
flex: 0 1 auto; flex-direction: column;
flex-wrap: wrap;
}
& > h1,
& > .ad {
flex: 1 0 100%;
}
& > h1 {
order: 2;
}
& > .ad {
order: 1;
margin-left: auto;
}
} }
} }