99 lines
1.4 KiB
SCSS
99 lines
1.4 KiB
SCSS
@use 'config';
|
|
@use 'functions';
|
|
@use 'sass:map';
|
|
@use 'sass:list';
|
|
@use 'theme';
|
|
@use 'typography';
|
|
|
|
// Utils
|
|
@use 'utilities/inner-wrapper';
|
|
@use 'utilities/visually-hidden';
|
|
@use 'utilities/wrapper';
|
|
|
|
// Components
|
|
@use 'components/button';
|
|
@use 'components/faq';
|
|
@use 'components/form';
|
|
@use 'components/heading-permalink';
|
|
@use 'components/intro';
|
|
@use 'components/nav';
|
|
@use 'components/posts';
|
|
@use 'components/post';
|
|
@use 'components/meeting';
|
|
@use 'components/member';
|
|
@use 'components/member-list';
|
|
@use 'components/modal';
|
|
@use 'components/posts-list';
|
|
@use 'components/presentation';
|
|
@use 'components/site-head';
|
|
@use 'components/site-foot';
|
|
@use 'components/partner';
|
|
@use 'components/skip-link';
|
|
@use 'components/video-player';
|
|
@use 'components/search-bar';
|
|
@use 'components/tags';
|
|
@use 'utilities/responsive';
|
|
|
|
/**
|
|
* GLOBAL STYLES
|
|
*/
|
|
html,
|
|
body {
|
|
height: 100%;
|
|
}
|
|
|
|
body {
|
|
scroll-behavior: smooth;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
main {
|
|
flex: 1 0 auto;
|
|
|
|
&:focus {
|
|
outline: none;
|
|
}
|
|
}
|
|
|
|
hr {
|
|
display: block;
|
|
height: 1px;
|
|
max-width: 500px;
|
|
background: var(--color-stroke);
|
|
border: 0;
|
|
margin: functions.get-size(900) auto;
|
|
}
|
|
|
|
// For when metric attributes are added to img elements
|
|
img {
|
|
height: auto;
|
|
}
|
|
|
|
:focus {
|
|
outline: 1px solid var(--color-dark);
|
|
outline-offset: .25rem;
|
|
}
|
|
|
|
body,
|
|
dd,
|
|
dl,
|
|
dt,
|
|
figcaption,
|
|
figure,
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
li,
|
|
ol,
|
|
p,
|
|
ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
ol[class],
|
|
ul[class] {
|
|
list-style: none;
|
|
}
|