«sass» 태그된 질문

나는 글꼴 최고 말대꾸 파일을 사용하고 https://github.com/FortAwesome/Font-Awesome/blob/master/sass/font-awesome.sass를 가하도록 _font-awesome.sass을 내가 할 수있는, 그래서 @import내 말대꾸 프로젝트. 또한 http://middlemanapp.com/ 을 사용하여 Sass 를 Css 로 변환 합니다. 질문 : 사용 된 아이콘 클래스 만 변환 된 .css로 가져 오는 방법이 있습니까? 지금은 _font-awesome.sass의 모든 클래스를 전달했기 때문입니다. 보너스 : 사용 된 …

86 css  sass  font-awesome 

따라서 app/assets/stylesheets/다음과 같은 디렉토리 구조가 있습니다. |-dialogs |-mixins |---buttons |---gradients |---vendor_support |---widgets |-pages |-structure |-ui_elements 각 디렉토리에는 여러 개의 sass 부분 (일반적으로 * .css.scss이지만 * .css.scss.erb 하나 또는 두 개)이 있습니다. 나는 많은 것을 가정 할 수 있지만, rails는 *= require_tree .application.css에 있기 때문에 해당 디렉토리의 모든 파일을 자동으로 컴파일해야합니다 …

86 css  ruby-on-rails  asset-pipeline  sass 

이것은 Compass 101 일 수 있지만 색상의 알파 값을 설정하는 믹스 인을 작성한 사람이 있습니까? 이상적으로는 mixin이 모든 형태의 색상 정의를 취하고 투명도를 적용하고 싶습니다. @include set-alpha( red, 0.5 ); //prints rgba(255, 0, 0, 0.5); @include set-alpha( #ff0000, 0.5 ); //prints rgba(255, 0, 0, 0.5); @include set-alpha( rgb(255,0,0), 0.5 ); …

86 css  sass  compass-sass  rgba 

내 node_modules 폴더에 font-awesome이 있으므로 다음과 같이 기본 .scss 파일로 가져 오려고합니다. @import "../../node_modules/font-awesome/scss/font-awesome.scss"; 하지만 Webpack 번들링 컴파일이 실패합니다. Error: Cannot resolve 'file' or 'directory' ../fonts/fontawesome-webfont.eot font-awesome.scss 파일은 상대 경로 '../fonts/'를 참조하기 때문입니다. scss \ webpack에게 다른 파일을 @import하도록 지시하고 해당 파일의 폴더를 홈 폴더로 사용하여 상대 경로가 예상대로 작동하도록하려면 …

84 node.js  sass  npm  font-awesome  webpack 

트위터 부트 스트랩 코드에는 !default끝에 가있는 많은 CSS 속성이 있습니다. 예 p { color: white !default; } 무엇을 !default합니까? 최신 정보 명확하지 않은 것이 나쁘다. Bootstrap의 SASS 부분을 사용하고 있습니다.

83 css  twitter-bootstrap  sass 

CSS 모듈에서 테마를 가져 오려고하는데 TypeScript에서 "모듈을 찾을 수 없음"오류가 발생하고 테마가 런타임에 적용되지 않습니다. 내 Webpack 구성에 문제가 있다고 생각하지만 문제가 어디에 있는지 잘 모르겠습니다. 다음 도구를 사용하고 있습니다. "typescript": "^2.0.3" "webpack": "2.1.0-beta.25" "webpack-dev-server": "^2.1.0-beta.9" "react": "^15.4.0-rc.4" "react-toolbox": "^1.2.3" "node-sass": "^3.10.1" "style-loader": "^0.13.1" "css-loader": "^0.25.0" "sass-loader": "^4.0.2" "sass-lint": "^1.9.1" …

82 typescript  import  sass  webpack  css-modules 

CSS에서 다음 과 같이 할 수 있습니다 . input[type=submit] { // properties } 양식 버튼을 스타일링하는 데 매우 유용합니다. SASS에서 동일한 작업을 어떻게 수행합니까?

80 css  attributes  css-selectors  sass 

방금 Sass 튜토리얼을 따랐습니다 . 어떤 이유로 Sass 파일이 CSS를 올바르게 생성하지 못합니다. 터미널은 CSS가 유효하지 않다고 말하지만 그렇지 않다고 확신합니다. 문제가있을 경우를 대비하여 변경해 보았습니다 ... 내가 뭘 잘못 했어? Sass 버전 : Sass 3.1.10 에러 메시지: error sass/test.sass (Line 3: Invalid CSS after "80%": expected expression (e.g. 1px, …

79 css  sass 

내 CSS 작업을 위해 Sass를 사용해보기 시작했습니다. 내 Css 파일이있는 디렉토리에 '.sass-cache'폴더도 있습니다. 누구든지이 폴더가 생성 된 이유와 삭제해도 안전한지 알 수 있습니까? 감사,

78 sass 

VueJS를 VuetifyJS (v2.0.19) 프레임 워크와 함께 사용하고 있습니다. npm run serve를 실행 한 후이 오류가 발생 합니다 . Sass Loader는 API 스키마와 일치하지 않는 옵션 객체를 사용하여 초기화되었습니다. 내가 시도한 것 : node_modules 폴더를 삭제하고 모든 npm 패키지와 node.js를 최신 안정 버전으로 재설치 / 업데이트했습니다. 전체 오류 메시지 : error …

17 node.js  vue.js  npm  sass  node-modules