Skip to content

Commit

Permalink
Merge pull request #27 from babylonlabs-io/remove-body-selector
Browse files Browse the repository at this point in the history
fix: remove body selector
  • Loading branch information
totraev authored Nov 23, 2024
2 parents 1255d68 + afddcd1 commit f1a1db4
Show file tree
Hide file tree
Showing 4 changed files with 118 additions and 108 deletions.
5 changes: 5 additions & 0 deletions .changeset/rotten-cups-sing.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
---
"@babylonlabs-io/bbn-core-ui": patch
---

remove body selector
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 @@ -27,110 +27,3 @@
@apply b-bg-primary;
}
}

@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;

font-feature-settings:
"liga" off,
"clig" off;
}
2 changes: 1 addition & 1 deletion tailwind.config.js
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@ import defaultTheme from "tailwindcss/defaultTheme";

/** @type {import('tailwindcss').Config} */
export default {
content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx,css}"],
content: ["./src/**/*.{js,ts,jsx,tsx,css}"],
darkMode: ["class", '[data-mode="dark"]'],
theme: {
colors: {
Expand Down

0 comments on commit f1a1db4

Please sign in to comment.