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

Make ads look less weird

This commit is contained in:
Rico Sta. Cruz 2017-08-30 21:05:24 +08:00
parent 44098e15b7
commit 569ee8ca78
No known key found for this signature in database
GPG Key ID: CAAD38AE2962619A
2 changed files with 32 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -21,7 +21,7 @@
&,
& > div > span {
min-width: 130px + 16px + 64px;
max-width: 400px;
max-width: 380px;
height: 100px;
}
@ -41,4 +41,20 @@
float: right;
margin-left: 16px;
}
.carbon-text:first-line {
@include font-size(1);
color: $base-head;
font-weight: 300;
margin-bottom: -0.02em;
}
.carbon-poweredby::before {
display: block;
content: '';
width: 32px;
height: 1px;
background: $dark-line-color;
margin: 8px (130px + 16px) 8px auto;
}
}

16
_sass/2017/components/side-ad.scss
View File

@ -7,13 +7,27 @@
right: 32px;
top: 80px;
width: 130px;
text-align: right;
text-align: left;
.carbon-img {
margin-bottom: 16px;
}
}
.carbon-text:first-line {
color: $base-head;
font-weight: bold;
}
.carbon-poweredby::before {
display: block;
content: '';
width: 32px;
height: 1px;
background: $dark-line-color;
margin: 12px 0;
}
@media (max-width: 960px) {
& {
margin: 16px auto;