SiteWebAstrolabe/src/scss/global.scss

84 lines
1.4 KiB
SCSS
Raw Normal View History

2020-06-19 23:47:44 +02:00
@import 'config';
// Pull in the stalfos lib
@import '../../node_modules/stalfos/stalfos';
@import 'theme';
// Local dependencies
@import 'typography';
/**
* 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: 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;
2020-06-19 23:47:44 +02:00
}
/**
* PROJECT IMPORTS
*/
// Utils
@import 'utilities/inner-wrapper';
@import 'utilities/visually-hidden';
@import 'utilities/wrapper';
// Components
@import 'components/button';
2022-04-26 20:01:00 +02:00
@import 'components/faq';
2020-06-19 23:47:44 +02:00
@import 'components/form';
@import 'components/heading-permalink';
@import 'components/intro';
@import 'components/nav';
2020-07-15 23:05:36 +02:00
@import 'components/posts';
2020-06-19 23:47:44 +02:00
@import 'components/post';
@import 'components/meeting';
2020-07-07 00:09:37 +02:00
@import 'components/member';
@import 'components/member-list';
@import 'components/modal';
2020-07-15 23:05:36 +02:00
@import 'components/posts-list';
2020-06-19 23:47:44 +02:00
@import 'components/presentation';
@import 'components/site-head';
@import 'components/site-foot';
2020-07-17 23:58:03 +02:00
@import 'components/partner';
2020-06-19 23:47:44 +02:00
@import 'components/skip-link';
@import 'components/video-player';
2021-12-01 15:54:48 +01:00
@import 'components/search-bar';
2021-11-09 19:24:23 +01:00
@import 'components/tags';
@import 'utilities/responsive';