1@use "sass:map";
2
3@function content-width() {
4 @return 51.25rem; // 820px at the 16px baseline; grows with the root font-size
5}
6
7$padding-inline: 1rem;
8$header-height: 3rem;
9
10// Font stacks
11$font-mono: "JetBrains Mono", "Fira Code", "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;
12
13$breakpoints: (
14 xs: 34rem, // 544px
15 sm: 36rem, // 576px
16 md: 48rem, // 768px
17 lg: 64rem, // 1024px
18 xl: 80rem // 1280px
19);
20
21@function mq($from) {
22 @return map.get($breakpoints, $from);
23}