ArticleTemplates/assets/scss/tones/_tone--deadblog.scss (77 lines of code) (raw):
.tone--deadBlog {
a.touchpoint:active {
color: color(tone-deadblog);
}
#comments .touchpoint--primary {
.touchpoint__button {
background-color: color(tone-deadblog);
}
&:active .touchpoint__button {
background-color: color(tone-deadblog);
}
}
// Template specific styles
.article--liveblog {
border-top-color: color(tone-deadblog);
.prose table,
.table {
border-top-color: color(tone-deadblog);
}
}
.article__header {
background-color: color(brightness-100);
@include mq($from: col4) {
background-color: color(brightness-96);
.section,
.headline,
.standfirst__inner,
.main-media {
background-color: color(brightness-100);
}
}
.byline__author {
color: color(brightness-7);
}
a {
&:active {
opacity: rgba(color(tone-deadblog), .8);
}
}
.headline {
color: color(brightness-7);
}
.content__series-label,
.content__series-label a {
color: color(brightness-46);
}
.section {
@include headline(.5);
color: color(tone-deadblog); // Default
font-family: $egyptian-display;
font-weight: 600;
&::before {
margin-right: base-px(.66666);
line-height: 92%; // Offset for different font
vertical-align: bottom;
}
}
.section__live {
display: block;
}
.standfirst {
color: color(brightness-46);
a {
color: color(tone-deadblog);
}
}
.sponsorship {
background-color: color(brightness-100);
&__about-uri {
color: color(global-sponsored-about);
}
}
}
.tags {
background-color: color(brightness-96);
padding-left: 0;
}
}