UI: Style Ads

This commit is contained in:
Diego Barreiro 2019-04-07 13:31:07 +02:00 committed by Neil Lalonde
parent c5272db7f3
commit 0980914d0c
1 changed files with 46 additions and 0 deletions

View File

@ -176,3 +176,49 @@ and (max-width : 775px) {
height: 1px;
width: 1px;
}
#carbonads {
display: block;
overflow: hidden;
padding: 1em;
border: 1px solid #ccc;
font-family: Verdana, "Helvetica Neue", Helvetica, sans-serif;
line-height: 1.5;
margin-bottom: 15px;
}
#carbonads span {
position: relative;
display: block;
overflow: hidden;
}
.carbon-img {
float: left;
margin-right: 1em;
}
.carbon-img img {
display: block;
line-height: 1;
}
.carbon-text {
display: block;
float: left;
max-width: calc(100% - 130px - 1em);
text-align: left;
color: dark-light-choose($primary-medium, $secondary-medium);
}
.carbon-poweredby {
position: absolute;
right: 0; // You can also set the position to the "left" with the value of calc(130px + carbon-texts font size). If the font-size is 12px, youll want to set the left value as 142px. Itll align the .carbon-text with .carbon-poweredby
bottom: 0;
display: block;
font-size: .8em;
text-transform: uppercase;
line-height: 1;
letter-spacing: 1px;
color: $quaternary !important;
}