54 lines
860 B
SCSS
54 lines
860 B
SCSS
/*
|
|
* Base carbon ads style
|
|
*/
|
|
|
|
@mixin carbon-style {
|
|
.carbon-img,
|
|
.carbon-text,
|
|
.carbon-poweredby {
|
|
text-decoration: none;
|
|
}
|
|
|
|
// Increase hit area
|
|
.carbon-text,
|
|
.carbon-poweredby {
|
|
padding-top: 4px;
|
|
padding-bottom: 4px;
|
|
}
|
|
|
|
.carbon-img > img {
|
|
width: 83px; // 13:10 ratio
|
|
height: 64px;
|
|
box-shadow: $shadow3;
|
|
border-radius: 3px;
|
|
background: rgba($gray-text, 0.2);
|
|
color: transparent;
|
|
}
|
|
|
|
.carbon-img:hover img {
|
|
transform: translate3d(0, -1px, 0);
|
|
box-shadow: $shadow6;
|
|
}
|
|
|
|
.carbon-text,
|
|
.carbon-text:visited {
|
|
color: $base-text;
|
|
}
|
|
|
|
// Allow line breaks
|
|
.carbon-text::after {
|
|
content: ' ';
|
|
}
|
|
|
|
.carbon-text:hover,
|
|
.carbon-poweredby:hover {
|
|
color: $base-b;
|
|
}
|
|
|
|
.carbon-poweredby,
|
|
.carbon-poweredby:visited {
|
|
white-space: nowrap;
|
|
color: $gray-text;
|
|
}
|
|
}
|