How to properly include css in sass?

Question

css

Good afternoon! How to correctly include css in sass

@import "../libs/bootstrap/scss/bootstrap-reboot.scss"
@import "../libs/bootstrap/scss/bootstrap-grid.scss"
@import "../libs/bootstrap/scss/utilities/_sizing.scss"
@import "../libs/jQuery.mmenu-master/jquery.mmenu.all" - это css
@import "../libs/fontawesome/css/fa-svg-with-js" - это css

gives
DEPRECATION WARNING on line 4, column 8 of C:/Users/Nikolay/Desktop/fasovkin/dev/base/_libs.sass:
Including .css files with @import is non-standard behavior which will be removed in future versions in console of LibSass.
Use a custom importer to maintain this behavior. Check your implementations documentation on how to create a custom importer.

Answer 1

Convert css to scss and import it. Since any valid css is valid scss, it is enough to change the file extension. In turn, scss and sass are quite compatible.
If you don't care about the order in which styles are included in css, then you can also add a step to your gulpfile to convert css to scss and merge scss and sass through gulp.

Answer 2

Yandex quite tolerably translates.
Including .css files with @import is non-standard behavior which will be removed in future versions of LibSass.
≠===========
Inclusive. css files with @import are non-standard behavior that will be removed in future versions of LibSass. And now check styles are imported or not.

Answer 3

I didn’t understand about the orange frame) jsfiddle.net/h53pa6tg/2

Answer 4

experiment with margin: 0 0 0 0; padding: 0 0 0 0 four values ​​will help set the indents top-right-bottom-left (like on the clock, 12, 3, 6, 9 o'clock).
and to make the border not completely, you need to try changing display: block to display: inline-block (all divs have display equal to block by default, because div is a block element)