diff --git a/challenges/04-maps/01/style.scss b/challenges/04-maps/01/style.scss new file mode 100644 index 0000000..ac84897 --- /dev/null +++ b/challenges/04-maps/01/style.scss @@ -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; + } +} diff --git a/challenges/05-partials/01/main.scss b/challenges/05-partials/01/main.scss index 26c3c6a..c17e6f3 100644 --- a/challenges/05-partials/01/main.scss +++ b/challenges/05-partials/01/main.scss @@ -2,6 +2,5 @@ @use "abstracts/font-sizes"; .card { - font-size: $fs-400; - color: $clr-primary; + } diff --git a/projects/02-tshirts/00-blank-starter/src/scss/style.scss b/projects/02-tshirts/00-blank-starter/src/sass/style.scss similarity index 100% rename from projects/02-tshirts/00-blank-starter/src/scss/style.scss rename to projects/02-tshirts/00-blank-starter/src/sass/style.scss diff --git a/projects/02-tshirts/01-the-html/src/scss/style.scss b/projects/02-tshirts/01-the-html/src/sass/style.scss similarity index 100% rename from projects/02-tshirts/01-the-html/src/scss/style.scss rename to projects/02-tshirts/01-the-html/src/sass/style.scss diff --git a/projects/02-tshirts/02-abstracts/src/scss/style.scss b/projects/02-tshirts/02-abstracts/src/sass/style.scss similarity index 100% rename from projects/02-tshirts/02-abstracts/src/scss/style.scss rename to projects/02-tshirts/02-abstracts/src/sass/style.scss diff --git a/projects/04-chef/assets/about.avif b/projects/04-chef/assets/about.avif new file mode 100644 index 0000000..26fc732 Binary files /dev/null and b/projects/04-chef/assets/about.avif differ diff --git a/projects/04-chef/assets/about.jpg b/projects/04-chef/assets/about.jpg new file mode 100644 index 0000000..d15bf2f Binary files /dev/null and b/projects/04-chef/assets/about.jpg differ diff --git a/projects/04-chef/assets/about.webp b/projects/04-chef/assets/about.webp new file mode 100644 index 0000000..0a6e1b4 Binary files /dev/null and b/projects/04-chef/assets/about.webp differ diff --git a/projects/04-chef/assets/hero-bg.avif b/projects/04-chef/assets/hero-bg.avif new file mode 100644 index 0000000..b104bcb Binary files /dev/null and b/projects/04-chef/assets/hero-bg.avif differ diff --git a/projects/04-chef/assets/hero-bg.jpg b/projects/04-chef/assets/hero-bg.jpg new file mode 100644 index 0000000..281025f Binary files /dev/null and b/projects/04-chef/assets/hero-bg.jpg differ diff --git a/projects/04-chef/assets/hero-bg.webp b/projects/04-chef/assets/hero-bg.webp new file mode 100644 index 0000000..a958795 Binary files /dev/null and b/projects/04-chef/assets/hero-bg.webp differ diff --git a/projects/04-chef/assets/meal-01.avif b/projects/04-chef/assets/meal-01.avif new file mode 100644 index 0000000..9a10c3b Binary files /dev/null and b/projects/04-chef/assets/meal-01.avif differ diff --git a/projects/04-chef/assets/meal-01.jpg b/projects/04-chef/assets/meal-01.jpg new file mode 100644 index 0000000..a801190 Binary files /dev/null and b/projects/04-chef/assets/meal-01.jpg differ diff --git a/projects/04-chef/assets/meal-01.webp b/projects/04-chef/assets/meal-01.webp new file mode 100644 index 0000000..7b631e1 Binary files /dev/null and b/projects/04-chef/assets/meal-01.webp differ diff --git a/projects/04-chef/assets/meal-02.avif b/projects/04-chef/assets/meal-02.avif new file mode 100644 index 0000000..27e6a00 Binary files /dev/null and b/projects/04-chef/assets/meal-02.avif differ diff --git a/projects/04-chef/assets/meal-02.jpg b/projects/04-chef/assets/meal-02.jpg new file mode 100644 index 0000000..6d57ac0 Binary files /dev/null and b/projects/04-chef/assets/meal-02.jpg differ diff --git a/projects/04-chef/assets/meal-02.webp b/projects/04-chef/assets/meal-02.webp new file mode 100644 index 0000000..017bbab Binary files /dev/null and b/projects/04-chef/assets/meal-02.webp differ diff --git a/projects/04-chef/assets/meal-03.avif b/projects/04-chef/assets/meal-03.avif new file mode 100644 index 0000000..e3039c3 Binary files /dev/null and b/projects/04-chef/assets/meal-03.avif differ diff --git a/projects/04-chef/assets/meal-03.jpg b/projects/04-chef/assets/meal-03.jpg new file mode 100644 index 0000000..8a4c0a5 Binary files /dev/null and b/projects/04-chef/assets/meal-03.jpg differ diff --git a/projects/04-chef/assets/meal-03.webp b/projects/04-chef/assets/meal-03.webp new file mode 100644 index 0000000..a9298ff Binary files /dev/null and b/projects/04-chef/assets/meal-03.webp differ diff --git a/projects/04-chef/assets/testimonial-01.avif b/projects/04-chef/assets/testimonial-01.avif new file mode 100644 index 0000000..8df5fc1 Binary files /dev/null and b/projects/04-chef/assets/testimonial-01.avif differ diff --git a/projects/04-chef/assets/testimonial-01.jpg b/projects/04-chef/assets/testimonial-01.jpg new file mode 100644 index 0000000..b8c2132 Binary files /dev/null and b/projects/04-chef/assets/testimonial-01.jpg differ diff --git a/projects/04-chef/assets/testimonial-01.webp b/projects/04-chef/assets/testimonial-01.webp new file mode 100644 index 0000000..03a4a4e Binary files /dev/null and b/projects/04-chef/assets/testimonial-01.webp differ diff --git a/projects/04-chef/assets/testimonial-02.avif b/projects/04-chef/assets/testimonial-02.avif new file mode 100644 index 0000000..de10061 Binary files /dev/null and b/projects/04-chef/assets/testimonial-02.avif differ diff --git a/projects/04-chef/assets/testimonial-02.jpg b/projects/04-chef/assets/testimonial-02.jpg new file mode 100644 index 0000000..4a50f88 Binary files /dev/null and b/projects/04-chef/assets/testimonial-02.jpg differ diff --git a/projects/04-chef/assets/testimonial-02.webp b/projects/04-chef/assets/testimonial-02.webp new file mode 100644 index 0000000..0bb7119 Binary files /dev/null and b/projects/04-chef/assets/testimonial-02.webp differ diff --git a/projects/04-chef/assets/testimonial-03.avif b/projects/04-chef/assets/testimonial-03.avif new file mode 100644 index 0000000..056ff27 Binary files /dev/null and b/projects/04-chef/assets/testimonial-03.avif differ diff --git a/projects/04-chef/assets/testimonial-03.jpg b/projects/04-chef/assets/testimonial-03.jpg new file mode 100644 index 0000000..c73e6b2 Binary files /dev/null and b/projects/04-chef/assets/testimonial-03.jpg differ diff --git a/projects/04-chef/assets/testimonial-03.webp b/projects/04-chef/assets/testimonial-03.webp new file mode 100644 index 0000000..7687854 Binary files /dev/null and b/projects/04-chef/assets/testimonial-03.webp differ diff --git a/projects/04-chef/design/BeyondCSS Personal Chef Services.fig b/projects/04-chef/design/BeyondCSS Personal Chef Services.fig new file mode 100644 index 0000000..6756def Binary files /dev/null and b/projects/04-chef/design/BeyondCSS Personal Chef Services.fig differ diff --git a/projects/04-chef/design/person-chef-services-design.jpg b/projects/04-chef/design/person-chef-services-design.jpg new file mode 100644 index 0000000..027c1a7 Binary files /dev/null and b/projects/04-chef/design/person-chef-services-design.jpg differ diff --git a/projects/04-chef/styleguide.md b/projects/04-chef/styleguide.md new file mode 100644 index 0000000..80e46e2 --- /dev/null +++ b/projects/04-chef/styleguide.md @@ -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 \ No newline at end of file