Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Constitution DAO #128

Open
wants to merge 22 commits into
base: main
Choose a base branch
from
Open
Changes from 1 commit
Commits
Show all changes
22 commits
Select commit Hold shift + click to select a range
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Next Next commit
Add font files and stylesheets for DMSans and
Quicksand fonts
  • Loading branch information
Jennievon committed Oct 22, 2024
commit 0d8a8c91e629f36290264fc53162c3c74ea02489
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
47 changes: 47 additions & 0 deletions constitution-dao/src/app/styles/fonts/DMSans/stylesheet.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,47 @@
@font-face {
font-family: "DMSans";
src: url("DMSans-BlackItalic.ttf") format("truetype");
font-weight: 900;
font-style: italic;
font-display: swap;
}

@font-face {
font-family: "DMSans";
src: url("DMSans-Bold.ttf") format("truetype");
font-weight: bold;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: "DMSans";
src: url("DMSans-Light.ttf") format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: "DMSans";
src: url("DMSans-Regular.ttf") format("truetype");
font-weight: normal;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: "DMSans";
src: url("DMSans-Medium.ttf") format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: "DMSans";
src: url("DMSans-SemiBold.ttf") format("truetype");
font-weight: 600;
font-style: normal;
font-display: swap;
}
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
39 changes: 39 additions & 0 deletions constitution-dao/src/app/styles/fonts/Quicksand/stylesheet.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,39 @@
@font-face {
font-family: "Quicksand";
src: url("Quicksand-Bold.ttf") format("truetype");
font-weight: bold;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: "Quicksand";
src: url("Quicksand-Light.ttf") format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: "Quicksand";
src: url("Quicksand-Regular.ttf") format("truetype");
font-weight: normal;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: "Quicksand";
src: url("Quicksand-Medium.ttf") format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: "Quicksand";
src: url("Quicksand-SemiBold.ttf") format("truetype");
font-weight: 600;
font-style: normal;
font-display: swap;
}
196 changes: 196 additions & 0 deletions constitution-dao/src/app/styles/globals.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,196 @@
@tailwind base;
@tailwind components;
@tailwind utilities;

@import "./fonts/DMSans/stylesheet.css";
@import "./fonts/Quicksand/stylesheet.css";

/* --brand-orange: 6, 61%, 64%;
--brand-yellow: 32 61% 64%;
--brand-green: 156 18% 65%;
--brand-pink: 328 87% 69%; */

@layer base {
:root {
--background: 0 0% 100%;
--foreground: 20 14.3% 4.1%;
--card: 0 0% 100%;
--card-foreground: 20 14.3% 4.1%;
--popover: 0 0% 100%;
--popover-foreground: 20 14.3% 4.1%;
--primary: 6, 61%, 64%;
--primary-foreground: 60 9.1% 97.8%;
--secondary: 60 4.8% 95.9%;
--secondary-foreground: 24 9.8% 10%;
--muted: 60 4.8% 95.9%;
--muted-foreground: 25 5.3% 44.7%;
--accent: 60 4.8% 95.9%;
--accent-foreground: 24 9.8% 10%;
--success: 120 63% 31%;
--success-foreground: 210 40% 98%;
--warning: 45 80% 50%;
--warning-foreground: 0 0% 20%;
--destructive: 0 84.2% 60.2%;
--destructive-foreground: 60 9.1% 97.8%;
--border: 20 5.9% 90%;
--input: 20 5.9% 90%;
--ring: 6, 61%, 64%;
--radius: 0.5rem;
}

.dark {
--background: 20 14.3% 4.1%;
--foreground: 60 9.1% 97.8%;
--card: 20 14.3% 4.1%;
--card-foreground: 60 9.1% 97.8%;
--popover: 20 14.3% 4.1%;
--popover-foreground: 60 9.1% 97.8%;
--primary: 6, 61%, 64%;
--primary-foreground: 60 9.1% 97.8%;
--secondary: 12 6.5% 15.1%;
--secondary-foreground: 60 9.1% 97.8%;
--muted: 12 6.5% 15.1%;
--muted-foreground: 24 5.4% 63.9%;
--accent: 12 6.5% 15.1%;
--accent-foreground: 60 9.1% 97.8%;
--success: 120 63% 31%;
--success-foreground: 210 40% 98%;
--warning: 45 80% 50%;
--warning-foreground: 0 0% 20%;
--destructive: 0 72.2% 50.6%;
--destructive-foreground: 60 9.1% 97.8%;
--border: 12 6.5% 15.1%;
--input: 12 6.5% 15.1%;
--ring: 6, 61%, 64%;
}
}

@layer base {
* {
@apply border-border;
}

html {
font-family: "Quicksand", sans-serif;
}

body {
@apply bg-background text-foreground;
font-feature-settings: "rlig" 1, "calt" 1;
font-family: "Quicksand", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 500;
font-family: "DMSans", sans-serif;
}

input[type="number"] {
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
appearance: none;
-webkit-appearance: none;
}

/* styles for docs */
.prose ul {
list-style: disc;
margin-left: 2rem;
}

.prose ul li {
margin-bottom: 0.5rem;
}

.prose ul li:last-child {
margin-bottom: 0;
}

.prose ul ul {
list-style: circle;
margin-left: 2rem;
}

.prose a {
@apply text-accent-foreground;
}

.prose table td,
.prose table th {
border: 1px solid hsl(var(--border));
padding: 0.5rem;
}
}

.theme-slate {
--background: 0 0% 100%;
--foreground: 222.2 84% 4.9%;

--muted: 210 40% 96.1%;
--muted-foreground: 215.4 16.3% 46.9%;

--popover: 0 0% 100%;
--popover-foreground: 222.2 84% 4.9%;

--card: 0 0% 100%;
--card-foreground: 222.2 84% 4.9%;

--border: 214.3 31.8% 91.4%;
--input: 214.3 31.8% 91.4%;

--primary: 222.2 47.4% 11.2%;
--primary-foreground: 210 40% 98%;

--secondary: 210 40% 96.1%;
--secondary-foreground: 222.2 47.4% 11.2%;

--accent: 210 40% 96.1%;
--accent-foreground: 222.2 47.4% 11.2%;

--destructive: 0 84.2% 60.2%;
--destructive-foreground: 210 40% 98%;

--ring: 222.2 84% 4.9%;

--radius: 0.5rem;
}

.dark .theme-slate {
--background: 222.2 84% 4.9%;
--foreground: 210 40% 98%;

--muted: 217.2 32.6% 17.5%;
--muted-foreground: 215 20.2% 65.1%;

--popover: 222.2 84% 4.9%;
--popover-foreground: 210 40% 98%;

--card: 222.2 84% 4.9%;
--card-foreground: 210 40% 98%;

--border: 217.2 32.6% 17.5%;
--input: 217.2 32.6% 17.5%;

--primary: 210 40% 98%;
--primary-foreground: 222.2 47.4% 11.2%;

--secondary: 217.2 32.6% 17.5%;
--secondary-foreground: 210 40% 98%;

--accent: 217.2 32.6% 17.5%;
--accent-foreground: 210 40% 98%;

--destructive: 0 62.8% 30.6%;
--destructive-foreground: 210 40% 98%;

--ring: 212.7 26.8% 83.9;
}