56 lines
2.3 KiB
PHP
56 lines
2.3 KiB
PHP
{{--
|
||
|
||
|
||
|--------------------------------------------------------------------------
|
||
| Custom assets
|
||
|--------------------------------------------------------------------------
|
||
|
||
Custom assets are stored in the 'custom-assets' directory found inside the 'extra' folder.
|
||
Custom assets can be any file you would like to use in your theme.
|
||
For example: JS, CSS or image files.
|
||
|
||
You can load these custom assets with a built-in function, 'themeAsset()'.
|
||
Add the file you want to add to your 'custom-assets' folder, and include the name with the file extension in the function.
|
||
|
||
Down below, you can find a few examples using this function:
|
||
|
||
|
||
|
||
--}}
|
||
|
||
<style>
|
||
/* latin */
|
||
@font-face { font-family: 'Karla'; font-style: normal; font-weight: 400;
|
||
font-stretch: 100%; font-display: swap; src: url('{{themeAsset('karla-latin-400-normal.woff2')}}'), url('{{themeAsset('karla-latin-400-normal.woff')}}');
|
||
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;
|
||
}
|
||
|
||
/* latin-ext */
|
||
@font-face { font-family: 'Karla'; font-style: normal; font-weight: 400;
|
||
font-stretch: 100%; font-display: swap; src: url('{{themeAsset('karla-latin-ext-400-normal.woff2')}}'), url('{{themeAsset('karla-latin-ext-400-normal.woff')}}');
|
||
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;
|
||
}
|
||
|
||
/* latin */
|
||
@font-face { font-family: 'Karla'; font-style: normal; font-weight: 700;
|
||
font-stretch: 100%; font-display: swap; src: url('{{themeAsset('karla-latin-700-normal.woff2')}}'), url('{{themeAsset('karla-latin-700-normal.woff')}}');
|
||
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;
|
||
}
|
||
|
||
/* latin-ext */
|
||
@font-face { font-family: 'Karla'; font-style: normal; font-weight: 700;
|
||
font-stretch: 100%; font-display: swap; src: url('{{themeAsset('karla-latin-ext-700-normal.woff2')}}'), url('{{themeAsset('karla-latin-ext-700-normal.woff')}}');
|
||
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;
|
||
}
|
||
|
||
html {
|
||
font-size: 100%; }
|
||
|
||
:root {
|
||
--bgColor: #223344;
|
||
--bgColor2: #090a0f;
|
||
--accentColor: #FFF;
|
||
--font: 'Karla', sans-serif;
|
||
--delay: .3s; }
|
||
|
||
</style> |