alamin/websurfx
alamin/websurfx
0
0
Fork 0
mirror of https://github.com/neon-mmd/websurfx.git synced 2024-11-22 14:08:23 -05:00
Code Issues Releases Activity

refactor: changed decimal values to percentage, added quotation in urls, add blank lines to before rule declarations and between font-face rules

Browse Source
This commit is contained in:
cybrejon 2024-02-22 00:53:59 +08:00
parent 938ba26bb9
commit c3d04bc097
1 changed files with 32 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
public/static/themes/simple.css
View File

@ -1,38 +1,42 @@
/* @import url('./catppuccin-mocha.css'); */ /* @import url('./catppuccin-mocha.css'); */
@font-face { @font-face {
font-family: 'Rubik'; font-family: Rubik;
font-style: normal; font-style: normal;
font-weight: 200; font-weight: 200;
font-display: swap; font-display: swap;
src: url(https://fonts.gstatic.com/s/rubik/v28/iJWKBXyIfDnIV7nBrXw.woff2) format('woff2'); src: url("https://fonts.gstatic.com/s/rubik/v28/iJWKBXyIfDnIV7nBrXw.woff2") format('woff2');
} }
@font-face { @font-face {
font-family: 'Rubik'; font-family: Rubik;
font-style: normal; font-style: normal;
font-weight: 300; font-weight: 300;
font-display: swap; font-display: swap;
src: url(https://fonts.gstatic.com/s/rubik/v28/iJWKBXyIfDnIV7nBrXw.woff2) format('woff2'); src: url("https://fonts.gstatic.com/s/rubik/v28/iJWKBXyIfDnIV7nBrXw.woff2") format('woff2');
} }
@font-face { @font-face {
font-family: 'Rubik'; font-family: Rubik;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
font-display: swap; font-display: swap;
src: url(https://fonts.gstatic.com/s/rubik/v28/iJWKBXyIfDnIV7nBrXw.woff2) format('woff2'); src: url("https://fonts.gstatic.com/s/rubik/v28/iJWKBXyIfDnIV7nBrXw.woff2") format('woff2');
} }
@font-face { @font-face {
font-family: 'Rubik'; font-family: Rubik;
font-style: normal; font-style: normal;
font-weight: 500; font-weight: 500;
font-display: swap; font-display: swap;
src: url(https://fonts.gstatic.com/s/rubik/v28/iJWKBXyIfDnIV7nBrXw.woff2) format('woff2'); src: url("https://fonts.gstatic.com/s/rubik/v28/iJWKBXyIfDnIV7nBrXw.woff2") format('woff2');
} }
@font-face { @font-face {
font-family: 'Rubik'; font-family: Rubik;
font-style: normal; font-style: normal;
font-weight: 600; font-weight: 600;
font-display: swap; font-display: swap;
src: url(https://fonts.gstatic.com/s/rubik/v28/iJWKBXyIfDnIV7nBrXw.woff2) format('woff2'); src: url("https://fonts.gstatic.com/s/rubik/v28/iJWKBXyIfDnIV7nBrXw.woff2") format('woff2');
} }
* { * {
@ -51,7 +55,7 @@ body {
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
min-height: 100vh; min-height: 100vh;
font-family: 'Rubik', sans-serif; font-family: Rubik, sans-serif;
background-color: var(--background-color); background-color: var(--background-color);
} }
@ -93,7 +97,7 @@ button {
height: 3rem; height: 3rem;
outline: none; outline: none;
border: none; border: none;
box-shadow: rgb(0 0 0 / 1); box-shadow: rgb(0 0 0 / 100%);
background-color: var(--color-one); background-color: var(--color-one);
color: var(--foreground-color); color: var(--foreground-color);
outline-offset: 3px; outline-offset: 3px;
@ -231,7 +235,7 @@ button {
} }
.error_box .dropdown_error_box .error_item:hover { .error_box .dropdown_error_box .error_item:hover {
box-shadow: inset 0 0 100px 100px rgb(255 255 255 / 0.1); box-shadow: inset 0 0 100px 100px rgb(255 255 255 / 10%);
} }
.error_box .error_item .severity_color { .error_box .error_item .severity_color {
@ -843,37 +847,50 @@ input:checked + .slider::before {
border-radius: 50%; border-radius: 50%;
} }
@media only screen and (max-width: 1135px) { @media screen and (width <= 1136px) {
.hero-text-container { .hero-text-container {
width: unset; width: unset;
} }
.features { .features {
grid-template-columns: repeat(2, 1fr); grid-template-columns: repeat(2, 1fr);
} }
} }
@media only screen and (max-width: 705px) {
@media screen and (width <= 706px) {
.about-container article .logo-container svg { .about-container article .logo-container svg {
width: clamp(200px, 290px, 815px); width: clamp(200px, 290px, 815px);
} }
.about-container article .text-block .text-block-title { .about-container article .text-block .text-block-title {
font-size: 33px; font-size: 33px;
} }
.hero-text { .hero-text {
font-size: 22px; font-size: 22px;
} }
.about-container { .about-container {
width: unset; width: unset;
} }
.feature-list-title { .feature-list-title {
font-size: 33px; font-size: 33px;
} }
.features { .features {
grid-template-columns: 1fr; grid-template-columns: 1fr;
} }
.feature-list { .feature-list {
padding: 35px 0; padding: 35px 0;
} }
.feature-card { .feature-card {
border-radius: 0; border-radius: 0;
} }
} }