Herramientas de usuario

Herramientas del sitio


wiki2:sass

¡Esta es una revisión vieja del documento!


Sass

Execute

sass --watch main.scss ../stylesheet.css

Sintaxis

Imports

@import "definitions";
@import "global";
@import "frontpage";

Import de fuentes

Al iniciar el documento:

@import url("https://fonts.googleapis.com/css?family=Kreon|Bitter");

Uso de fuentes

$font-title: "Kreon", "Courier New", monospace;
font-family: $font-default;

Maps

$scale-large: (
    h1: 2.961rem,
    h2: 2.2rem,
    h3: 1.2rem,
    p: 1rem,
    p-little: 0.8rem
);
...
font-size: map-get($scale-large, h2);

Mixins

@mixin size($elem) {
  font-size: map-get($scale-large, $elem);
  @media (max-width: $responsive-medium) {
    font-size: map-get($scale-medium, $elem);
  }
  @media (max-width: $responsive-small) {
    font-size: map-get($scale-small, $elem);
  }
}
...
@include size(h2); 
wiki2/sass.1539439641.txt.gz · Última modificación: 2020/05/09 09:25 (editor externo)