hypnagaga/src/scss/components/_graphic.scss
2022-08-11 22:39:26 +01:00

41 lines
738 B
SCSS

@import "~@reuters-graphics/style-color/scss/sequential/sesame";
$well-regular: 660px !default;
$well-wide: 930px !default;
$well-wider: 1200px !default;
$graphic-narrower: 330px !default;
$graphic-narrow: 510px !default;
$grid-gutter-width: 30px; // The bootstrap default variable
$component-margin: 3rem !default;
section.graphic {
margin-top: $component-margin;
margin-bottom: $component-margin;
@extend .font-sans;
&.bordered {
@extend .separated;
}
h3 {
margin-bottom: 0.5rem;
}
p {
@extend .font-sans;
@extend .paragraph-size;
}
// Use for footnotes and source lines
aside {
p {
@extend .small-size;
margin-bottom: 5px;
color: $brand-text-secondary;
}
}
}