SASS Tutorial (build your own CSS library) #14 - Making Utility Classes

Показать описание

🐱‍👤 Get the full SASS course now on Net Ninja Pro:

🐱‍👤 Get access to all other premium courses on Net Ninja Pro:

🐱‍💻 Access the course files on GitHub:

🐱‍💻 HTML & CSS Crash Course:

🐱‍💻 Modern JavaScript Course:

🐱‍💻 CSS Flexbox Course (on YouTube):

-------------- Net Ninja Links:

🐱‍💻 My Social Links:

🐱‍👤 Get access premium courses on Net Ninja Pro:

Рекомендации по теме

Комментарии

I see, a bit like our own custom bootstrap

Dexterx

Hey, The Net Ninja.
🤩Great explanations you make it look simple, so great content, as always!!!
I just 💜loved it.
Thanks for sharing it!🙏

DevMadeEasy

Hey Shaun nice lesson, I'd like to ask a question, when you start a project do you need to define the base padding and base margin for your website? And if I have a figma design how do I figure out the base margin and padding of a given page?

HoangNguyen-zvxb

We're basically creating the Bootstrap again. 😂

alisanguler

As a complete beginner this was too hard to comprehend

Vicz-

A great tutorial, thank you for that. I have already created a few classes with it. But what I'm still missing... In Bootstrap e.g. Is there the possibility to write classes for each breakpoint with responsive: true, e.g. gap-xl-3 or gap-sm-1, where the xl- is inserted due to the true from. The same applies to State such as: hover.hover. Do you have a tutorial for this, or is there a code snippet that I could take a look at?

retoulrich

Thank you very much for this tutorial. Very comprehensive! It answered many questions I had about Sass. Are you able to help me add the breakpoints to the utilities so I can add e.g mr-lg-5? I have tried to accomplish this on my own but to no avail.

pettigrews

Great video, love the content you provide.
With this system, is it possible to do as a bootstrap, ie my (margin-top and margin-bottom at the same time), mx (margin left and margin-right at the same time)?

Renodarkholes

I 🧘‍♂️ but I understood you thank you 😊

abderrahimtamda

SASS Tutorial (build your own CSS library) #14 - Making Utility Classes

SASS Tutorial (build your own CSS library) #1 - Introduction

SASS Tutorial (build your own CSS library) #13 - Functions

SASS Tutorial (build your own CSS library) #7 - Using Math

SASS Tutorial (build your own CSS library) #6 - Nested Rules

SASS Tutorial (build your own CSS library) #14 - Making Utility Classes

SASS Tutorial (build your own CSS library) #5 - Project Structure

SASS Tutorial (build your own CSS library) #2 - Compiling SASS

Sass in 100 Seconds

SASS Tutorial (build your own CSS library) #20 - Purging CSS

SASS Tutorial (build your own CSS library) #17 - Making a Grid System (part 2)

SASS Tutorial (build your own CSS library) #16 - Making a Grid System (part 1)

SASS Tutorial (build your own CSS library) #11 - Parent Selectors

SASS Tutorial (build your own CSS library) #10 - Conditionals (@if)

SASS Tutorial (build your own CSS library) #4 - Partials & @import

SASS Tutorial (build your own CSS library) #3 - Variables

SASS Tutorial (build your own CSS library) #15 - Media Queries

Sass Tutorials #11 - Build Your Own Function

SASS Tutorial (build your own CSS library) #12 - Mixins

SASS Tutorial (build your own CSS library) #9 - Loops

SASS Tutorial (build your own CSS library) #21 - Customizing the Library

SASS Tutorial (build your own CSS library) #8 - Maps

Sass Tutorials #13 - Build Your Own Function Part 3 - Total Automation with Lists

SASS Tutorial (build your own CSS library) #18 - Using @extend

Sass Tutorials #12 - Build Your Own Function Part 2 - If Else