Rubrik & brödtext
I de flesta block som hanterar text finns följande kod i CSS:
@include sf-text();
Här läggs alla regler automatiskt in från 'Utseende', t.ex. h1, h2, p osv. Ibland kanske du vill att när ditt block läggs ska den inte ta h1-storleken från 'Utseende', utan du vill att den ska vara 72px.
Självklart går det fint att koda in 72px under, så här:
@include sf-text();
h1 {
font-size: 72px;
}
Vill du istället låta användare ha möjlighet att byta kan du gå in under Properties och ställa in följande för fonts.
<fonts
heading-1-font-size="70px"
heading-1-line-height="1.1em"
heading-1-letter-spacing="0px"
heading-1-font-weight="700"
/>
Det går bra att ersätta heading-1 här med:
heading-2
heading-3
paragraph
Knapp
För att anpassa knappen som kommer in:
<button
name="button"
version="2"
size="1"
font-size="18px"
font-weigt="400"
letter-spacing="0px"
color="rgba(255, 0, 0, 1)"
color-hover="rgba(0, 0, 255, 1)"
line-height="1em"
margin="0"
align="left"
border-width="1px"
border-color="rgba(0, 0, 255, 1)"
border-color-hover="rgba(0, 0, 255, 1)"
background="rgba(0, 255, 0, 1)"
background-hover="rgba(255, 255, 0, 1)"
/>
Knappen har tre olika storlekar (1, 2 och 3). Align kan vara antingen left, center eller right.