0
X
Add Snippet To Project
New Project
Add To Existing Project
{
"version": 1,
"settings": {
"fontSizes": [
12,
14,
16,
20,
24,
32,
48
],
"fontFamilies": [
"Arial",
"sans-serif",
"serif",
"monospace"
],
"colors": {
"text": "#000",
"background": "#fff",
"primary": "#07c",
"secondary": "#30c",
"muted": "#f6f6f6",
"highlight": "rgba(0, 99, 204, 0.2)"
}
},
"styles": {
"p": {
"fontFamily": "Arial"
},
"h1": {
"fontFamily": "Arial"
},
"h2": {
"fontFamily": "Arial"
},
"h3": {
"fontFamily": "Arial"
},
"h4": {
"fontFamily": "Arial"
},
"h5": {
"fontFamily": "Arial"
},
"h6": {
"fontFamily": "Arial"
},
"a": {
"color": "#07c",
"&:hover": {
"color" : "#30c"
},
"p": {
"fontFamily": "Arial"
}
}
}
}
The fontSizes property sets the list of available font sizes to be used in the styles. The fontFamilies property sets the list of available font families, and we specified Arial as the default. The colors property sets up basic color values that can be used in the styles.