This commit is contained in:
Kevin Powell 2022-07-18 10:30:01 -04:00
parent 95b7fcdef2
commit 3fd69fec43
32 changed files with 68 additions and 2 deletions

View File

@ -0,0 +1,37 @@
@use "sass:map";
$breakpoints: (
small: 30em,
medium: 45em,
large: 65em,
xl: 80em,
);
@mixin mq($size) {
$breakpoint: map.get($breakpoints, $size);
@media screen and (min-width: $breakpoint) {
@content;
}
}
body {
// all of these should work
@include mq(medium) {
background: pink;
}
@include mq(500px) {
background: lightblue;
}
@include mq(100em) {
background: #efefef;
}
// these should fail, with an error telling me why
@include mq(reallysmall) {
background: yellow;
}
@include mq(5000) {
background: purple;
}
}

View File

@ -2,6 +2,5 @@
@use "abstracts/font-sizes"; @use "abstracts/font-sizes";
.card { .card {
font-size: $fs-400;
color: $clr-primary;
} }

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 232 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 35 KiB

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 410 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.9 KiB

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 217 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 25 KiB

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 238 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 32 KiB

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 169 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 104 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 104 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 87 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.9 MiB

View File

@ -0,0 +1,30 @@
# Personal Chef Services - Style guide
## Typography
### Fonts
- Abril Fatface
- Lato
### Font sizes
- 80px
- 60px
- 27px
- 21px
- 18px
## Colors
### Primary
- 400: #FF6635
- 500: #DD4E11
### Neutral
- 900: #212121
- 400: #5C5C5C
- 200: #F8F8F8
- 100: #FFFFFF