Skip to content

Commit

Permalink
chore: style revamp
Browse files Browse the repository at this point in the history
  • Loading branch information
@loks0n
loks0n committed Sep 1, 2023
1 parent 028973c commit 2fce47e
Show file tree
Hide file tree
Showing 12 changed files with 756 additions and 947 deletions.
840 changes: 461 additions & 379 deletions package-lock.json
View file

Large diffs are not rendered by default.

30 changes: 14 additions & 16 deletions package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,28 +13,26 @@
"format": "prettier --plugin-search-dir . --write ."
},
"devDependencies": {
"@fontsource-variable/azeret-mono": "^5.0.3",
"@fontsource-variable/work-sans": "^5.0.3",
"@splitbee/web": "^0.3.0",
"@sveltejs/adapter-auto": "^2.1.0",
"@sveltejs/adapter-static": "^2.0.2",
"@sveltejs/kit": "^1.20.1",
"@typescript-eslint/eslint-plugin": "^5.59.9",
"@typescript-eslint/parser": "^5.59.9",
"eslint": "^8.42.0",
"eslint-config-prettier": "^8.8.0",
"@sveltejs/adapter-static": "^2.0.3",
"@sveltejs/kit": "^1.24.0",
"@typescript-eslint/eslint-plugin": "^6.5.0",
"@typescript-eslint/parser": "^6.5.0",
"eslint": "^8.48.0",
"eslint-config-prettier": "^9.0.0",
"eslint-plugin-svelte3": "^4.0.0",
"mdsvex": "^0.10.6",
"mdsvex": "^0.11.0",
"mdsvex-relative-images": "^1.0.3",
"prettier": "^2.8.8",
"prettier-plugin-svelte": "^2.10.1",
"prettier": "^3.0.3",
"prettier-plugin-svelte": "^3.0.3",
"slugify": "^1.6.6",
"svelte": "^3.59.1",
"svelte-check": "^3.4.3",
"svelte": "^4.2.0",
"svelte-check": "^3.5.1",
"svelte-sitemap": "^2.6.0",
"tslib": "^2.5.3",
"typescript": "^5.1.3",
"vite": "^4.3.9"
"tslib": "^2.6.2",
"typescript": "^5.2.2",
"vite": "^4.4.9"
},
"type": "module"
}
249 changes: 53 additions & 196 deletions src/app.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,18 +10,16 @@
font: inherit;
}

ul,
ol {
padding: revert;
}

nav > ul {
padding: 0;
}

body {
color: #333333;
font-family: 'Work SansVariable', sans-serif;
}

a {
color: rgb(37, 123, 76);
}

img,
Expand All @@ -32,131 +30,91 @@ video {
max-width: 100%;
}

article,
article > section {
max-width: 100%;
display: flex;
flex-direction: column;
gap: 1em;
article > * {
line-height: 1.5;
margin-bottom: 1.5em;
}

article img {
margin: 1.5em 0;
border-radius: 0.5em;
article small {
font-family: 'Courier New', Courier, monospace;
opacity: 0.5;
font-size: 0.75rem;
}

p,
ul {
line-height: 1.8;
article h1,
article h2,
article h3,
article h4,
article h5,
article h6 {
font-weight: 600;
line-height: 1.1;
}

h1 {
font-size: 2.5rem;
font-weight: 800;
line-height: 1.1;
margin: 0 auto 0.5em;
text-wrap: balance;
color: darkslategray;
font-family: 'Azeret Mono Variable', monospace;
article h1 {
font-size: 3.5rem;
margin-bottom: 0em;
}

h2 {
font-size: 2rem;
font-weight: 700;
article h2 {
font-size: 2.5rem;
margin-top: 1.5em;
text-wrap: balance;
color: darkslategray;
font-family: 'Azeret Mono Variable', monospace;
margin-bottom: 0.5em;
}

h3 {
font-size: 1.75rem;
font-weight: 600;
margin-top: 0.5em;
text-wrap: balance;
color: darkslategray;
font-family: 'Azeret Mono Variable', monospace;
article h3 {
font-size: 1.5rem;
margin-top: 1.5em;
margin-bottom: 0.5em;
}

h4 {
article h4 {
font-size: 1.25rem;
font-weight: 500;
margin-top: 0.5em;
text-wrap: balance;
color: darkslategray;
font-family: 'Azeret Mono Variable', monospace;
}

@supports (font-variation-settings: normal) {
h1 {
font-variation-settings: 'wght' 800;
}

h2 {
font-variation-settings: 'wght' 700;
}

h3 {
font-variation-settings: 'wght' 600;
}
}

a {
color: darkslategray;
font-family: 'Azeret Mono Variable', monospace;
margin-top: 1.5em;
margin-bottom: 0.5em;
}

a:visited {
filter: brightness(0.8);
article h5 {
font-size: 1.15rem;
margin-top: 1.5em;
margin-bottom: 0.5em;
}

button {
font-family: 'Azeret Mono Variable', monospace;
article h6 {
font-size: 1rem;
margin-top: 1.5em;
margin-bottom: 0.5em;
}

article pre {
max-width: 100%;
overflow-x: scroll;
font-size: 0.9rem;
font-family: monospace;
article ul,
article ol {
padding: revert;
padding-left: 1.5em;
}

article code {
border-radius: 0.5em;
font-size: 0.9rem;
font-family: monospace;
article li {
margin-bottom: 0.5em;
}

article blockquote {
border-left: 0.25em solid darkslategray;
border-left: 0.25em solid #333333;
padding-left: 1em;
margin-left: 0;
font-style: italic;
}

hr {
opacity: 0.1;
}

/*
* Laserwave Theme originally by Jared Jones for Visual Studio Code
* https://github.com/Jaredk3nt/laserwave
*
* Ported for PrismJS by Simon Jespersen [https://github.com/simjes]
*/

code[class*='language-'],
pre[class*='language-'] {
article code:not([class*='language-']) {
background: #27212e;
color: #ffffff;
font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; /* this is the default */
/* The following properties are standard, please leave them as they are */
font-size: 1em;
font-size: 0.75rem;
direction: ltr;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
line-height: 1.5;
line-height: inherit;
-moz-tab-size: 2;
-o-tab-size: 2;
tab-size: 2;
Expand All @@ -165,108 +123,7 @@ pre[class*='language-'] {
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}

code[class*='language-']::-moz-selection,
code[class*='language-'] ::-moz-selection,
pre[class*='language-']::-moz-selection,
pre[class*='language-'] ::-moz-selection {
background: #eb64b927;
color: inherit;
}

code[class*='language-']::selection,
code[class*='language-'] ::selection,
pre[class*='language-']::selection,
pre[class*='language-'] ::selection {
background: #eb64b927;
color: inherit;
}

/* Properties specific to code blocks */
pre[class*='language-'] {
padding: 1em; /* this is standard */
margin: 0.5em 0; /* this is the default */
overflow: auto; /* this is standard */
padding: 0.25em;
overflow: auto;
border-radius: 0.5em;
}

/* Properties specific to inline code */
:not(pre) > code[class*='language-'] {
padding: 0.2em 0.3em;
border-radius: 0.5rem;
white-space: normal; /* this is standard */
}

.token.comment,
.token.prolog,
.token.cdata {
color: #91889b;
}

.token.punctuation {
color: #7b6995;
}

.token.builtin,
.token.constant,
.token.boolean {
color: #ffe261;
}

.token.number {
color: #b381c5;
}

.token.important,
.token.atrule,
.token.property,
.token.keyword {
color: #40b4c4;
}

.token.doctype,
.token.operator,
.token.inserted,
.token.tag,
.token.class-name,
.token.symbol {
color: #74dfc4;
}

.token.attr-name,
.token.function,
.token.deleted,
.token.selector {
color: #eb64b9;
}

.token.attr-value,
.token.regex,
.token.char,
.token.string {
color: #b4dce7;
}

.token.entity,
.token.url,
.token.variable {
color: #ffffff;
}

/* The following rules are pretty similar across themes, but feel free to adjust them */
.token.bold {
font-weight: bold;
}

.token.italic {
font-style: italic;
}

.token.entity {
cursor: help;
}

.token.namespace {
opacity: 0.7;
}
Loading

0 comments on commit 2fce47e

Please sign in to comment.