Welcome Guest! (App Version 5.16)

websitnero logo name

Sass Imports

@import in Sass

@import is used in Sass to import other files. For example, the partials that we made in the last chapter will be included in the main.scss file. Here comes the use of the @import tool. We use this keyword to import the partials and other style files into our main sass file.

_reset.scss
_variables.scss
_mixins.scss
_functions.scss
main.scss

main.scss

@import "reset";
@import "variables";
@import "mixins";
@import "functions";

//After this other sass code can be added

Note: Kindly take a note that when adding partials we do not need to mention underscore ( _ ) or the extension of .sass. If file name is _abc.sass we just need to write @import "abc";. That's all!

WebsiteNero is highly optimized for learning various website developing technlogies. We try our best to add maximum modules and examples to help learn the concepts clearly and vividly. We try to present all content and examples as simple as we can removing any complexity to hurdle easy understanding. We try best provide you with worthful content, but we cannot guarantee full correctness of all the content on this site. While using this website, you agree to have read and accepted all our terms of use and conditions, cookie, and privacy policy. Copyright, 2013-2018 by websitenero.com. All Rights Reserved.