Domande taggate «sass»

Sass (Syntactically Awesome Style Sheets) è un'estensione dei CSS che aggiunge funzionalità come regole annidate, variabili, mixin ed estensioni di classe. Ciò consente agli sviluppatori di scrivere CSS strutturati, gestibili e riutilizzabili. Sass è compilato in CSS standard.

13
Qual è la differenza tra SCSS e Sass?
Da quello che ho letto, Sass è un linguaggio che rende i CSS più potenti con supporto variabile e matematico. Qual è la differenza con SCSS? Dovrebbe essere la stessa lingua? Simile? Diverso?
1904 css  sass 
7
Sass Variabile nella funzione calc () CSS
Sto cercando di utilizzare la calc()funzione in un foglio di stile Sass, ma sto riscontrando alcuni problemi. Ecco il mio codice: $body_padding: 50px body padding-top: $body_padding height: calc(100% - $body_padding) Se uso il letterale 50pxanziché la mia body_paddingvariabile, ottengo esattamente quello che voglio. Tuttavia, quando passo alla variabile, questo è …
1347 css  sass  css-calc 
13
Importare file CSS regolari in file SCSS?
Esiste un modo per importare un normale file CSS con il @importcomando di Sass ? Anche se non sto usando tutta la sintassi SCSS di sass, mi diverto ancora a combinare / comprimere le funzionalità e vorrei poterlo usare senza rinominare tutti i miei file in * .scss
509 css  sass 
30
Come correggere ReferenceError: primordials non è definito nel nodo
Ho installato i moduli nodo con npm install, quindi ho provato a eseguire gulp sass-watch nel prompt dei comandi. Successivamente ho ottenuto la risposta di seguito. [18:18:32] Requiring external module babel-register fs.js:27 const { Math, Object, Reflect } = primordials; ^ ReferenceError: primordials is not defined Ho provato questo prima …
367 node.js  sass  gulp  gulp-sass 
12
Utilizzo dei caratteri con la pipeline di asset Rails
Ho alcuni font configurati nel mio file Scss in questo modo: @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'); } Il file del font effettivo è archiviato in / app / assets / fonts / Ho aggiunto config.assets.paths << Rails.root.join("app", "assets", …
3
Sass .scss: Nesting e classi multiple?
Sto usando Sass (.scss) per il mio progetto attuale. Esempio seguente: HTML <div class="container desc"> <div class="hello"> Hello World </div> </div> SCSS .container { background:red; color:white; .hello { padding-left:50px; } } Funziona benissimo. Posso gestire più classi mentre utilizzo gli stili nidificati. Nell'esempio sopra sto parlando di questo: CSS .container.desc …
332 sass 
16
Opzioni angolari CLI SASS
Sono nuovo di Angular e vengo dalla comunità di Ember. Tentativo di utilizzare la nuova Angular-CLI basata su Ember-CLI. Devo conoscere il modo migliore per gestire SASS in un nuovo progetto angolare. Ho provato ad usare il ember-cli-sassrepository per vedere se avrebbe funzionato dal momento che un certo numero di …
5
Inclusa un'altra classe in SCSS
Ho questo nel mio file SCSS: .class-a{ display: inline-block; //some other properties &:hover{ color: darken(#FFFFFF, 10%); } } .class-b{ //Inherite class-a here //some properties } Nella classe b, vorrei ereditare tutte le proprietà e le dichiarazioni nidificate di class-a. Come si fa? Ho provato a usare @include class-a, ma questo …
309 inheritance  sass 
17
Prova a reinstallare `node-sass` sul nodo 0.12?
Vorrei utilizzare il web starter kit di Google. Ho installato node.js v0.12.0, node-sasse gulp. E poi corse: $ sudo npm install Quando ho digitato, ho gulp servericevuto questo errore: 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 Ho …
263 node.js  sass  gulp 
3
sass - orologio con minify automatico?
C'è un modo per eseguire: sass --watch a.scss:a.css ma hai a.cssfinito per essere minimizzato? Come eviterei di dover eseguire un passaggio di minificazione separato mentre compilo il mio foglio di stile?
235 css  sass  minify 
5
SASS: utilizza le variabili su più file
Vorrei mantenere un file .scss centrale che memorizza tutte le definizioni delle variabili SASS per un progetto. // _master.scss $accent: #6D87A7; $error: #811702; $warning: #F9E055; $valid: #038144; // etc... Il progetto avrà un gran numero di file CSS, per la sua natura. È importante dichiarare tutte le variabili di stile …
217 css  sass 
13
È possibile importare un'intera directory in sass usando @import?
Sto modularizzando i miei fogli di stile con i parziali SASS in questo modo: @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'è un modo per includere l'intera directory dei parziali (è una directory piena di SASS-parziali) come @import compass o qualcosa …
209 import  sass  partials 
13
Creare un mix Sass con argomenti opzionali
Sto scrivendo un mixin come questo: @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; } Quando viene chiamato, ciò che voglio veramente è che se non $insetviene passato alcun valore, non viene emesso …
201 sass 
2
Cos'è Compass, cos'è sass ... come differiscono?
Vorrei iniziare a usare compass and sass per accelerare lo sviluppo. Al momento, ho installato Sass su un Mac e gli ho chiesto di guardare il file scss per l'input e un file css per l'output generato. Da molti articoli, Sass viene utilizzato con Compass, mi chiedo perché sia ​​così …
166 css  sass  compass-sass 
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.