@sumanpaikdev

04/15 - SCSS @mixin-@include | What is @mixin? And what is the use of @mixin?

Feb 3, 2023 · 1 min read · @mixin flex_property($var1) { display: flex; align-items: center; justify-content: center; flex-direction: $var1; } .container{ background-color: $bg-color; padding: 1rem; width: 28rem; margin: 2rem auto; border-ra...

03/15 - SCSS Nesting. What is nesting in sass?

Feb 1, 2023 · 1 min read · //html /* <div> hello <p> this is <span> css nesting</span> </p> </div> */ // scss nesting div{ color: red; p{ color: green; span{ color: gray; } } } You can see that every element tags are in a nested p...

02/15 - What are SCSS variables? How to use it?

Jan 31, 2023 · 1 min read · // creating scss variables $text-color: rgb(223, 0, 0); $bg-color: silver; $hover-text-color: rgb(255, 255, 255); .container{ background-color: $bg-color; // This is how you can use it. } // You can also store this kind of tings. // strings, num...

01/15 - What is SCSS? Why should we use SCSS? What are all the necessary concepts of SCSS?

Jan 30, 2023 · 1 min read · SCSS is a CSS pre-processor. We should use SCSS to reduce the repetition of CSS. All Concepts - a. variable b. nesting c. import d. mixin e. extend f. functions (i) string (ii) number (iii) list (iv) map (v) selector (vi) introspection

My first blog.

Nov 19, 2022 · 1 min read · I am new in this community, please ignore it.