Pertanyaan yang diberi tag «sass»

Dari apa yang saya baca, Sass adalah bahasa yang membuat CSS lebih kuat dengan dukungan variabel dan matematika. Apa bedanya dengan SCSS? Apakah seharusnya bahasa yang sama? Serupa? Berbeda?

1904 css  sass 

Saya mencoba menggunakan calc()fungsi ini dalam stylesheet Sass, tetapi saya mengalami beberapa masalah. Ini kode saya: $body_padding: 50px body padding-top: $body_padding height: calc(100% - $body_padding) Jika saya menggunakan literal 50pxalih-alih body_paddingvariabel saya , saya mendapatkan apa yang saya inginkan. Namun, ketika saya beralih ke variabel, ini adalah output: body { …

1347 css  sass  css-calc 

Apakah ada cara untuk mengimpor file CSS biasa dengan @importperintah Sass ? Meskipun saya tidak menggunakan semua sintaks SCSS dari sass, saya masih menikmati itu menggabungkan / mengompresi fitur, dan ingin dapat menggunakannya tanpa mengubah nama semua file saya ke * .scss

509 css  sass 

Saya telah menginstal modul simpul dengan menginstal npm, kemudian saya mencoba untuk melakukan tegukan sass-watch di command prompt. Setelah itu saya mendapat respons di bawah ini. [18:18:32] Requiring external module babel-register fs.js:27 const { Math, Object, Reflect } = primordials; ^ ReferenceError: primordials is not defined Telah mencoba ini sebelum …

367 node.js  sass  gulp  gulp-sass 

Saya memiliki beberapa font yang dikonfigurasi dalam file Scss saya seperti ini: @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'); } File font yang sebenarnya disimpan di / app / assets / fonts / Saya telah menambahkan config.assets.paths << Rails.root.join("app", "assets", …

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

Saya menggunakan Sass (.scss) untuk proyek saya saat ini. Contoh berikut: HTML <div class="container desc"> <div class="hello"> Hello World </div> </div> SCSS .container { background:red; color:white; .hello { padding-left:50px; } } Ini sangat bagus. Bisakah saya menangani beberapa kelas saat menggunakan gaya bersarang. Dalam contoh di atas saya berbicara tentang …

332 sass 

Saya baru mengenal Angular dan saya berasal dari komunitas Ember. Mencoba menggunakan Angular-CLI baru berbasis Ember-CLI. Saya perlu tahu cara terbaik untuk menangani SASS dalam proyek Angular baru. Saya mencoba menggunakan ember-cli-sassrepo untuk melihat apakah itu akan bermain bersama karena sejumlah komponen inti dari Angular-CLI adalah limpasan dari modul Ember-CLI. …

329 angular  sass  angular-cli 

Saya memiliki ini di file SCSS saya: .class-a{ display: inline-block; //some other properties &:hover{ color: darken(#FFFFFF, 10%); } } .class-b{ //Inherite class-a here //some properties } Di kelas-b, saya ingin mewarisi semua properti dan deklarasi bersarang dari class-a. Bagaimana ini dilakukan? Saya mencoba menggunakan @include class-a, tetapi itu hanya melempar …

309 inheritance  sass 

Saya ingin menggunakan kit starter web google. Saya menginstal node.js v0.12.0, node-sass& gulp. Dan kemudian berlari: $ sudo npm install Ketika saya mengetik gulp servemaka mendapat kesalahan ini: 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 Saya menginstal …

263 node.js  sass  gulp 

Apakah ada cara untuk menjalankan: sass --watch a.scss:a.css tapi sudah a.css akhirnya diperkecil? Bagaimana saya menghindari menjalankan langkah minifikasi terpisah saat saya menyusun stylesheet saya?

235 css  sass  minify 

Saya ingin menyimpan satu file .scss pusat yang menyimpan semua definisi variabel SASS untuk sebuah proyek. // _master.scss $accent: #6D87A7; $error: #811702; $warning: #F9E055; $valid: #038144; // etc... Proyek ini akan memiliki sejumlah besar file CSS, karena sifatnya. Adalah penting bahwa saya menyatakan semua variabel gaya proyek-lebar di satu lokasi. …

217 css  sass 

Saya memiliki Sass mixin berikut, yang merupakan modifikasi setengah lengkap dari contoh RGBa : @mixin background-opacity($color, $opacity: .3) { background: rgb(200, 54, 54); /* The Fallback */ background: rgba(200, 54, 54, $opacity); } Saya sudah menerapkan $opacityok, tapi sekarang saya terjebak dengan $colorbagian itu. Warna yang akan saya kirim ke …

213 css  sass  background-color  mixins  rgba 

Saya memodulasi stylesheet saya dengan parsial SASS seperti: @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 apakah ada cara untuk memasukkan seluruh direktori partial (ini adalah direktori yang penuh dengan SASS-partial) seperti @import kompas atau sesuatu?

209 import  sass  partials 

Saya menulis mixin seperti ini: @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; } Ketika dipanggil apa yang benar-benar saya inginkan adalah bahwa jika tidak ada $insetnilai yang diteruskan, tidak ada output, daripada …

201 sass 

Saya ingin mulai menggunakan kompas dan sass untuk mempercepat pengembangan. Saat ini, saya telah menginstal Sass pada mac dan menginstruksikannya untuk menonton file scss untuk input, dan file css untuk output yang dihasilkan. Dari banyak artikel, Sass digunakan dengan Kompas, saya bertanya-tanya mengapa itu terjadi dan apa yang ditambahkan Kompas …

166 css  sass  compass-sass