|
15 | 15 |
|
16 | 16 | */ |
17 | 17 |
|
18 | | - |
19 | | -@import url('https://fonts.bunny.net/css?family=Roboto:400,700&display=swap'); |
20 | | - |
21 | | - |
22 | 18 | /* Grid |
23 | 19 | –––––––––––––––––––––––––––––––––––––––––––––––––– */ |
24 | 20 | .container { |
|
61 | 57 | html is set to 62.5% so that all the REM measurements throughout Skeleton |
62 | 58 | are based on 10px sizing. So basically 1.5rem = 15px :) */ |
63 | 59 |
|
64 | | - html { |
65 | | - font-size: 100%; } |
66 | | - |
67 | | -/* From the :root element you can easily change the colors of the design, its size and so on. */ |
68 | | -:root { |
69 | | - |
70 | | - /* You can change the font family in the whole design here. (You need to add the font family to the codes.) */ |
71 | | - --font-family: 'Inter', sans-serif; |
72 | | - |
73 | | - /* You can change the font size here, is proportional to all texts. */ |
74 | | - --font-size: 16px; |
75 | | - |
76 | | - /* You can change the background color by typing the color code. (If you do not enter a background-image image, the background-color will be active.) */ |
77 | | - --background-color: #000; |
78 | | - --background-image: url('https://raw.githubusercontent.com/JulianPrieber/Dark/main/wallpaper.png'); |
79 | | - |
80 | | - /* You can change the frame thickness and color of the picture by typing the number of pixels and the color code. */ |
81 | | - --image-border-color: #1f232e; |
82 | | - --image-border-px: 3px; |
83 | | - |
84 | | - /* You can change the width and size of the picture by typing the number of pixels. */ |
85 | | - --image-width: 140px; |
86 | | - --image-height: 140px; |
87 | | - |
88 | | - /* You can change the colors of the title and description section by typing the color codes. */ |
89 | | - --title-color: #fff; |
90 | | - --description-color: #fff; |
91 | | - |
92 | | - /* You can change the colors of social media icons by changing the color code. */ |
93 | | - --svg-color: #fff; |
94 | | - |
95 | | - /* You can change the background, text color and active color of the menu by changing the color codes. */ |
96 | | - --menu-background-color: #1f232e; |
97 | | - --menu-text-color: #fff; |
98 | | - --menu-active-text-color: #8ecae6; |
99 | | - |
100 | | - /* You can change the button's background, text color and active color by changing the color codes. */ |
101 | | - --button-background-color: #1f232e; |
102 | | - --button-text-color: #fff; |
103 | | - --button-text-hover-color: #8ecae6; |
104 | | - |
105 | | - /* You can change the background, text color and active color of the text field by changing the color codes. */ |
106 | | - --textarea-background-color: #1f232e; |
107 | | - --textarea-text-color: #fff; |
108 | | - --textarea-link-text-color: #8ecae6; |
109 | | - |
110 | | - /* You can change the background, text color and active color of the footer area by changing the color codes. */ |
111 | | - --footer-background-color: #1f232e; |
112 | | - --footer-text-color: #fff; |
113 | | - --footer-link-text-color: #8ecae6; |
114 | | -} |
115 | | - |
116 | 60 | /* Background |
117 | 61 | –––––––––––––––––––––––––––––––––––––––––––––––––– */ |
118 | 62 |
|
|
0 commit comments