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+ @font -face {
23+ font-family : " neon-tubes-2-regular" ;
24+ src :
25+ url (' {{ themeAsset (' NeonTubes2.otf' )} }' ),
26+ url (' {{ themeAsset (' NeonTubes2.ttf' )} }' ),
27+ url (' {{ themeAsset (' NeonTubes2.woff' )} }' )
28+ ;
29+ }
30+
31+ /* devanagari */
32+ @font -face {
33+ font-family : ' Teko' ;
34+ font-style : normal ;
35+ font-weight : 400 ;
36+ font-display : swap ;
37+ src : url (' {{ themeAsset (' Teko.woff2' )} }' );
38+ unicode-range : U+0900-097F , U+1CD0-1CF9 , U+200C-200D , U+20A8 , U+20B9 , U+25CC , U+A830-A839 , U+A8E0-A8FF ;
39+ }
40+ /* latin-ext */
41+ @font -face {
42+ font-family : ' Teko' ;
43+ font-style : normal ;
44+ font-weight : 400 ;
45+ font-display : swap ;
46+ src : url (' {{ themeAsset (' Teko.woff2' )} }' );
47+ unicode-range : U+0100-02AF , U+0304 , U+0308 , U+0329 , U+1E00-1E9F , U+1EF2-1EFF , U+2020 , U+20A0-20AB , U+20AD-20CF , U+2113 , U+2C60-2C7F , U+A720-A7FF ;
48+ }
49+ /* latin */
50+ @font -face {
51+ font-family : ' Teko' ;
52+ font-style : normal ;
53+ font-weight : 400 ;
54+ font-display : swap ;
55+ src : url (' {{ themeAsset (' Teko.woff2' )} }' );
56+ unicode-range : U+0000-00FF , U+0131 , U+0152-0153 , U+02BB-02BC , U+02C6 , U+02DA , U+02DC , U+0304 , U+0308 , U+0329 , U+2000-206F , U+2074 , U+20AC , U+2122 , U+2191 , U+2193 , U+2212 , U+2215 , U+FEFF , U+FFFD ;
57+ }
58+
59+ html {
60+ block-size : 100% ;
61+ inline-size : 100% ;
62+ }
63+
64+ body {
65+ color : rgb (0 , 0 , 0 );
66+ background : radial-gradient (ellipse at bottom , #4A587B 0% , #030308 100% );
67+ -webkit-background-size : cover ;
68+ -moz-background-size : cover ;
69+ -o-background-size : cover ;
70+ background-size : 400% 400% ;
71+ background-repeat : no-repeat ;
72+ position : absolute ;
73+ width : 100% ;
74+ height : 100% ;
75+ }
76+
77+ body {
78+ min-block-size : 100% ;
79+ min-inline-size : 100% ;
80+ font-weight : 700 ;
81+ margin : 0 ;
82+ box-sizing : border-box ;
83+ display : grid ;
84+ font-family : ' Teko' , sans-serif ;
85+ letter-spacing : 0.1em ;
86+ }
87+ </style >
0 commit comments