LogalDeveloper/owncast
0
Fork 0
Code Activity

Prettified Code!

Browse Source
This commit is contained in:
gabek
2022-04-19 21:34:40 +00:00
committed by Gabe Kangas
parent be441ae530
commit 75354527f6
3 changed files with 59 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files

113
web/public/fonts/inter/inter.css
View File

@@ -1,154 +1,152 @@
@font-face { @font-face {
font-family: 'Inter'; font-family: 'Inter';
font-style: normal; font-style: normal;
font-weight: 100; font-weight: 100;
font-display: swap; font-display: swap;
src: url("Inter-Thin.woff2?v=3.19") format("woff2"), src: url('Inter-Thin.woff2?v=3.19') format('woff2'), url('Inter-Thin.woff?v=3.19') format('woff');
url("Inter-Thin.woff?v=3.19") format("woff");
} }
@font-face { @font-face {
font-family: 'Inter'; font-family: 'Inter';
font-style: italic; font-style: italic;
font-weight: 100; font-weight: 100;
font-display: swap; font-display: swap;
src: url("Inter-ThinItalic.woff2?v=3.19") format("woff2"), src: url('Inter-ThinItalic.woff2?v=3.19') format('woff2'),
url("Inter-ThinItalic.woff?v=3.19") format("woff"); url('Inter-ThinItalic.woff?v=3.19') format('woff');
} }
@font-face { @font-face {
font-family: 'Inter'; font-family: 'Inter';
font-style: normal; font-style: normal;
font-weight: 200; font-weight: 200;
font-display: swap; font-display: swap;
src: url("Inter-ExtraLight.woff2?v=3.19") format("woff2"), src: url('Inter-ExtraLight.woff2?v=3.19') format('woff2'),
url("Inter-ExtraLight.woff?v=3.19") format("woff"); url('Inter-ExtraLight.woff?v=3.19') format('woff');
} }
@font-face { @font-face {
font-family: 'Inter'; font-family: 'Inter';
font-style: italic; font-style: italic;
font-weight: 200; font-weight: 200;
font-display: swap; font-display: swap;
src: url("Inter-ExtraLightItalic.woff2?v=3.19") format("woff2"), src: url('Inter-ExtraLightItalic.woff2?v=3.19') format('woff2'),
url("Inter-ExtraLightItalic.woff?v=3.19") format("woff"); url('Inter-ExtraLightItalic.woff?v=3.19') format('woff');
} }
@font-face { @font-face {
font-family: 'Inter'; font-family: 'Inter';
font-style: normal; font-style: normal;
font-weight: 300; font-weight: 300;
font-display: swap; font-display: swap;
src: url("Inter-Light.woff2?v=3.19") format("woff2"), src: url('Inter-Light.woff2?v=3.19') format('woff2'),
url("Inter-Light.woff?v=3.19") format("woff"); url('Inter-Light.woff?v=3.19') format('woff');
} }
@font-face { @font-face {
font-family: 'Inter'; font-family: 'Inter';
font-style: italic; font-style: italic;
font-weight: 300; font-weight: 300;
font-display: swap; font-display: swap;
src: url("Inter-LightItalic.woff2?v=3.19") format("woff2"), src: url('Inter-LightItalic.woff2?v=3.19') format('woff2'),
url("Inter-LightItalic.woff?v=3.19") format("woff"); url('Inter-LightItalic.woff?v=3.19') format('woff');
} }
@font-face { @font-face {
font-family: 'Inter'; font-family: 'Inter';
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
font-display: swap; font-display: swap;
src: url("Inter-Regular.woff2?v=3.19") format("woff2"), src: url('Inter-Regular.woff2?v=3.19') format('woff2'),
url("Inter-Regular.woff?v=3.19") format("woff"); url('Inter-Regular.woff?v=3.19') format('woff');
} }
@font-face { @font-face {
font-family: 'Inter'; font-family: 'Inter';
font-style: italic; font-style: italic;
font-weight: 400; font-weight: 400;
font-display: swap; font-display: swap;
src: url("Inter-Italic.woff2?v=3.19") format("woff2"), src: url('Inter-Italic.woff2?v=3.19') format('woff2'),
url("Inter-Italic.woff?v=3.19") format("woff"); url('Inter-Italic.woff?v=3.19') format('woff');
} }
@font-face { @font-face {
font-family: 'Inter'; font-family: 'Inter';
font-style: normal; font-style: normal;
font-weight: 500; font-weight: 500;
font-display: swap; font-display: swap;
src: url("Inter-Medium.woff2?v=3.19") format("woff2"), src: url('Inter-Medium.woff2?v=3.19') format('woff2'),
url("Inter-Medium.woff?v=3.19") format("woff"); url('Inter-Medium.woff?v=3.19') format('woff');
} }
@font-face { @font-face {
font-family: 'Inter'; font-family: 'Inter';
font-style: italic; font-style: italic;
font-weight: 500; font-weight: 500;
font-display: swap; font-display: swap;
src: url("Inter-MediumItalic.woff2?v=3.19") format("woff2"), src: url('Inter-MediumItalic.woff2?v=3.19') format('woff2'),
url("Inter-MediumItalic.woff?v=3.19") format("woff"); url('Inter-MediumItalic.woff?v=3.19') format('woff');
} }
@font-face { @font-face {
font-family: 'Inter'; font-family: 'Inter';
font-style: normal; font-style: normal;
font-weight: 600; font-weight: 600;
font-display: swap; font-display: swap;
src: url("Inter-SemiBold.woff2?v=3.19") format("woff2"), src: url('Inter-SemiBold.woff2?v=3.19') format('woff2'),
url("Inter-SemiBold.woff?v=3.19") format("woff"); url('Inter-SemiBold.woff?v=3.19') format('woff');
} }
@font-face { @font-face {
font-family: 'Inter'; font-family: 'Inter';
font-style: italic; font-style: italic;
font-weight: 600; font-weight: 600;
font-display: swap; font-display: swap;
src: url("Inter-SemiBoldItalic.woff2?v=3.19") format("woff2"), src: url('Inter-SemiBoldItalic.woff2?v=3.19') format('woff2'),
url("Inter-SemiBoldItalic.woff?v=3.19") format("woff"); url('Inter-SemiBoldItalic.woff?v=3.19') format('woff');
} }
@font-face { @font-face {
font-family: 'Inter'; font-family: 'Inter';
font-style: normal; font-style: normal;
font-weight: 700; font-weight: 700;
font-display: swap; font-display: swap;
src: url("Inter-Bold.woff2?v=3.19") format("woff2"), src: url('Inter-Bold.woff2?v=3.19') format('woff2'), url('Inter-Bold.woff?v=3.19') format('woff');
url("Inter-Bold.woff?v=3.19") format("woff");
} }
@font-face { @font-face {
font-family: 'Inter'; font-family: 'Inter';
font-style: italic; font-style: italic;
font-weight: 700; font-weight: 700;
font-display: swap; font-display: swap;
src: url("Inter-BoldItalic.woff2?v=3.19") format("woff2"), src: url('Inter-BoldItalic.woff2?v=3.19') format('woff2'),
url("Inter-BoldItalic.woff?v=3.19") format("woff"); url('Inter-BoldItalic.woff?v=3.19') format('woff');
} }
@font-face { @font-face {
font-family: 'Inter'; font-family: 'Inter';
font-style: normal; font-style: normal;
font-weight: 800; font-weight: 800;
font-display: swap; font-display: swap;
src: url("Inter-ExtraBold.woff2?v=3.19") format("woff2"), src: url('Inter-ExtraBold.woff2?v=3.19') format('woff2'),
url("Inter-ExtraBold.woff?v=3.19") format("woff"); url('Inter-ExtraBold.woff?v=3.19') format('woff');
} }
@font-face { @font-face {
font-family: 'Inter'; font-family: 'Inter';
font-style: italic; font-style: italic;
font-weight: 800; font-weight: 800;
font-display: swap; font-display: swap;
src: url("Inter-ExtraBoldItalic.woff2?v=3.19") format("woff2"), src: url('Inter-ExtraBoldItalic.woff2?v=3.19') format('woff2'),
url("Inter-ExtraBoldItalic.woff?v=3.19") format("woff"); url('Inter-ExtraBoldItalic.woff?v=3.19') format('woff');
} }
@font-face { @font-face {
font-family: 'Inter'; font-family: 'Inter';
font-style: normal; font-style: normal;
font-weight: 900; font-weight: 900;
font-display: swap; font-display: swap;
src: url("Inter-Black.woff2?v=3.19") format("woff2"), src: url('Inter-Black.woff2?v=3.19') format('woff2'),
url("Inter-Black.woff?v=3.19") format("woff"); url('Inter-Black.woff?v=3.19') format('woff');
} }
@font-face { @font-face {
font-family: 'Inter'; font-family: 'Inter';
font-style: italic; font-style: italic;
font-weight: 900; font-weight: 900;
font-display: swap; font-display: swap;
src: url("Inter-BlackItalic.woff2?v=3.19") format("woff2"), src: url('Inter-BlackItalic.woff2?v=3.19') format('woff2'),
url("Inter-BlackItalic.woff?v=3.19") format("woff"); url('Inter-BlackItalic.woff?v=3.19') format('woff');
} }
/* ------------------------------------------------------- /* -------------------------------------------------------
@@ -166,7 +164,7 @@ Usage:
font-display: swap; font-display: swap;
font-style: normal; font-style: normal;
font-named-instance: 'Regular'; font-named-instance: 'Regular';
src: url("Inter-roman.var.woff2?v=3.19") format("woff2"); src: url('Inter-roman.var.woff2?v=3.19') format('woff2');
} }
@font-face { @font-face {
font-family: 'Inter var'; font-family: 'Inter var';
@@ -174,10 +172,9 @@ Usage:
font-display: swap; font-display: swap;
font-style: italic; font-style: italic;
font-named-instance: 'Italic'; font-named-instance: 'Italic';
src: url("Inter-italic.var.woff2?v=3.19") format("woff2"); src: url('Inter-italic.var.woff2?v=3.19') format('woff2');
} }
/* -------------------------------------------------------------------------- /* --------------------------------------------------------------------------
[EXPERIMENTAL] Multi-axis, single variable font. [EXPERIMENTAL] Multi-axis, single variable font.
@@ -196,5 +193,5 @@ explicitly, e.g.
font-weight: 100 900; font-weight: 100 900;
font-display: swap; font-display: swap;
font-style: oblique 0deg 10deg; font-style: oblique 0deg 10deg;
src: url("Inter.var.woff2?v=3.19") format("woff2"); src: url('Inter.var.woff2?v=3.19') format('woff2');
} }

2
web/stories/preview.scss
View File

@@ -1,4 +1,4 @@
html, html,
body { body {
font-family: var(--font-family); font-family: var(--font-family);
} }

6
web/styles/variables.scss
View File

@@ -90,7 +90,7 @@
--popover-base-color: var(--gray); --popover-base-color: var(--gray);
--tooltip-base-color: var(--gray-medium); --tooltip-base-color: var(--gray-medium);
--font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', --font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
'Noto Color Emoji'; 'Segoe UI Symbol', 'Noto Color Emoji';
} }