-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
feat: New colors and typographic family (#27)
* style: Add new font * feat: Add fonts and minor changes to services * feat: colors typography details * test(avatar): update tests with the new icon
- Loading branch information
Showing
15 changed files
with
175 additions
and
76 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,16 +1,20 @@ | ||
| :host > div, | ||
| :host > a > div { | ||
| @apply w-full rounded-lg p-5 flex gap-5 bg-primary no-underline; | ||
| @apply w-full rounded-lg p-5 flex gap-5 bg-primary no-underline items-center; | ||
| } | ||
|
|
||
| .name { | ||
| @apply block overflow-hidden text-on-primary text-ellipsis whitespace-nowrap text-base not-italic font-bold leading-[20.5px] tracking-[-0.5px]; | ||
| @apply block overflow-hidden text-ellipsis whitespace-nowrap not-italic font-bold leading-[20.5px] tracking-[-0.5px] pb-2 text-lg; | ||
| } | ||
|
|
||
| .issuer { | ||
| @apply block overflow-hidden text-on-primary-2 text-ellipsis text-xs not-italic font-normal leading-[normal] tracking-[-0.5px]; | ||
| @apply block overflow-hidden text-on-alt text-ellipsis not-italic font-normal leading-[normal] tracking-[-0.5px]; | ||
| } | ||
|
|
||
| .description { | ||
| @apply block overflow-hidden text-on-primary-2 text-ellipsis text-xs not-italic font-medium leading-[normal] tracking-[-0.5px]; | ||
| @apply block overflow-hidden text-on-alt text-ellipsis not-italic font-medium leading-[normal] tracking-[-0.5px]; | ||
| } | ||
|
|
||
| svg { | ||
| @apply w-6 h-6 fill-current stroke-on; | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,38 +1,56 @@ | ||
| /* gantari-latin-wght-normal */ | ||
| @font-face { | ||
| font-family: 'Gantari Variable'; | ||
| font-style: normal; | ||
| font-display: swap; | ||
| font-weight: 100 900; | ||
| src: url(https://cdn.jsdelivr.net/fontsource/fonts/gantari:vf@latest/latin-wght-normal.woff2) format('woff2-variations'); | ||
| unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, | ||
| U+FEFF, U+FFFD; | ||
| } | ||
|
|
||
| @tailwind base; | ||
| @tailwind components; | ||
| @tailwind utilities; | ||
|
|
||
| @layer base { | ||
| :root { | ||
| --tab: #bdc2cf; | ||
| --surface: #e9ebef; | ||
| --primary: #bdc2cf; | ||
| --on-primary: #2d2d2d; | ||
| --on-primary-2: #68686f; | ||
| --primary: #d2d7e5; | ||
| --accent: #223360; | ||
| --on-accent: #dbd7cb; | ||
| --status-bar: #000000; | ||
| --on-accent: #dfddd7; | ||
| --on: #2d2d2d; | ||
| --on-alt: #5d5d65; | ||
| --success: #279b48; | ||
| --warning: #e58600; | ||
| --error: #ee342b; | ||
| } | ||
|
|
||
| .dark { | ||
| --tab: #223360; | ||
| --surface: #4e5c80; | ||
| --primary: #223360; | ||
| --on-primary: #f7faff; | ||
| --on-primary-2: #b0b0b9; | ||
| --accent: #dbd7cb; | ||
| --surface: #1f2433; | ||
| --primary: #253151; | ||
| --accent: #dfddd7; | ||
| --on-accent: #223360; | ||
| --status-bar: #ffffff; | ||
| --on: #f7faff; | ||
| --on-alt: #c0c0ca; | ||
| --success: #4ecb71; | ||
| --warning: #ff9601; | ||
| --error: #ff443b; | ||
| } | ||
|
|
||
| @media (prefers-color-scheme: dark) { | ||
| --tab: #223360; | ||
| --surface: #4e5c80; | ||
| --primary: #223360; | ||
| --on-primary: #f7faff; | ||
| --on-primary-2: #b0b0b9; | ||
| --accent: #dbd7cb; | ||
| --surface: #1f2433; | ||
| --primary: #253151; | ||
| --accent: #dfddd7; | ||
| --on-accent: #223360; | ||
| --status-bar: #ffffff; | ||
| --on: #f7faff; | ||
| --on-alt: #c0c0ca; | ||
| --success: #4ecb71; | ||
| --warning: #ff9601; | ||
| --error: #ff443b; | ||
| } | ||
| } | ||
|
|
||
| * { | ||
| @apply text-on; | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.