Câu hỏi được gắn thẻ «sass»

Từ những gì tôi đã đọc, Sass là một ngôn ngữ giúp CSS mạnh hơn với sự hỗ trợ toán học và biến. Sự khác biệt với SCSS là gì? Nó được cho là cùng một ngôn ngữ? Giống? Khác nhau?

1902 css  sass 

Tôi đang cố gắng sử dụng calc()chức năng trong biểu định kiểu Sass, nhưng tôi gặp một số vấn đề. Đây là mã của tôi: $body_padding: 50px body padding-top: $body_padding height: calc(100% - $body_padding) Nếu tôi sử dụng nghĩa đen 50pxthay vì body_paddingbiến của tôi , tôi sẽ nhận được …

1346 css  sass  css-calc 

Có cách nào để nhập tệp CSS thông thường bằng @importlệnh của Sass không? Mặc dù tôi không sử dụng tất cả cú pháp SCSS từ sass, tôi vẫn thích tính năng kết hợp / nén của nó và muốn có thể sử dụng nó mà không cần đổi tên …

509 css  sass 

Tôi đã cài đặt các mô-đun nút bằng cách cài đặt npm, sau đó tôi đã cố gắng thực hiện gulp sass-watch trong dấu nhắc lệnh. Sau đó tôi nhận được phản hồi dưới đây. [18:18:32] Requiring external module babel-register fs.js:27 const { Math, Object, Reflect } = primordials; ^ …

366 node.js  sass  gulp  gulp-sass 

Tôi có một số phông chữ được cấu hình trong tệp Scss của mình như vậy: @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'); } Tệp phông chữ thực tế được lưu trữ trong / app / nội dung / phông …

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

Tôi đang sử dụng Sass (.scss) cho dự án hiện tại của mình. Ví dụ sau: HTML <div class="container desc"> <div class="hello"> Hello World </div> </div> SCSS .container { background:red; color:white; .hello { padding-left:50px; } } Điều này làm việc tuyệt vời. Tôi có thể xử lý nhiều lớp trong …

332 sass 

Tôi mới đến Angular và tôi đến từ cộng đồng Ember. Cố gắng sử dụng Angular-CLI mới dựa trên Ember-CLI. Tôi cần biết cách tốt nhất để xử lý SASS trong một dự án Angular mới. Tôi đã thử sử dụng ember-cli-sassrepo để xem nó có hoạt động không vì …

329 angular  sass  angular-cli 

Tôi có cái này trong tệp SCSS của mình: .class-a{ display: inline-block; //some other properties &:hover{ color: darken(#FFFFFF, 10%); } } .class-b{ //Inherite class-a here //some properties } Trong lớp b, tôi muốn kế thừa tất cả các thuộc tính và khai báo lồng nhau của class-a. Làm thế nào …

309 inheritance  sass 

Tôi muốn sử dụng bộ khởi động web google. Tôi đã cài đặt node.js v0.12.0, node-sass& gulp. Rồi chạy: $ sudo npm install Khi tôi gõ gulp servethì gặp lỗi này: Using gulpfile ~/web-starter-kit/gulpfile.js Starting 'styles'... 'styles' errored after 93 ms Error: `libsass` bindings not found. Try reinstalling `node-sass`? at …

263 node.js  sass  gulp 

Có cách nào để chạy không: sass --watch a.scss:a.css Nhưng a.csscuối cùng đã được giảm thiểu? Làm cách nào để tránh phải chạy một bước thu nhỏ riêng khi tôi biên dịch biểu định kiểu của mình?

235 css  sass  minify 

Tôi muốn giữ một tệp .scss trung tâm lưu trữ tất cả các định nghĩa biến SASS cho một dự án. // _master.scss $accent: #6D87A7; $error: #811702; $warning: #F9E055; $valid: #038144; // etc... Dự án sẽ có một số lượng lớn các tệp CSS, do tính chất của nó. Điều …

216 css  sass 

Tôi có mixin Sass sau, đây là một sửa đổi hoàn chỉnh của một ví dụ RGBa : @mixin background-opacity($color, $opacity: .3) { background: rgb(200, 54, 54); /* The Fallback */ background: rgba(200, 54, 54, $opacity); } Tôi đã áp dụng $opacityok, nhưng bây giờ tôi là một phần bị …

213 css  sass  background-color  mixins  rgba 

Tôi đang mô đun hóa các bảng định kiểu của mình với các phần SASS như vậy: @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 Có cách nào để bao gồm toàn bộ thư mục partials (đó là một thư mục chứa …

209 import  sass  partials 

Tôi đang viết một mixin như thế này: @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; } Khi được gọi là điều tôi thực sự muốn là nếu không có $insetgiá trị nào …

201 sass 

Tôi muốn bắt đầu sử dụng la bàn và sass để tăng tốc độ phát triển. Hiện tại, tôi đã cài đặt Sass trên máy mac và hướng dẫn nó xem tệp scss cho đầu vào và tệp css cho đầu ra được tạo. Từ nhiều bài viết, Sass được …

166 css  sass  compass-sass