SPSuman Paikinsumanpaik.hashnode.dev·Feb 3, 2023 · 1 min read04/15 - SCSS @mixin-@include | What is @mixin? And what is the use of @mixin?@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...00
SPSuman Paikinsumanpaik.hashnode.dev·Feb 1, 2023 · 1 min read03/15 - SCSS Nesting. What is nesting in sass?//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...00
SPSuman Paikinsumanpaik.hashnode.dev·Jan 31, 2023 · 1 min read02/15 - What are SCSS variables? How to use it?// 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...00
SPSuman Paikinsumanpaik.hashnode.dev·Jan 30, 2023 · 1 min read01/15 - What is SCSS? Why should we use SCSS? What are all the necessary concepts of SCSS?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) introspection00
SPSuman Paikinsumanpaik.hashnode.dev·Nov 19, 2022 · 1 min readMy first blog.I am new in this community, please ignore it.00