64 lines
1.0 KiB
SCSS
64 lines
1.0 KiB
SCSS
/*
|
|
* Carbon ads
|
|
*
|
|
* .headline-ad
|
|
* #carbonads
|
|
* span
|
|
* span.carbon-wrap
|
|
* a.carbon-img > img
|
|
* a.carbon-text {description}
|
|
* a.carbon-poweredby {powered by Carbon}
|
|
*/
|
|
|
|
.HeadlineAd {
|
|
@include font-size(-1);
|
|
@include carbon-style;
|
|
|
|
& {
|
|
display: inline-block;
|
|
}
|
|
|
|
&,
|
|
& > div > span {
|
|
min-width: 130px + 16px + 64px;
|
|
max-width: 380px;
|
|
height: 100px;
|
|
}
|
|
|
|
& > div > span {
|
|
display: inline-block;
|
|
text-align: right;
|
|
}
|
|
|
|
// Clearfix
|
|
& > div > span::after {
|
|
content: '';
|
|
display: table;
|
|
clear: both;
|
|
zoom: 1;
|
|
}
|
|
|
|
.carbon-img {
|
|
float: right;
|
|
margin-left: 16px;
|
|
}
|
|
|
|
.carbon-text:first-line {
|
|
@include font-size(1);
|
|
color: $base-head;
|
|
font-weight: 300;
|
|
margin-bottom: -0.02em;
|
|
}
|
|
|
|
@media (min-width: 481px) {
|
|
.carbon-poweredby::before {
|
|
display: block;
|
|
content: '';
|
|
width: 32px;
|
|
height: 1px;
|
|
background: $dark-line-color;
|
|
margin: 8px (130px + 16px) 8px auto;
|
|
}
|
|
}
|
|
}
|