«sass» 태그된 질문

다음과 같이 동일한 양의 양수와 음수를 사용하는 몇 개의 scss 선택기가 있습니다. padding: 0 15px 15px; margin: 0 -15px 20px -15px; 모든 15px 금액에 대해 변수를 사용하고 싶지만 작동하지 않습니다. $pad: 15px; padding: 0 $pad $pad; margin: 0 -$pad 20px -$pad; 마진 금액은 양수로 변환됩니다. 내가 뭔가를 놓치고 있습니까?

107 css  sass  compass-sass 

안녕하세요 저는 SASS / SCSS를 배우려고하고 있으며 clearfix를 위해 내 믹스 인을 리팩터링하려고합니다. 내가 원하는 것은 mixin이 너비를 통과하는지 여부에 따라 mixin이되는 것입니다. 지금까지의 생각 (다른 믹스 인을 포함 할 것이므로 의사 코드 만 해당) @mixin clearfix($width) { @if !$width { // if width is not passed, or empty do …

106 conditional  mixins  sass  if-statement 

앱 전체에서 회사의 브랜드 색상을 사용하고 싶습니다. 이 문제를 발견했습니다. AngularJS 2-Material design- 사용자 지정 테마를 만들 수있는 색상 팔레트를 설정 했지만 기본적으로 미리 빌드 된 팔레트의 다른 부분을 사용하고 있습니다. Material2의 미리 정의 된 색상을 사용하고 싶지 않습니다. 저만의 독특하고 특별한 브랜드 색상을 원합니다. 그냥 해킹하는 것보다 나만의 테마를 …

104 angular  sass  material-design  angular-material2 

Ruby없이 Sass 또는 Compass 또는 이와 유사한 것을 사용할 수있는 방법이 있습니까? 나는 Google 과이 사이트를 둘러 보았지만 아무것도 찾을 수 없습니다. 어떤 도움을 주시면 감사하겠습니다. 감사합니다

102 css  sass  compass-sass 

질문은 거의 모든 것을 말합니다. 예를 들어 Twitter Bootstrap 을 사용하는 경우 Bootstrap의 CSS 클래스에서 상속되는 자체 SASS 스타일 시트에 클래스를 정의 할 수 있습니까? 아니면 SASS의 상속은 단일 파일의 범위 내에서만 작동합니까?

102 css  inheritance  stylesheet  sass 

현재이 질문은 Q & A 형식에 적합하지 않습니다. 사실, 참고 문헌 또는 전문 지식이 답변을 뒷받침 할 것으로 기대하지만이 질문은 토론, 논쟁, 여론 조사 또는 확장 된 토론을 유도 할 가능성이 높습니다. 이 질문이 개선되고 다시 열릴 수 있다고 생각 되면 도움말 센터 를 방문하여 안내를 받으세요. 휴일 칠년 전에 …

101 asp.net  css  sass 

Sass에서 중첩하는 데 문제가 있습니다. 다음 HTML이 있다고 가정합니다. <p href="#" class="item">Text</p> <p href="#" class="item">Text</p> <a href="#" class="item">Link</a> 다음과 같은 스타일을 중첩하려고하면 컴파일 오류가 발생합니다. .item { color: black; a& { color:blue; } } 유형 선택기가 동일한 요소의 일부일 때 부모 선택자 앞에 어떻게 참조합니까?

101 sass  css-selectors 

.scss 파일을 .css 파일로 변환 (gulp-ruby-sass 사용) 한 다음 결과 .css 파일을 원본 파일을 찾은 동일한 위치에 배치하려는 gulp 작업이 있습니다. 문제는 글 로빙 패턴을 사용하고 있기 때문에 원본 파일이 어디에 저장되어 있는지 알 필요가 없다는 것입니다. 아래 코드에서 gulp-tap을 사용하여 스트림을 탭하고 스트림을 읽은 현재 파일의 파일 경로를 알아 …

99 javascript  node.js  sass  gulp 

내 변수에 문자열 보간을 사용하여 다른 변수를 참조하려고합니다. // Set up variable and mixin $foo-baz: 20px; @mixin do-this($bar) { width: $foo-#{$bar}; } // Use mixin by passing 'baz' string as a param for use $foo-baz variable in the mixin @include do-this('baz'); 하지만 이렇게하면 다음과 같은 오류가 발생합니다. 정의되지 않은 변수 …

94 variables  sass 

SASS에는 @extend선택기가 다른 선택기의 속성을 상속 할 수 있도록 하는 기능이 있지만 속성 (예 : mixins)을 복사하지 않습니다. LESS에도이 기능이 있습니까?

93 css  sass  less  extend 

Sass에서는 @includemixin과 @extend함께 사용 하는 것과 자리 표시 자 클래스 를 사용하는 것의 차이를 구분할 수 없습니다 . 그들은 같은 것에 해당하지 않습니까?

93 sass 

SASS에서 다른 디렉토리에서 파일을 가져올 수 있습니까? 예를 들어 다음과 같은 구조가있는 경우 : - root_directory - sub_directory_a - _common.scss - template.scss - sub_directory_b - more_styles.scss template.scss는를 사용하여 @import "common"_common.scss를 가져올 수 있지만 more_styles.scss가 _common.scss를 가져올 수 있습니까? 나는 몇 가지 일을 포함하여 노력 @import "../sub_directory_a/common"하고 @import "../sub_directory_a/_common.scss"있지만 아무것도 작동하는 …

93 import  sass 

Ruby 기반 트랜스 파일러만큼 간단하지 않았기 때문에 libsass를 설정하는 데 어려움을 겪고있었습니다. 누군가가 방법을 설명 할 수 있습니까? libsass를 설치 하시겠습니까? 명령 줄에서 사용 하시겠습니까? 꿀꺽 꿀꺽 꿀꺽 꿀꺽 같은 작업 주자와 함께 사용합니까? 나는 패키지 관리자에 대한 경험이 거의 없으며 태스크 러너에 대해서는 더 적습니다.

91 css  sass  gulp-sass  node-sass  libsass 

최근에 scss 파일을 컴파일 할 때 오류가 발생합니다. 오류 메시지는 다음과 같습니다. Browserslist : caniuse-lite는 오래되었습니다. 다음 명령을 실행하십시오npm update caniuse-lite browserslist 첫째, 메시지에서 알 수 있듯이 실행 npm update caniuse-lite browserslist했지만 문제가 해결되지 않았습니다. 전체 nod-modules 디렉토리를 삭제하고 다시 설치했으며 전체 폴더를 업데이트 npm update했지만 어느 것도 문제를 해결하지 …

88 npm  sass  autoprefixer  web-compiler 

항목 클래스와 컴팩트 "수정 자"클래스가 있습니다. .item { ... } .item.compact { /* styles to make .item smaller */ } 이건 괜찮아. 그러나 화면이 충분히 작을 때 클래스를 압축하도록 하는 @media쿼리 를 추가하고 싶습니다 .item. 처음 생각했을 때, 이것이 제가 시도한 것입니다. .item { ... } .item.compact { ... } …

88 css  sass  media-queries