Brújula spriting

Para lograr spriting por la brújula de acuerdo con the documentation escribí esto:Brújula spriting

// web/sass/icons.scss 
@import "../images/icons/*.jpg"; // for any cases also tried .png 
@include all-icons-sprites;

y consiguió el error:

error sass/icons.scss (Line 2: File to import not found or unreadable: ../images/icons/*.jpg.

No creo que el camino es equivocado, porque también intentó ruta completa.

La estructura es la siguiente:

+ web 
    - sass 
    + icons.scss 
    + ... 
    - images 
    + icons 
     - icon1.jpg 
     - icon2.jpg 
     - ...

Fuente

2012-06-07 seferov

Compás por sprites utiliza las rutas definidas en config.rb.

Así que si usted tiene esta estructura:

+ web 
    + sass 
    - icons.scss 
    + images 
    + icons 
     - icon1.png 
    + config.rb

En su config.rb usted debe tener algo similar a esto:

... 
images_dir = "images" 
sass_dir = "sass" 
...

Luego, en su icons.scss usted debe hacer esto:

// web/sass/icons.scss 
@import "icons/*.png"; // for any cases also tried .png 
@include all-icons-sprites;

Porque la importación es relativa al images dir ectory que definimos anteriormente.

Asegúrese de entender el fichero de configuración, ya que puede ser difícil http://compass-style.org/help/tutorials/configuration-reference/

Fuente

2012-06-07 07:53:37

gracias. suena razonable sin embargo, tampoco funciona: 'Archivo para importar no encontrado o ilegible: icons/*. jpg'. La parte interesante es que para imágenes de fondo, por ejemplo, en archivos scss utilizo 'background: url (../ images/somepic.png)' y funciona – seferov

No miré primero los íconos que trataste de importar , pero Compass solo admite PNG para sprites. No está escrito en el tutorial, pero en la sección de ayuda se puede encontrar eso: http://compass-style.org/reference/compass/helpers/sprites/ –

y también debe ser '@include all-icons-sprites' :) – seferov

este hilo es antiguo, pero la solución fresca y silenciosa para spiriting con brújula es aquí on github

Fuente

2013-12-03 18:23:13

Respuesta

Cuestiones relacionadas