Mobile Optimization #8

Merged
revengeday merged 8 commits from kaiserkiwi/cyber-circle-creator:mobile-optimization into main 2024-11-17 13:40:11 +00:00
3 changed files with 20 additions and 7 deletions
Showing only changes of commit 3cfc87ae72 - Show all commits

View file

@ -0,0 +1,8 @@
## Description
<!-- Describe the changes in this PR. -->
## How to test
<!-- Describe how to test the changes made in this PR. -->
## Related issues
<!-- Mention the issue(s) this PR closes or is related to. -->

6
.gitignore vendored Normal file
View file

@ -0,0 +1,6 @@
# IDE stuff
.idea
# All files in the fonts directory except the README
fonts/*
!fonts/README.md

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);
} }