SASS Tutorial #6 - Importing Files

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

Hey gang, in this SASS tutorial, I'll be showing you how we can split our SCSS file into modules (or other .scss files) and then import them into our main file. This way, we can keep all of our SASS for certain things together.

----- COURSE LINKS:

---------------------------------------------------------------------------------------------
You can find more front-end development tutorials on CSS, HTML, JavaScript, jQuery, WordPress & more on the channel homepage...

========== JavaScript for Beginners Playlist ==========

============ CSS for Beginners Playlist =============

============== The Net Ninja =====================

================== Social Links ==================

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

Комментарии

I've bought a few books, and attended quite a few lectures when I got a Web Design certificate, and I've got to say that your lectures are of equal or of even greater quality.

I'm currently in the process of taking my web design skills from a hobby to a profession. And I really have to thank you for the effort you're putting into these tutorials, and for sharing your skills and knowledge in general.

Thank you!!!

etymol

If you don't prefix your sass/scss files with an underscore (i.e. _mixins.scss, _reset.scss, etc..), then you will end up with multiple css files when compiled.

brandonharris

Straight to the point and easy to follow. Thanks for doing this series.

ChrisSmith-rrng

If you don't want to compile a certain file just and an underscore to the name (eg: _variables.scss, _mixins.scss, etc.)

adriandinca

Visual Studio Code has an extension for SCSS that compiles it on save without any additional software.

skrumb

I know that you don't need to add "_" in the file name, when you are importing, but don't they need to be named in the folders "_variables.scss", "_mixins.scss" etc. because they are partials ?

VKestas

Something I've seen is that you have to put your mixins before where they are displayed

MalikKlinker

So sensei, since we compiling to one file, wont css load the whole file first before rendering our webpage? and if it does that wont it affect performance if the website is big. In such a case, won't it be better to compile to multiple files?

djsamke

dont u need to add _file.scss to create this as this is a partial. ?

Alphadec

Hey, what auto completion extension are you using?

xXxArgMaggotxXx

Why not call them partials? Although modules is more common sense.

ACTISAMAL

SASS Tutorial #6 - Importing Files

SASS Tutorial #6 - Importing Files

Sass Tutorial 6 - Import keyword and partial files in sass

SCSS und SASS Tutorial #6 - Partials und Imports

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

SASS Tutorial | #4 SASS Partials & Imports | Bite-Sized Series

Stop using @import with Sass | @use and @forward explained

@import in Sass/SCSS FAST TUTORIAL

#6 import directive in sass {scsss}

SASS Tutorial #7- Importing Files SASS (Learn Sass)🔥🔥

Learn SASS - @import and partials

Partials & Imports | Sass & Scss | Tutorial 8

Sass Tutorials #7 - @Import & Parent Reference

Partials & Imports | Starting with Sass

Sass Module System Update 2020 | SCSS import Deprecation

SASS Tutorial #6- @Content Directive SASS (Learn Sass)🔥🔥

SASS Import

SASS | @import overview

@imports and @extends: SASS Tutorials #8

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

SASS/SCSS Basics in 6 Minutes | SASS/SCSS Tutorial | Code CSS Faster

Learn Sass | Episode 7 | Import

[#8] Partials, Variables & Imports (Learn Sass)

SASS: Imports | SCSS tutorial

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