Pertanyaan yang diberi tag «sass»

Sass (Syntactically Awesome Style Sheets) adalah ekstensi dari CSS yang menambahkan fitur seperti aturan bersarang, variabel, mixin, dan ekstensi kelas. Ini memungkinkan pengembang untuk menulis CSS yang terstruktur, dapat dikelola, dan dapat digunakan kembali. Sass dikompilasi menjadi CSS standar.


11
CL-angular dari css ke scss
Saya sudah membaca dokumentasi , yang mengatakan bahwa jika saya ingin menggunakan scsssaya harus menjalankan perintah berikut: ng set defaults.styleExt scss Tetapi ketika saya melakukan itu dan membuat file itu, saya masih menerima kesalahan ini di konsol saya: styles.bundle.js:33Uncaught Error: Module build failed: Error: ENOENT: no such file or directory, …

6
Sass menghitung persen dikurangi px
Saya ingin dapat melakukan hal berikut: height: 25% - 5px; Jelas ketika saya melakukan itu saya mendapatkan kesalahan: Incompatible units: 'px' and '%'.
133 sass 

2
Sass dan pemilih anak gabungan
Saya baru saja menemukan Sass, dan saya sangat bersemangat tentangnya. Di situs web saya, saya menerapkan menu navigasi seperti pohon, yang ditata menggunakan kombinator anak ( E > F). Apakah ada cara untuk menulis ulang kode ini dengan sintaks yang lebih sederhana (atau lebih baik) di Sass? #foo > ul …
126 css  css-selectors  sass 

5
Apa perbedaan antara CSS dan SCSS?
Saya tahu CSS dengan sangat baik, tetapi saya bingung tentang Sass. Apa perbedaan SCSS dari CSS, dan jika saya menggunakan SCSS, bukan CSS, apakah akan berfungsi sama?
124 css  sass 

5
Punya variabel di jalur gambar di Sass?
Saya ingin memiliki satu variabel yang berisi jalur root ke semua gambar saya di file CSS saya. Saya tidak tahu apakah ini mungkin dalam Sass murni (proyek web sebenarnya bukan RoR, jadi tidak dapat menggunakan asset_pipeline atau jazz mewah lainnya). Inilah contoh saya yang tidak berhasil. Saat dikompilasi, ia menolak …
123 css  sass 

6
Placeholder Mixin SCSS / CSS
Saya mencoba membuat mixin untuk placeholder di sass. Ini adalah mixin yang saya buat. @mixin placeholder ($css) { ::-webkit-input-placeholder {$css} :-moz-placeholder {$css} ::-moz-placeholder {$css} :-ms-input-placeholder {$css} } Ini adalah bagaimana saya ingin memasukkan mixin: @include placeholder(font-style:italic; color: white; font-weight:100;); Jelas ini tidak akan berhasil karena semua titik dua dan titik …
122 css  sass 

3
Hitung persen dengan SCSS / SASS
Saya ingin mengatur lebar dalam persentase dalam scss melalui perhitungan, tetapi itu memberi saya kesalahan .. CSS tidak valid setelah "...- width: (4/12)%": ekspresi yang diharapkan (misalnya 1px, bold), sebelumnya ";" Saya ingin melakukan sesuatu seperti $my_width: (4/12)%; div{ width: $my_width; } bagaimana cara menambahkan% masuk di sana? Pertanyaan yang …
121 css  sass 

7
Menggunakan Variabel Sass dengan CSS3 Media Queries
Saya mencoba menggabungkan penggunaan variabel Sass dengan kueri @media sebagai berikut: $base_width:1160px; @media screen and (max-width: 1170px) {$base_width: 960px;} @media screen and (min-width: 1171px) {$base_width: 1160px;} $base_width kemudian ditentukan di berbagai titik dalam pengukuran berbasis persentase lebar stylesheet untuk menghasilkan tata letak yang dapat disesuaikan. Ketika saya melakukan ini, variabel …

8
Bagaimana mengatasi Peringatan "Anda perlu memiliki Ruby dan Sass terinstal dan di PATH Anda agar tugas ini dapat berfungsi"?
Saya sedang dalam proses menyiapkan Mac baru untuk bekerja. Saya telah menginstal Grunt & Grunt CLI secara global. Kemudian saya melakukan npm installdi dalam folder proyek untuk menginstal semua dependensi. Sejauh ini tidak ada masalah, tetapi segera setelah saya mencoba menjalankan sass:disttugas, saya mendapatkan peringatan ini: Warning: You need to …
117 ruby  macos  bash  terminal  sass 



7
Apakah ada SASS.js? Sesuatu seperti LESS.js?
Saya telah menggunakan LESS.js sebelumnya. Mudah digunakan, seperti <link rel="stylesheet/less" href="main.less" type="text/css"> <script src="less.js" type="text/javascript"></script> Saya melihat SASS.js . Bagaimana saya bisa menggunakannya dengan cara yang serupa? Parsing file SASS untuk segera digunakan dalam HTML. Sepertinya SASS.js lebih untuk digunakan dengan Node.js ? var sass = require('sass') sass.render('... string of …
112 css  sass  less 


3
Nilai variabel negatif Sass?
Saya memiliki beberapa penyeleksi scss di mana saya menggunakan jumlah yang sama positif dan negatif, seperti di: padding: 0 15px 15px; margin: 0 -15px 20px -15px; Saya lebih suka menggunakan variabel untuk semua jumlah 15px, tetapi ini tidak berhasil: $pad: 15px; padding: 0 $pad $pad; margin: 0 -$pad 20px -$pad; …
107 css  sass  compass-sass 

Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.