«sass» 태그된 질문

왜 _scss에서 파일 이름 앞에 넣습니까? _filename.scss왜 필요한 _가요?

147 css  sass 

설명서를 읽었으며 사용 scss하려면 다음 명령을 실행해야합니다. ng set defaults.styleExt scss 그러나 그렇게하고 파일을 만들 때 여전히 콘솔 에서이 오류가 발생합니다. styles.bundle.js:33Uncaught Error: Module build failed: Error: ENOENT: no such file or directory, open '/Users/Egen/Code/angular/src/styles.css'(…)

135 css  angular  sass  angular6  angular-cli 

다음을 수행하고 싶습니다. height: 25% - 5px; 분명히 그렇게하면 오류가 발생합니다. Incompatible units: 'px' and '%'.

133 sass 

나는 방금 Sass를 발견했고 그것에 대해 너무 흥분했습니다. 내 웹 사이트에서는 자식 결합 자 ( E > F)를 사용하여 스타일이 지정된 트리와 같은 탐색 메뉴를 구현합니다 . Sass에서 더 간단한 (또는 더 나은) 구문으로이 코드 를 다시 작성할 수 있는 방법 이 있습니까? #foo > ul > li > ul …

126 css  css-selectors  sass 

CSS를 잘 알고 있지만 Sass에 대해 혼란 스럽습니다. SCSS는 CSS와 어떻게 다르며, CSS 대신 SCSS를 사용하면 동일하게 작동합니까?

124 css  sass 

내 CSS 파일의 모든 이미지에 대한 루트 경로를 포함하는 하나의 변수를 갖고 싶습니다. 순수한 Sass에서 이것이 가능한지 알 수 없습니다 (실제 웹 프로젝트는 RoR이 아니므로 asset_pipeline이나 멋진 재즈를 사용할 수 없습니다). 작동하지 않는 내 예가 있습니다. 컴파일시 배경 URL 속성에서 변수의 첫 번째 인스턴스에서 ( "Invalid CSS after "..site/background": expected …

123 css  sass 

sass에서 자리 표시 자에 대한 믹스 인을 만들려고합니다. 이것이 제가 만든 믹스 인입니다. @mixin placeholder ($css) { ::-webkit-input-placeholder {$css} :-moz-placeholder {$css} ::-moz-placeholder {$css} :-ms-input-placeholder {$css} } 이것은 내가 mixin을 포함하는 방법입니다. @include placeholder(font-style:italic; color: white; font-weight:100;); 분명히 이것은 믹스 인으로 전달되는 모든 콜론과 세미콜론 때문에 작동하지 않을 것입니다. 그러나 ... …

122 css  sass 

CLI (v3.7.0)를 사용하여 새 프로젝트를 만들 때 dart-sass또는 다음 중에서 선택할 수있는 옵션이 있습니다.node-sass 컴파일러 . Vue 문서 에서 선언 한 것보다 더 구체적으로 어떻게 비교 합니까? Sass 성능에 대한 팁 Dart Sass를 사용할 때 비동기식 콜백의 오버 헤드로 인해 동기식 컴파일이 기본적으로 비동기식 컴파일보다 두 배 빠릅니다. 이 오버 …

122 vue.js  webpack  sass  vue-cli  node-sass 

계산을 통해 scss에서 너비를 백분율로 설정하고 싶지만 오류가 발생합니다 .. "...- width : (4/12) %"뒤에 잘못된 CSS : 예상 표현식 (예 : 1px, 굵게), was ";" 나는 다음과 같은 것을하고 싶다. $my_width: (4/12)%; div{ width: $my_width; } 거기에 % 기호를 어떻게 추가합니까? px와 em과 같은 질문

121 css  sass 

다음과 같이 Sass 변수를 @media 쿼리와 결합하려고합니다. $base_width:1160px; @media screen and (max-width: 1170px) {$base_width: 960px;} @media screen and (min-width: 1171px) {$base_width: 1160px;} $base_width 그런 다음 스타일 시트 너비 백분율 기반 측정의 다양한 지점에서 정의되어 유동적 인 레이아웃을 생성합니다. 이렇게하면 변수가 제대로 인식되는 것 같지만 미디어 쿼리 조건은 그렇지 않습니다. 예를 …

120 sass  media-queries 

업무용으로 새 Mac을 설정하는 중입니다. Grunt & Grunt CLI를 전 세계적으로 설치했습니다. 그런 다음 npm install모든 종속성을 설치하기 위해 프로젝트 폴더 내부를 수행했습니다. 지금까지는 문제가 없지만 sass:dist작업 을 실행하려고 하면 다음 경고가 표시됩니다. Warning: You need to have Ruby and Sass installed and in your PATH for this task to …

117 ruby  macos  bash  terminal  sass 

node-sass를 사용하는 Arch Linux에서이 오류가 발생합니다. gulp-sass 와 함께 사용하고 있습니다. Node Sass does not yet support your current environment: Linux 64-bit with false 버전 $ gulp -v [19:43:15] CLI version 3.9.1 [19:43:15] Local version 3.9.1 $ npm -v 3.9.0 마디 $ node -v v6.2.0 이 명령을 사용해 npm rebuild …

116 node.js  sass  archlinux  gulp-sass  node-sass 

벌써 한동안 다음과 같은 생각을했기 때문에 이제 여러분의 의견과 가능한 해결책 등을 알고 싶습니다. 부모의 배경 이미지 또는 색상의 덮여 픽셀의 평균 밝기에 따라 텍스트의 색상을 변경하거나 미리 정의 된 이미지 / 아이콘 사이를 전환하는 플러그인 또는 기술을 찾고 있습니다. 배경의 가려진 영역이 다소 어둡다면 텍스트를 흰색으로 만들거나 아이콘을 전환하십시오. …

114 javascript  jquery  html  css  sass 

전에 LESS.js 를 사용 했습니다 . 사용하기 쉽습니다. <link rel="stylesheet/less" href="main.less" type="text/css"> <script src="less.js" type="text/javascript"></script> 나는 SASS.js를 보았다 . 비슷한 방법으로 어떻게 사용할 수 있습니까? HTML에서 즉시 사용하기 위해 SASS 파일을 구문 분석합니다. SASS.js가 Node.js 와 함께 더 많이 사용되는 것 같습니다 . var sass = require('sass') sass.render('... string of …

112 css  sass  less 

닫은. 이 질문은 Stack Overflow 지침을 충족하지 않습니다 . 현재 답변을 받고 있지 않습니다. 이 질문을 개선하고 싶으십니까? Stack Overflow의 주제에 맞게 질문을 업데이트하세요 . 휴일 오년 전에 . 이 질문 개선 Eclipse에서 SCSS 파일을 편집하고 싶습니다 .scss. 파일에 대한 구문 강조 표시를 사용하는 것이 좋습니다 . 다음 리소스가 유용하다는 …

111 css  eclipse  sass  eclipse-plugin