kaiserkiwi/cyber-circle-creator
1
0
Fork 0
forked from revengeday/cyber-circle-creator
Code Pull requests Activity

Compare commits

base: kaiserkiwi:fb97e4845880a7efd56d799c2f43556dc935754c
Branches Tags
kaiserkiwi:main
revengeday:main
...
compare: kaiserkiwi:245ee4a2a05ec7fb341d6a86fac649707e08f1d8
Branches Tags
kaiserkiwi:main
revengeday:main

4 commits
fb97e48458 ... 245ee4a2a0

Author SHA1 Message Date
Ramses Revengeday
245ee4a2a0 Merge branch 'main' into pull-request-template 2024-11-17 11:10:35 +00:00
Ramses Revengeday
f270e3f06e Merge pull request 'Optimize font family integration' (#7) from kaiserkiwi/cyber-circle-creator:font-family into main 
Reviewed-on: revengeday/cyber-circle-creator#7
 2024-11-17 11:09:00 +00:00
Marco Kaiser
cb7f54ce0b
fix: Add missing fallback 
- Change font family for input and button to inherit to reduce duplication and make code more maintainable
 2024-11-17 06:44:30 +01:00
Marco Kaiser
a26bcacde8
style: Remove unnecessary .woff file type 
Info: WOFF2 is supported in all major browsers since 2016
 2024-11-17 06:40:38 +01:00
1 changed files with 6 additions and 7 deletions
Show stats Expand all files Collapse all files

13
css/style.css
View file

@ -1,11 +1,10 @@
@font-face { @font-face {
/* /*
Note: The font files are not included in this repository due to legal restrictions. Note: The font files are not included in this repository due to legal restrictions.
For more information, please refer to the README.md file located in the 'fonts' directory. For more information, please refer to the README.md file located in the 'fonts' directory.
*/ */
font-family: 'Departure Mono'; font-family: 'Departure Mono';
src: url('../fonts/DepartureMono-Regular.woff2') format('woff2'), src: url('../fonts/DepartureMono-Regular.woff2') format('woff2');
url('../fonts/DepartureMono-Regular.woff') format('woff');
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
font-display: swap; font-display: swap;
@ -30,7 +29,7 @@
} }
body { body {
font-family: 'Departure Mono'; font-family: 'Departure Mono', monospace;
font-size: 18px; font-size: 18px;
line-height: 1.75; line-height: 1.75;
background-color: var(--cyber-bg-color); background-color: var(--cyber-bg-color);
@ -99,7 +98,7 @@ main {
} }
input[type="text"] { input[type="text"] {
font-family: 'Departure Mono'; font-family: inherit;
width: calc(100% - 20px); width: calc(100% - 20px);
padding: 10px; padding: 10px;
border: 2px solid var(--cyber-primary-color); border: 2px solid var(--cyber-primary-color);
@ -151,7 +150,7 @@ input[type="text"]:focus {
/* Buttons */ /* Buttons */
button { button {
font-family: 'Departure Mono'; font-family: inherit;
padding: 10px 20px; padding: 10px 20px;
border-radius: 5px; border-radius: 5px;
background-color: var(--cyber-bg-color); background-color: var(--cyber-bg-color);
@ -540,4 +539,4 @@ a {
a:hover { a:hover {
text-decoration: none; text-decoration: none;
color: var(--cyber-secondary-color); color: var(--cyber-secondary-color);
} }