Skip to content

Commit

Permalink
Merge pull request #33 from babylonlabs-io/remove-body-selector
Browse files Browse the repository at this point in the history
fix: remove body selector from result css
  • Loading branch information
totraev authored Nov 23, 2024
2 parents 5a97b59 + 32b8695 commit 8c740f5
Show file tree
Hide file tree
Showing 4 changed files with 119 additions and 110 deletions.
5 changes: 5 additions & 0 deletions .changeset/moody-adults-lie.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
---
"@babylonlabs-io/bbn-wallet-connect": patch
---

remove body selector from result css
112 changes: 112 additions & 0 deletions .storybook/preview-head.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,112 @@
<style>
@font-face {
font-family: "Px Grotesk";
src: url("/fonts/Px-Grotesk/Px-Grotesk-Black.eot");
src:
url("/fonts/Px-Grotesk/Px-Grotesk-Black.eot?#iefix") format("embedded-opentype"),
url("/fonts/Px-Grotesk/Px-Grotesk-Black.woff2") format("woff2"),
url("/fonts/Px-Grotesk/Px-Grotesk-Black.woff") format("woff");
font-weight: 900;
font-style: normal;
}

@font-face {
font-family: "Px Grotesk";
src: url("/fonts/Px-Grotesk/Px-Grotesk-Bold.eot");
src:
url("/fonts/Px-Grotesk/Px-Grotesk-Bold.eot?#iefix") format("embedded-opentype"),
url("/fonts/Px-Grotesk/Px-Grotesk-Bold.woff2") format("woff2"),
url("/fonts/Px-Grotesk/Px-Grotesk-Bold.woff") format("woff");
font-weight: 700;
font-style: normal;
}

@font-face {
font-family: "Px Grotesk";
src: url("/fonts/Px-Grotesk/Px-Grotesk-Regular.eot");
src:
url("/fonts/Px-Grotesk/Px-Grotesk-Regular.eot?#iefix") format("embedded-opentype"),
url("/fonts/Px-Grotesk/Px-Grotesk-Regular.woff2") format("woff2"),
url("/fonts/Px-Grotesk/Px-Grotesk-Regular.woff") format("woff");
font-weight: 400;
font-style: normal;
}

@font-face {
font-family: "Px Grotesk";
src: url("/fonts/Px-Grotesk/Px-Grotesk-Light.eot");
src:
url("/fonts/Px-Grotesk/Px-Grotesk-Light.eot?#iefix") format("embedded-opentype"),
url("/fonts/Px-Grotesk/Px-Grotesk-Light.woff2") format("woff2"),
url("/fonts/Px-Grotesk/Px-Grotesk-Light.woff") format("woff");
font-weight: 300;
font-style: normal;
}

@font-face {
font-family: "Px Grotesk";
src: url("/fonts/Px-Grotesk/Px-Grotesk-Thin.eot");
src:
url("/fonts/Px-Grotesk/Px-Grotesk-Thin.eot?#iefix") format("embedded-opentype"),
url("/fonts/Px-Grotesk/Px-Grotesk-Thin.woff2") format("woff2"),
url("/fonts/Px-Grotesk/Px-Grotesk-Thin.woff") format("woff");
font-weight: 250;
font-style: normal;
}

@font-face {
font-family: "Px Grotesk";
src: url("/fonts/Px-Grotesk/Px-Grotesk-Screen.eot");
src:
url("/fonts/Px-Grotesk/Px-Grotesk-Screen.eot?#iefix") format("embedded-opentype"),
url("/fonts/Px-Grotesk/Px-Grotesk-Screen.woff2") format("woff2"),
url("/fonts/Px-Grotesk/Px-Grotesk-Screen.woff") format("woff");
font-weight: 200;
font-style: normal;
}

@font-face {
font-family: "Px Grotesk Mono";
src: url("/fonts/Px-Grotesk-Mono/Px-Grotesk-Mono-Light.eot");
src:
url("/fonts/Px-Grotesk-Mono/Px-Grotesk-Mono-Light.eot?#iefix") format("embedded-opentype"),
url("/fonts/Px-Grotesk-Mono/Px-Grotesk-Mono-Light.woff2") format("woff2"),
url("/fonts/Px-Grotesk-Mono/Px-Grotesk-Mono-Light.woff") format("woff");
font-weight: 300;
font-style: normal;
}

@font-face {
font-family: "Px Grotesk Mono";
src: url("/fonts/Px-Grotesk-Mono/Px-Grotesk-Mono-Regular.eot");
src:
url("/fonts/Px-Grotesk-Mono/Px-Grotesk-Mono-Regular.eot?#iefix") format("embedded-opentype"),
url("/fonts/Px-Grotesk-Mono/Px-Grotesk-Mono-Regular.woff2") format("woff2"),
url("/fonts/Px-Grotesk-Mono/Px-Grotesk-Mono-Regular.woff") format("woff");
font-weight: 400;
font-style: normal;
}

@font-face {
font-family: "Px Grotesk Mono";
src: url("/fonts/Px-Grotesk-Mono/Px-Grotesk-Mono-Bold.eot");
src:
url("/fonts/Px-Grotesk-Mono/Px-Grotesk-Mono-Bold.eot?#iefix") format("embedded-opentype"),
url("/fonts/Px-Grotesk-Mono/Px-Grotesk-Mono-Bold.woff2") format("woff2"),
url("/fonts/Px-Grotesk-Mono/Px-Grotesk-Mono-Bold.woff") format("woff");
font-weight: 700;
font-style: normal;
}

body {
letter-spacing: 0;
font-family: Px Grotesk,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
font-size: 1rem;
line-height: 1.5rem;
font-weight: 400;
line-height: 1.5;
--tw-text-opacity: 1;
color: rgb(18 73 94 / var(--tw-text-opacity));
font-feature-settings: "liga" off,"clig" off;
}
</style>
107 changes: 0 additions & 107 deletions src/index.css
Original file line number Diff line number Diff line change
Expand Up @@ -3,110 +3,3 @@
@tailwind base;
@tailwind components;
@tailwind utilities;

@font-face {
font-family: "Px Grotesk";
src: url("/fonts/Px-Grotesk/Px-Grotesk-Black.eot");
src:
url("/fonts/Px-Grotesk/Px-Grotesk-Black.eot?#iefix") format("embedded-opentype"),
url("/fonts/Px-Grotesk/Px-Grotesk-Black.woff2") format("woff2"),
url("/fonts/Px-Grotesk/Px-Grotesk-Black.woff") format("woff");
font-weight: 900;
font-style: normal;
}

@font-face {
font-family: "Px Grotesk";
src: url("/fonts/Px-Grotesk/Px-Grotesk-Bold.eot");
src:
url("/fonts/Px-Grotesk/Px-Grotesk-Bold.eot?#iefix") format("embedded-opentype"),
url("/fonts/Px-Grotesk/Px-Grotesk-Bold.woff2") format("woff2"),
url("/fonts/Px-Grotesk/Px-Grotesk-Bold.woff") format("woff");
font-weight: 700;
font-style: normal;
}

@font-face {
font-family: "Px Grotesk";
src: url("/fonts/Px-Grotesk/Px-Grotesk-Regular.eot");
src:
url("/fonts/Px-Grotesk/Px-Grotesk-Regular.eot?#iefix") format("embedded-opentype"),
url("/fonts/Px-Grotesk/Px-Grotesk-Regular.woff2") format("woff2"),
url("/fonts/Px-Grotesk/Px-Grotesk-Regular.woff") format("woff");
font-weight: 400;
font-style: normal;
}

@font-face {
font-family: "Px Grotesk";
src: url("/fonts/Px-Grotesk/Px-Grotesk-Light.eot");
src:
url("/fonts/Px-Grotesk/Px-Grotesk-Light.eot?#iefix") format("embedded-opentype"),
url("/fonts/Px-Grotesk/Px-Grotesk-Light.woff2") format("woff2"),
url("/fonts/Px-Grotesk/Px-Grotesk-Light.woff") format("woff");
font-weight: 300;
font-style: normal;
}

@font-face {
font-family: "Px Grotesk";
src: url("/fonts/Px-Grotesk/Px-Grotesk-Thin.eot");
src:
url("/fonts/Px-Grotesk/Px-Grotesk-Thin.eot?#iefix") format("embedded-opentype"),
url("/fonts/Px-Grotesk/Px-Grotesk-Thin.woff2") format("woff2"),
url("/fonts/Px-Grotesk/Px-Grotesk-Thin.woff") format("woff");
font-weight: 250;
font-style: normal;
}

@font-face {
font-family: "Px Grotesk";
src: url("/fonts/Px-Grotesk/Px-Grotesk-Screen.eot");
src:
url("/fonts/Px-Grotesk/Px-Grotesk-Screen.eot?#iefix") format("embedded-opentype"),
url("/fonts/Px-Grotesk/Px-Grotesk-Screen.woff2") format("woff2"),
url("/fonts/Px-Grotesk/Px-Grotesk-Screen.woff") format("woff");
font-weight: 200;
font-style: normal;
}

@font-face {
font-family: "Px Grotesk Mono";
src: url("/fonts/Px-Grotesk-Mono/Px-Grotesk-Mono-Light.eot");
src:
url("/fonts/Px-Grotesk-Mono/Px-Grotesk-Mono-Light.eot?#iefix") format("embedded-opentype"),
url("/fonts/Px-Grotesk-Mono/Px-Grotesk-Mono-Light.woff2") format("woff2"),
url("/fonts/Px-Grotesk-Mono/Px-Grotesk-Mono-Light.woff") format("woff");
font-weight: 300;
font-style: normal;
}

@font-face {
font-family: "Px Grotesk Mono";
src: url("/fonts/Px-Grotesk-Mono/Px-Grotesk-Mono-Regular.eot");
src:
url("/fonts/Px-Grotesk-Mono/Px-Grotesk-Mono-Regular.eot?#iefix") format("embedded-opentype"),
url("/fonts/Px-Grotesk-Mono/Px-Grotesk-Mono-Regular.woff2") format("woff2"),
url("/fonts/Px-Grotesk-Mono/Px-Grotesk-Mono-Regular.woff") format("woff");
font-weight: 400;
font-style: normal;
}

@font-face {
font-family: "Px Grotesk Mono";
src: url("/fonts/Px-Grotesk-Mono/Px-Grotesk-Mono-Bold.eot");
src:
url("/fonts/Px-Grotesk-Mono/Px-Grotesk-Mono-Bold.eot?#iefix") format("embedded-opentype"),
url("/fonts/Px-Grotesk-Mono/Px-Grotesk-Mono-Bold.woff2") format("woff2"),
url("/fonts/Px-Grotesk-Mono/Px-Grotesk-Mono-Bold.woff") format("woff");
font-weight: 700;
font-style: normal;
}

body {
@apply b-font-sans b-text-base b-font-normal b-leading-normal b-tracking-normal b-text-primary-dark;

font-feature-settings:
"liga" off,
"clig" off;
}
5 changes: 2 additions & 3 deletions tailwind.config.js
Original file line number Diff line number Diff line change
@@ -1,7 +1,6 @@
import defaultTheme from "tailwindcss/defaultTheme";
import twPreset from "@babylonlabs-io/bbn-core-ui/tailwind";

/** @type {import('tailwindcss').Config} */
export default {
presets: [require("@babylonlabs-io/bbn-core-ui/tailwind")],
prefix: "b-",
presets: [twPreset],
};

0 comments on commit 8c740f5

Please sign in to comment.