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 { & > div > span {
min-width: 130px + 16px + 64px; min-width: 130px + 16px + 64px;
max-width: 400px; max-width: 380px;
height: 100px; height: 100px;
} }
@ -41,4 +41,20 @@
float: right; float: right;
margin-left: 16px; 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; right: 32px;
top: 80px; top: 80px;
width: 130px; width: 130px;
text-align: right; text-align: left;
.carbon-img { .carbon-img {
margin-bottom: 16px; 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) { @media (max-width: 960px) {
& { & {
margin: 16px auto; margin: 16px auto;