«sass» 태그된 질문

내가 읽은 것에서 Sass는 변수 및 수학 지원으로 CSS를 더욱 강력하게 만드는 언어입니다. SCSS와의 차이점은 무엇입니까? 같은 언어로되어 있습니까? 비슷한? 다른?

1900 css  sass 

calc()Sass 스타일 시트에서 함수 를 사용하려고하는데 몇 가지 문제가 있습니다. 내 코드는 다음과 같습니다. $body_padding: 50px body padding-top: $body_padding height: calc(100% - $body_padding) 변수 50px대신 리터럴을 사용하면 body_padding원하는 것을 정확하게 얻을 수 있습니다. 그러나 변수로 전환하면 다음이 출력됩니다. body { padding-top: 50px; height: calc(100% - $body_padding); } Sass가 calc함수 내에서 …

1343 css  sass  css-calc 

어쨌든 Sass의 @import명령 으로 일반 CSS 파일을 가져올 수 있습니까? sass의 모든 SCSS 구문을 사용하지는 않지만 여전히 결합 / 압축 기능을 즐기고 있으며 모든 파일의 이름을 * .scss로 바꾸지 않고 사용할 수 있기를 원합니다.

509 css  sass 

npm install로 노드 모듈을 설치 한 다음 명령 프롬프트에서 gulp sass-watch를 시도했습니다. 그 후 나는 아래 응답을 얻었다. [18:18:32] Requiring external module babel-register fs.js:27 const { Math, Object, Reflect } = primordials; ^ ReferenceError: primordials is not defined 꿀꺽 꿀꺽 마시기 전에 이것을 시도했습니다 npm -g install gulp-cli

363 node.js  sass  gulp  gulp-sass 

Scss 파일에 다음과 같은 글꼴이 구성되어 있습니다. @font-face { font-family: 'Icomoon'; src: asset-url('icoMoon.eot?#iefix', font) format('embedded-opentype'), asset-url('icoMoon.woff', font) format('woff'), asset-url('icoMoon.ttf', font) format('truetype'), asset-url('icoMoon.svg#Icomoon', font) format('svg'); } 실제 글꼴 파일은 / app / assets / fonts /에 저장됩니다 config.assets.paths << Rails.root.join("app", "assets", "fonts")내 application.rb 파일에 추가 했습니다 컴파일 CSS 소스는 다음과 같습니다. …

345 ruby-on-rails  sass  asset-pipeline  font-face  assets 

현재 프로젝트에 Sass (.scss)를 사용하고 있습니다. 다음 예 : HTML <div class="container desc"> <div class="hello"> Hello World </div> </div> SCSS .container { background:red; color:white; .hello { padding-left:50px; } } 이것은 잘 작동합니다. 중첩 스타일을 사용하면서 여러 클래스를 처리 할 수 ​​있습니까? 위의 샘플에서 나는 이것에 대해 이야기하고 있습니다 : CSS …

332 sass 

저는 Angular를 처음 사용하고 있으며 Ember 커뮤니티에서 왔습니다. Ember-CLI 기반의 새로운 Angular-CLI를 사용하려고합니다. 새 Angular 프로젝트에서 SASS를 처리하는 가장 좋은 방법을 알아야합니다. ember-cli-sassAngular-CLI의 많은 핵심 구성 요소가 Ember-CLI 모듈에서 부족하기 때문에 repo를 사용하여 작동 하는지 확인했습니다. 작동하지 않았지만 무언가를 잘못 구성했는지 확실하지 않습니다. 또한 새로운 Angular 프로젝트에서 스타일을 구성하는 가장 …

329 angular  sass  angular-cli 

SCSS 파일에 다음이 있습니다. .class-a{ display: inline-block; //some other properties &:hover{ color: darken(#FFFFFF, 10%); } } .class-b{ //Inherite class-a here //some properties } 클래스 b에서 모든 속성과 중첩 선언을 상속하고 싶습니다 class-a. 이것은 어떻게 이루어 집니까? 을 사용하려고했지만 @include class-a컴파일 할 때 오류가 발생합니다.

309 inheritance  sass 

Google 웹 스타터 키트를 사용하고 싶습니다. node.js v0.12.0 node-sass및 &를 설치했습니다 gulp. 그런 다음 실행했습니다. $ sudo npm install 입력 할 gulp serve때이 오류가 발생했습니다. Using gulpfile ~/web-starter-kit/gulpfile.js Starting 'styles'... 'styles' errored after 93 ms Error: `libsass` bindings not found. Try reinstalling `node-sass`? at getBinding node와 gulp를 다시 설치했지만 도움이되지 …

263 node.js  sass  gulp 

실행할 방법이 있습니까? sass --watch a.scss:a.css 그러나 a.css결국 축소되고 있습니까? 스타일 시트를 컴파일 할 때 별도의 축소 단계를 실행하지 않으려면 어떻게해야합니까?

235 css  sass  minify 

프로젝트의 모든 SASS 변수 정의를 저장하는 하나의 중앙 .scss 파일을 유지하고 싶습니다. // _master.scss $accent: #6D87A7; $error: #811702; $warning: #F9E055; $valid: #038144; // etc... 이 프로젝트는 특성상 많은 CSS 파일을 갖습니다. 프로젝트 전체의 모든 스타일 변수를 한 위치에 선언해야합니다. SCSS에서 이것을 수행하는 방법이 있습니까?

217 css  sass 

RGBa 예제를 완전히 수정 한 다음 Sass mixin이 있습니다 . @mixin background-opacity($color, $opacity: .3) { background: rgb(200, 54, 54); /* The Fallback */ background: rgba(200, 54, 54, $opacity); } 나는 적용 $opacity했지만 지금은 그 $color부분에 붙어 있습니다. 믹스 인에 보낼 색상은 RGB가 아닌 HEX입니다. 내 사용 예는 다음과 같습니다. element …

213 css  sass  background-color  mixins  rgba 

다음과 같이 스타일 시트를 SASS 부분으로 모듈화하고 있습니다. @import partials/header @import partials/viewport @import partials/footer @import partials/forms @import partials/list_container @import partials/info_container @import partials/notifications @import partials/queues @import compass 또는 무언가와 같은 전체 부분 디렉토리 (SAS-partials로 가득 찬 디렉토리)를 포함시키는 방법이 있습니까?

209 import  sass  partials 

나는 다음과 같이 mixin을 작성하고 있습니다. @mixin box-shadow($top, $left, $blur, $color, $inset:"") { -webkit-box-shadow: $top $left $blur $color $inset; -moz-box-shadow: $top $left $blur $color $inset; box-shadow: $top $left $blur $color $inset; } 내가 실제로 원하는 것은 $inset값이 전달 되지 않으면 다음과 같이 컴파일하는 것보다 아무것도 출력되지 않는다는 것입니다. -webkit-box-shadow: 2px …

201 sass 

개발 속도를 높이기 위해 나침반과 사스를 사용하고 싶습니다. 현재 Mac에 Sass를 설치하고 scss 파일의 입력을보고 css 파일에서 출력을 생성하도록 지시했습니다. 많은 기사에서 Sass는 Compass와 함께 사용되며, 이것이 왜 그런지 궁금하고 Compass가 Sass없이 제공하는 것을 추가합니까? 예를들 수 있다면 더 좋습니다. 감사

166 css  sass  compass-sass