e094dc17d6
* The `gender-and-channel` class isn't use since commite3063cd24f* The `first-comment` class added in commite5fb90f954was never used * The `additional-info` class added in commitd47ce39b37was never used * The `title-quote` class isn't use since commitf317514258* The `big-number` class added in commitaa1ed87725was never used * The `big-number-stat` class isn't used since commitcf32dcd6d5* The `budget-investment-amount` and `budget-investment-description` classes added in commit4ade8325d7were never used * The `debate-quiz` class isn't use since commitd679c1eb79* The `enquiries-list` class isn't use since commit6aa96c4471* The `investment-project-content` class isn't use since commitd0b8fef6b3* The `leave-comment` class isn't use since commitff6285d114* The `poll-question-show` class isn't use since commit8277e3cc2b* The `questions-callout` class isn't use since commitddf8d5f811* The `budget-investments-inner` class isn't used since commitc6a9ffc19* The `map-attributtion` class isn't use since commit5a09b79da4* The `postfix` class isn't use since commit3752f3a53b* The `translation-locale` added in commita6e8fecc16was never used * The `changes-link`, `comment-advice`, `show-comments` and `comment-votes-number` classes aren't use since commitd679c1eb79
118 lines
1.7 KiB
SCSS
118 lines
1.7 KiB
SCSS
// Table of Contents
|
|
//
|
|
// 01. Header
|
|
// 02. Navigation
|
|
// 03. Content
|
|
// 04. Sidebar
|
|
//
|
|
|
|
// 01. Header
|
|
// ----------------------
|
|
|
|
.jumbo {
|
|
background: $highlight;
|
|
margin-bottom: $line-height;
|
|
margin-top: rem-calc(-24);
|
|
padding-bottom: $line-height;
|
|
padding-top: $line-height;
|
|
|
|
@include breakpoint(medium) {
|
|
padding: rem-calc(24) 0;
|
|
}
|
|
|
|
&.light {
|
|
@include full-width-background;
|
|
background: #ecf0f1;
|
|
}
|
|
|
|
&.header-card {
|
|
@include full-width-background;
|
|
}
|
|
}
|
|
|
|
.lead {
|
|
font-size: rem-calc(24);
|
|
}
|
|
|
|
// 03. Navigation
|
|
// ----------------------
|
|
|
|
.menu-pages {
|
|
list-style-type: none;
|
|
margin: 0;
|
|
|
|
li {
|
|
display: block;
|
|
|
|
@include breakpoint(medium) {
|
|
display: inline-block;
|
|
margin-right: calc($line-height / 2);
|
|
}
|
|
}
|
|
}
|
|
|
|
// 03. Content
|
|
// ----------------------
|
|
|
|
.more-info-content {
|
|
|
|
h3 {
|
|
@include brand-color;
|
|
}
|
|
|
|
a:not(.button) {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
figure {
|
|
margin: 0;
|
|
text-align: center;
|
|
|
|
figcaption {
|
|
font-size: $small-font-size;
|
|
font-style: italic;
|
|
}
|
|
}
|
|
|
|
.features {
|
|
list-style-type: circle;
|
|
margin-left: $line-height;
|
|
|
|
@include breakpoint(medium) {
|
|
margin: $line-height 0 $line-height $line-height * 2.5;
|
|
}
|
|
|
|
li {
|
|
margin-bottom: $line-height;
|
|
}
|
|
}
|
|
|
|
.section-content {
|
|
border-top: 1px solid $medium-gray;
|
|
padding-bottom: $line-height * 2;
|
|
padding-top: $line-height * 2;
|
|
|
|
&:first-child {
|
|
border-top: 0;
|
|
padding-top: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
// 04. Sidebar
|
|
// ----------------------
|
|
|
|
.more-info-sidebar {
|
|
|
|
.sidebar-card {
|
|
border: 1px solid $border;
|
|
margin-bottom: $line-height;
|
|
padding: calc($line-height / 2);
|
|
|
|
&.light {
|
|
background: #ecf0f1;
|
|
border: 0;
|
|
}
|
|
}
|
|
}
|