Convert SCSS (Sass) to CSS-in-JS

• Understanding how to express SCSS features using JavaScript.
• Converting SCSS to CSS-in-JS.
• Learning JavaScript functions as mixin directives for CSS-in-JS.
• Applying CSS-in-JS arguments in JavaScript mixin functions.
• Preventing CSS class name collisions with scoped class names in CSS-in-JS.

This course teaches you how to convert SCSS (Sass) to CSS-in-JS using JavaScript. You will learn to express SCSS features in JavaScript, apply JavaScript functions for styling, and prevent style conflicts by generating unique class names. No prior extensive JavaScript knowledge is required, but familiarity with SCSS is necessary.

• Ideal for designers and CSS developers looking to transition from SCSS to CSS-in-JS.
• Suitable for beginners with a basic understanding of SCSS.

• Basic understanding of SCSS is required.
• No prior JavaScript knowledge is necessary.

• Learn to convert SCSS styled buttons to CSS-in-JS using JavaScript templates and variables.
• Import JavaScript variables for styling.
• Render style partials from JavaScript modules.
• Use JavaScript functions as mixin directives.
• Apply multiple CSS-in-JS arguments in JavaScript mixin functions.
• Define and override default CSS-in-JS values.
• Prevent CSS class name collisions with scoped class names.
• Style HTML with JavaScript template strings and objects.