From the course: SharePoint Framework for Developers: 1 Understanding the Toolchain
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Sass operations
From the course: SharePoint Framework for Developers: 1 Understanding the Toolchain
Sass operations
- [Instructor] SaaS also supports a number of operations. Let me explain what I mean by that. Let's revert our core back to when we had these two squares, a small blue square and a big red square. Let's come back to our styles.scss class and revert this to when we had the concept of the small blue square and the big red square. Now, what I would like to do is that I would like this small blue square and big red square to be proportional to each other. So what I'd like is that the small blue square should be exactly half the size of the big red square. Not only that, I would like the sizes to be controlled by a variable that I can change easily. So instead of hard coding a pixel width here, I would like to externalize it based on a variable. So let's clear a base size variable, base size let's say it's 400 px. So obviously I can pass in the base size right here cause it's a variable, that'll work. But what I would like is that the big red square should be twice the width of the small…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.