neurocyte/flow-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style: lsp recommenations and tweaks on spaces and titles

Browse source 
* Nerd trimmed symbols as fallback
* Explicit h2, h3, h4 font size
* Add space on ul to improve visual before code

LSP recommendations
* Remove one line comments
* Complete style removal on forms
* Removed miplaced rule
This commit is contained in:
Igor Támara 2025-11-02 00:19:42 -05:00 • committed by CJ van den Berg
parent 664831ee35
commit f88d957c1a
1 changed files with 17 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

31
assets/css/index.css
View file

@ -10,15 +10,8 @@
} }
:root { :root {
// --font-family: "Pixel Code", monospace; --font-family: "Iosevka", "NerdFontsSymbols Nerd Font", monospace;
// --font-family: "Maple Mono", monospace; --font-family-titles: "AcPlus IBM VGA 9x16", "NerdFontsSymbols Nerd Font", monospace;
// --font-family: "JetBrains Mono", monospace;
--font-family: "Iosevka", monospace;
// --font-family-alt: "Pixel Code", monospace;
// --font-family-alt: "AcPlus IBM VGA 9x16", monospace;
--font-family-titles: "AcPlus IBM VGA 9x16", monospace;
// --font-family-titles: "Maple Mono", monospace;
// --font-family-titles: "Pixel Code", monospace;
--line-height: 2.00rem; --line-height: 2.00rem;
--border-thickness: 2px; --border-thickness: 2px;
--text-color: #333; --text-color: #333;
@ -26,7 +19,6 @@
--text-color-accent: #000; --text-color-accent: #000;
--background-color: #fff; --background-color: #fff;
--background-color-alt: #eee; --background-color-alt: #eee;
// --transform: uppercase;
--font-weight-normal: 500; --font-weight-normal: 500;
--font-weight-medium: 600; --font-weight-medium: 600;
@ -106,13 +98,23 @@ h1 {
font-weight: var(--font-weight-titles); font-weight: var(--font-weight-titles);
} }
h2 { h2 {
font-size: 3rem;
font-family: var(--font-family-titles);
font-weight: var(--font-weight-titles);
text-transform: var(--transform);
}
h3 {
font-size: 2rem; font-size: 2rem;
font-family: var(--font-family-titles); font-family: var(--font-family-titles);
font-weight: var(--font-weight-titles); font-weight: var(--font-weight-titles);
text-transform: var(--transform); text-transform: var(--transform);
// margin-left: calc(var(--line-height) * 1);
} }
text-transform: var(--transform) h4 {
font-size: 1.6rem;
font-family: var(--font-family-titles);
font-weight: var(--font-weight-titles);
text-transform: var(--transform);
}
hr { hr {
position: relative; position: relative;
display: block; display: block;
@ -284,7 +286,7 @@ figcaption {
ul, ol { ul, ol {
padding: 0; padding: 0;
margin: 0 0 var(--line-height); margin: var(--line-height) 0 var(--line-height);
} }
ul { ul {
@ -319,7 +321,7 @@ li::marker {
} }
::-webkit-scrollbar { ::-webkit-scrollbar {
height: var(--line-height); height: var(--line-height);
} }
input, button, textarea { input, button, textarea {
@ -339,6 +341,7 @@ input, button, textarea {
-webkit-font-smoothing: inherit; -webkit-font-smoothing: inherit;
-moz-osx-font-smoothing: inherit; -moz-osx-font-smoothing: inherit;
-webkit-appearance: none; -webkit-appearance: none;
appearance: none;
} }
input[type=checkbox] { input[type=checkbox] {