scss variables
·
✏️ Study/🖼️ HTML & CSS
📍SCSS 변수 기능과 CSS 변수 기능의 차이 ✅SCSS - 변수가 오직 단 하나의 값만 가진다 - 변수를 변경하면 이전 사용값은 변하지 않음 ✅CSS - 변수가 다른 element에 대해 다른 값을 가질 수있다 - 변수를 변경하면 이전 사용값도 변함 (모든 전역에서 영향을 받음) 📍SCSS 변수의 특징 - 언더바와 대시를 똑같이 취급 즉, $font-size 와 $font_size 는 같은 변수로 취급됨
내가 쓰려고 만든 minireset.scss
·
✏️ Study/🖼️ HTML & CSS
📍출처 https://github.com/jgthms/minireset.css GitHub - jgthms/minireset.css: A tiny modern CSS reset A tiny modern CSS reset. Contribute to jgthms/minireset.css development by creating an account on GitHub. github.com 📍특징 - 그 옛날의 reset.css 보다 짧다 - 레포에 .sass 파일만 있어서 내가 .scss 문법으로 바꿈 📍코드 (SCSS) /*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */ // Blocks html, body, p, ol, u..
scss @use
·
✏️ Study/🖼️ HTML & CSS
📍참고 https://sass-lang.com/documentation/at-rules/use Sass: @use Compatibility: Dart Sass since 1.23.0 LibSass ✗ Ruby Sass ✗ Only Dart Sass currently supports @use. Users of other implementations must use the @import rule instead. The @use rule loads mixins, functions, and variables from other Sass stylesheets, and sass-lang.com 📍@use 란? - 다른 .scss 파일에서 mixin, function, variables 를 import 한다 - 다수..