thalermo / sass_and_react

πŸ’… Implementing Sass in React environment. A presentation in the Wild Code School full stack bootcamp. Explain Sass and their features. Made in Juny 2022

Home Page:https://explainsass.netlify.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Sass loves React πŸ’…

Explain Sass in baby steps (1px step;)

check all the commits to get the steps & clone your checkpoint to get started

ENJOY πŸ™†β€β™€οΈ

Credits:

Video by EKATERINA BOLOVTSOVA: https://www.pexels.com/video/a-woman-dancing-7669220/

exercises

  1. apply the two fonts to the h1 and the p selector
  2. center the title & the sub title
  3. resize & place the logo in the top left of the page
  4. resize & place the video as a main section of the page
  5. add a gradients for the background using the color's function: "https://www.w3schools.com/sass/sass_functions_color.php"
  6. add 3 different buttons using the extend method
  7. the 3 buttons need to be with different background using sass color functions
  8. add mixin border to the video's frame

this tutorial doesn't cover loop, each if else, while etc. The main focus of this Repo is to show some functionalities in sass inside react environment

About

πŸ’… Implementing Sass in React environment. A presentation in the Wild Code School full stack bootcamp. Explain Sass and their features. Made in Juny 2022

https://explainsass.netlify.app


Languages

Language:SCSS 48.2%Language:CSS 23.4%Language:JavaScript 22.9%Language:HTML 5.4%