반응형 sass7 scss 다크모드 https://tech.pxd.co.kr/post/SCSS-THEME-68 2024. 12. 24. @include rfs($btn-font-size, --#{$prefix}btn-font-size); @include rfs($btn-font-size, --#{$prefix}btn-font-size);는 SCSS에서 믹스인(mixin)을 호출하는 구문입니다. 이 코드는 다음과 같은 의미를 갖습니다:@include: SCSS에서 믹스인을 포함할 때 사용하는 키워드입니다. 믹스인은 재사용 가능한 스타일 블록으로, 여러 곳에서 동일한 스타일을 적용할 수 있게 해줍니다.rfs(...): rfs는 미리 정의된 믹스인 이름입니다. 일반적으로 이 믹스인은 "responsive font sizes"를 다루는 데 사용되며, 폰트 크기를 반응형으로 조정하는 기능을 제공합니다.$btn-font-size: 이 변수는 버튼의 폰트 크기를 나타냅니다. 이 값은 SCSS 파일 내에서 정의된 변수로, 버튼의 기본 폰트 크기를 가지.. 2024. 11. 1. 사스 변수 오버라이드 해결책: 빌드 도구를 사용해 동적으로 Sass 변수를 오버라이드하고 컴파일하기1. Sass 파일에서 변수 오버라이드 허용Sass는 특정 파일을 임포트할 때, 기존 변수를 오버라이드할 수 있습니다. 이를 위해 테마 변수 파일을 별도로 정의하고, 이를 메인 스타일 파일에 임포트하여 각 테마별로 오버라이드할 수 있습니다.main.scss (메인 스타일 파일)// 기본 primary 색상 $color-primary: #52BCD3 !default; // 다른 스타일 body { background-color: $color-primary; } 여기서 !default 키워드를 사용하면, 이 변수는 나중에 오버라이드될 수 있다는 의미입니다.theme-blue.scss (파란 테마)scss코드 복사$color-pr.. 2024. 10. 17. 부트스트랩 공통색상 변경 css 부트스트랩 - 부트 스트랩에서 btn 색상을 변경하는 방법 - Stack Overflow !important를 사용하는 것이 가장 좋은 생각은 아닙니다.더 나은 옵션은 SASS를 사용하여 적절한 SASS 믹스 인을 사용하여 원하는대로 CSS 클래스를 다시 생성하는 것입니다.btn-*부트스트랩 5(2023년 업데이트)부트 스트랩 5에는 부트 스트랩을 가져온 후 버튼 색상을 사용자 정의하는 데 사용할 수있는 동일한 SASS 믹스인이 있습니다.button-variantbutton-outline-variant /* import the Bootstrap */ @import "bootstrap"; /* ------- customize primary button color -------- */ $myne.. 2024. 10. 16. bourbon (사스 믹스인 버번) http://qiita.com/nekoneko-wanwan/items/99d4650768c46ae41897 잘쓰이는 것들AnimationFlexboxFont FaceKeyframesLinear GradientTransform, Transition 2016. 12. 5. 스프라이트이미지 사스(반응형일때) http://ofsilvers.hateblo.jp/entry/compass-sprite-mixins백그라운드이미지 믹스인http://stackoverflow.com/questions/5448044/sass-background-image-mixin #1. 핸들러 123456789101112131415@mixin icon ($imgpath) { display: inline-block; background-image: url($imgpath); background-repeat: no-repeat;} {{#sprites}}@mixin {{name}}($device-pixel-ratio: 1) { background-position: ({{px.offset_x}}/$device-pixel-ratio) ({{px... 2016. 10. 12. 이전 1 2 다음 반응형