radicle/radicle-explorer
1
0
Fork 0
mirror of https://seed.radicle.dev/rad:z4V1sjrXqjvFdnCUbxPFqd5p4DtH5.git synced 2026-11-09 13:40:28 +08:00
Code Issues Packages Projects Releases Wiki Activity

Copy some css from radicle-explorer to be modified later

Browse Source
This commit is contained in:
Sebastian Martinez
2024-08-28 10:50:08 +02:00
committed by Rūdolfs Ošiņš
parent eaee2a9e6a
commit ffa1176f5f
4 changed files with 72 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+9
View File
@@ -5,6 +5,15 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Radicle</title>
<link rel="preload" href="/fonts/Inter-Regular.woff2" as="font" type="font/woff2" crossorigin="anonymous" />
<link rel="preload" href="/fonts/Inter-Medium.woff2" as="font" type="font/woff2" crossorigin="anonymous" />
<link rel="preload" href="/fonts/Inter-SemiBold.woff2" as="font" type="font/woff2" crossorigin="anonymous" />
<link rel="preload" href="/fonts/Inter-Bold.woff2" as="font" type="font/woff2" crossorigin="anonymous" />
<link rel="stylesheet" href="/index.css">
<link rel="stylesheet" href="/colors.css">
<link rel="stylesheet" href="/typography.css">
</head>
<body>
public/colors.css
+4
View File
@@ -0,0 +1,4 @@
:root {
--color-background-default: #0a0d10;
--color-foreground-contrast: #f9f9fb;
}
public/index.css
+11
View File
@@ -0,0 +1,11 @@
* {
box-sizing: border-box;
}
body {
height: 100%;
margin: 0;
padding: 0;
color: var(--color-foreground-contrast);
background-color: var(--color-background-default);
}
public/typography.css
+48
View File
@@ -0,0 +1,48 @@
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("fonts/Inter-Regular.woff2");
}
@font-face {
font-family: "Inter";
font-weight: 500;
font-display: swap;
src: url("fonts/Inter-Medium.woff2");
}
@font-face {
font-family: "Inter";
font-weight: 600;
font-display: swap;
src: url("fonts/Inter-SemiBold.woff2");
}
@font-face {
font-family: "Inter";
font-weight: 700;
font-display: swap;
src: url("fonts/Inter-Bold.woff2");
}
:root {
--font-family-sans-serif: Inter, sans-serif;
--font-size-small: 0.875rem; /* 14px */
--font-size-regular: 1rem; /* 16px */
--font-size-medium: 1.25rem; /* 20px */
}
html {
font-family: var(--font-family-sans-serif);
font-size: 16px;
font-weight: var(--font-weight-regular);
}
.txt-small {
font-size: var(--font-size-small);
}
.txt-regular {
font-size: var(--font-size-regular);
}
.txt-medium {
font-size: var(--font-size-medium);
}