1+ {{--
2+
3+
4+ |--------------------------------------------------------------------------
5+ | Custom assets
6+ |--------------------------------------------------------------------------
7+
8+ Custom assets are stored in the 'custom-assets' directory found inside the 'extra' folder.
9+ Custom assets can be any file you would like to use in your theme.
10+ For example: JS, CSS or image files.
11+
12+ You can load these custom assets with a built-in function, 'themeAsset()'.
13+ Add the file you want to add to your 'custom-assets' folder, and include the name with the file extension in the function.
14+
15+ Down below, you can find a few examples using this function:
16+
17+
18+
19+ --}}
20+
21+ <style >
22+ /* latin */
23+ @font -face { font-family : ' Karla' ; font-style : normal ; font-weight : 400 ;
24+ font-stretch : 100% ; font-display : swap ; src : url (' {{ themeAsset (' karla-latin-400-normal.woff2' )} }' ), url (' {{ themeAsset (' karla-latin-400-normal.woff' )} }' );
25+ unicode-range : U+0000-00FF ,U+0131 ,U+0152-0153 ,U+02BB-02BC ,U+02C6 ,U+02DA ,U+02DC ,U+2000-206F ,U+2074 ,U+20AC ,U+2122 ,U+2191 ,U+2193 ,U+2212 ,U+2215 ,U+FEFF ,U+FFFD ;
26+ }
27+
28+ /* latin-ext */
29+ @font -face { font-family : ' Karla' ; font-style : normal ; font-weight : 400 ;
30+ font-stretch : 100% ; font-display : swap ; src : url (' {{ themeAsset (' karla-latin-ext-400-normal.woff2' )} }' ), url (' {{ themeAsset (' karla-latin-ext-400-normal.woff' )} }' );
31+ unicode-range : U+0100-024F ,U+0259 ,U+1E00-1EFF ,U+2020 ,U+20A0-20AB ,U+20AD-20CF ,U+2113 ,U+2C60-2C7F ,U+A720-A7FF ;
32+ }
33+
34+ /* latin */
35+ @font -face { font-family : ' Karla' ; font-style : normal ; font-weight : 700 ;
36+ font-stretch : 100% ; font-display : swap ; src : url (' {{ themeAsset (' karla-latin-700-normal.woff2' )} }' ), url (' {{ themeAsset (' karla-latin-700-normal.woff' )} }' );
37+ unicode-range : U+0000-00FF ,U+0131 ,U+0152-0153 ,U+02BB-02BC ,U+02C6 ,U+02DA ,U+02DC ,U+2000-206F ,U+2074 ,U+20AC ,U+2122 ,U+2191 ,U+2193 ,U+2212 ,U+2215 ,U+FEFF ,U+FFFD ;
38+ }
39+
40+ /* latin-ext */
41+ @font -face { font-family : ' Karla' ; font-style : normal ; font-weight : 700 ;
42+ font-stretch : 100% ; font-display : swap ; src : url (' {{ themeAsset (' karla-latin-ext-700-normal.woff2' )} }' ), url (' {{ themeAsset (' karla-latin-ext-700-normal.woff' )} }' );
43+ unicode-range : U+0100-024F ,U+0259 ,U+1E00-1EFF ,U+2020 ,U+20A0-20AB ,U+20AD-20CF ,U+2113 ,U+2C60-2C7F ,U+A720-A7FF ;
44+ }
45+
46+ html {
47+ font-size : 100% ; }
48+
49+ :root {
50+ --bgColor : #223344 ;
51+ --bgColor2 : #090a0f ;
52+ --accentColor : #FFF ;
53+ --font : ' Karla' , sans-serif ;
54+ --delay : .3s ; }
55+
56+ </style >
0 commit comments