mirror of https://github.com/Budibase/budibase.git
Andrew Kingston
5 years ago
12 changed files with 95 additions and 11452 deletions
@ -1,14 +0,0 @@ |
|||
import { start } from 'svench' |
|||
|
|||
// svench's theme
|
|||
import 'svench/themes/default.css' |
|||
import 'svench/themes/default-markdown.css' |
|||
|
|||
// your own style
|
|||
import './svench.css' |
|||
|
|||
start({ |
|||
// backgrounds: ['red', 'green', 'blue'],
|
|||
// canvasBackground: 'red',
|
|||
// background: 'blue',
|
|||
}) |
|||
File diff suppressed because it is too large
|
Before Width: | Height: | Size: 3.1 KiB |
@ -1,193 +0,0 @@ |
|||
.svench-content { |
|||
color: #666; |
|||
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, "Roboto", |
|||
Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
|||
} |
|||
|
|||
h1.svench-content { |
|||
font-size: 2em; |
|||
} |
|||
h2.svench-content { |
|||
font-size: 1.66em; |
|||
} |
|||
h3.svench-content { |
|||
font-size: 1.33em; |
|||
} |
|||
h4.svench-content { |
|||
font-size: 1.33em; |
|||
font-weight: normal; |
|||
} |
|||
h5.svench-content { |
|||
font-size: 1em; |
|||
font-weight: bold; |
|||
} |
|||
h6.svench-content { |
|||
font-size: 1em; |
|||
font-weight: normal; |
|||
font-style: italic; |
|||
} |
|||
|
|||
:root { |
|||
--background: #ffffff; |
|||
--ink: #000000; |
|||
|
|||
--grey-1: #fafafa; |
|||
--grey-2: #f5f5f5; |
|||
--grey-3: #eeeeee; |
|||
--grey-4: #e0e0e0; |
|||
--grey-5: #bdbdbd; |
|||
--grey-6: #9e9e9e; |
|||
--grey-7: #757575; |
|||
--grey-8: #616161; |
|||
--grey-9: #424242; |
|||
|
|||
--blue-light: #f1f4fc; |
|||
--blue: #4285f4; |
|||
--blue-dark: #2f4c9b; |
|||
|
|||
--red-light: #ffe6e6; |
|||
--red: #e26d69; |
|||
--red-dark: #800400; |
|||
|
|||
--yellow-light: #fff7e6; |
|||
--yellow: #ffd26a; |
|||
--yellow-dark: #805900; |
|||
|
|||
--orange-light: #fff0e6; |
|||
--orange: #f0955a; |
|||
--orange-dark: #803300; |
|||
|
|||
--green-light: #e6ffeb; |
|||
--green: #84c991; |
|||
--green-dark: #008017; |
|||
|
|||
--purple-light: #e9e6ff; |
|||
--purple: #806fde; |
|||
--purple-dark: #130080; |
|||
|
|||
--rounded-small: 4px; |
|||
--rounded-medium: 8px; |
|||
--rounded-large: 16px; |
|||
|
|||
--font-normal: "Inter"; |
|||
--font-black: "Inter Black"; |
|||
--font-bold: "Inter Bold"; |
|||
--font-medium: "Inter Medium"; |
|||
--font-light: "Inter Light"; |
|||
--font-sans: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, "Inter", |
|||
"Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", |
|||
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; |
|||
--font-serif: "Georgia", Cambria, Times New Roman, Times, serif; |
|||
--font-mono: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", |
|||
monospace; |
|||
|
|||
font-size: 16px; |
|||
--font-size-xs: 0.75rem; |
|||
--font-size-s: 0.875rem; |
|||
--font-size-m: 1rem; |
|||
--font-size-l: 1.15rem; |
|||
--font-size-xl: 1.3rem; |
|||
|
|||
--heading-font-size-xs: 0.875rem; |
|||
--heading-font-size-s: 1.12rem; |
|||
--heading-font-size-m: 1.5rem; |
|||
--heading-font-size-l: 2.6rem; |
|||
--heading-font-size-xl: 3rem; |
|||
|
|||
--font-render: optimizeLegibility; |
|||
--font-smooth: antialiased; |
|||
|
|||
--spacing-xs: 0.25rem; |
|||
--spacing-s: 0.5rem; |
|||
--spacing-m: 0.75rem; |
|||
--spacing-l: 1rem; |
|||
--spacing-xl: 1.25rem; |
|||
|
|||
--layout-xs: 1.25rem; |
|||
--layout-s: 1.5rem; |
|||
--layout-m: 2rem; |
|||
--layout-l: 3rem; |
|||
--layout-xl: 4rem; |
|||
|
|||
--border-radius-xs: 0.125rem; |
|||
--border-radius-s: 0.35rem; |
|||
--border-radius-m: 0.5rem; |
|||
--border-radius-l: 1rem; |
|||
--border-radius-xl: 100rem; |
|||
|
|||
--border-black: 2px var(--ink) solid; |
|||
--border-dark: 2px var(--grey-7) solid; |
|||
--border-grey: 1px var(--grey-4) solid; |
|||
--border-grey-2: 2px var(--grey-4) solid; |
|||
--border-light: 1px var(--grey-3) solid; |
|||
--border-light-2: 2px var(--grey-3) solid; |
|||
--border-blue: 2px var(--blue) solid; |
|||
--border-transparent: 2px transparent solid; |
|||
} |
|||
|
|||
h1 { |
|||
font-size: 3rem; |
|||
font-family: var(--font-sans); |
|||
font-weight: 700; |
|||
text-rendering: var(--text-render); |
|||
-webkit-font-smoothing: var(--text-smooth); |
|||
color: var(--ink); |
|||
} |
|||
|
|||
h2 { |
|||
font-size: 2.25rem; |
|||
font-family: var(--font-sans); |
|||
font-weight: 600; |
|||
text-rendering: var(--text-render); |
|||
-webkit-font-smoothing: var(--text-smooth); |
|||
color: var(--ink); |
|||
} |
|||
|
|||
h3 { |
|||
font-size: 1.7rem; |
|||
font-family: var(--font-sans); |
|||
font-weight: 600; |
|||
text-rendering: var(--text-render); |
|||
-webkit-font-smoothing: var(--text-smooth); |
|||
color: var(--ink); |
|||
} |
|||
|
|||
h4 { |
|||
font-size: var(--font-size-xl); |
|||
font-family: var(--font-sans); |
|||
font-weight: 500; |
|||
text-rendering: var(--text-render); |
|||
-webkit-font-smoothing: var(--text-smooth); |
|||
color: var(--ink); |
|||
} |
|||
|
|||
h5 { |
|||
font-size: var(--font-size-l); |
|||
font-family: var(--font-sans); |
|||
font-weight: 500; |
|||
text-rendering: var(--text-render); |
|||
-webkit-font-smoothing: var(--text-smooth); |
|||
color: var(--ink); |
|||
} |
|||
|
|||
h6 { |
|||
font-size: var(--font-size-m); |
|||
font-family: var(--font-sans); |
|||
font-weight: 500; |
|||
text-rendering: var(--text-render); |
|||
-webkit-font-smoothing: var(--text-smooth); |
|||
color: var(--ink); |
|||
} |
|||
|
|||
p { |
|||
font-size: var(--font-size); |
|||
font-family: var(--font-sans); |
|||
font-weight: 400; |
|||
text-rendering: var(--text-render); |
|||
-webkit-font-smoothing: var(--text-smooth); |
|||
color: var(--ink); |
|||
} |
|||
|
|||
a { |
|||
text-decoration: none; |
|||
} |
|||
@ -1,29 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
|
|||
<head> |
|||
<meta charset="utf-8" /> |
|||
<meta name="viewport" content="width=device-width,initial-scale=1" /> |
|||
|
|||
<title>BBUI Svench</title> |
|||
|
|||
<link rel="icon" type="image/png" href="/favicon.png" /> |
|||
|
|||
<!-- Custom fonts --> |
|||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap" |
|||
rel="stylesheet"> |
|||
<link href="https://cdn.jsdelivr.net/npm/remixicon@2.5.0/fonts/remixicon.css" rel="stylesheet"> |
|||
|
|||
<!-- Our theme (from .svench/svench.css) --> |
|||
<link rel="stylesheet" href="/svench/theme.css" /> |
|||
|
|||
<script type="module" src="/svench/svench.js"></script> |
|||
<!-- Replace the previous script with the following for legacy support --> |
|||
<!-- cf https://www.npmjs.com/package/dimport#usage --> |
|||
<!-- <script type="module" src="https://unpkg.com/dimport?module" data-main="/svench/svench.js"></script> --> |
|||
<!-- <script type="nomodule" src="https://unpkg.com/dimport/nomodule" data-main="/svench/svench.js"></script> --> |
|||
</head> |
|||
|
|||
<body /> |
|||
|
|||
</html> |
|||
@ -1,35 +0,0 @@ |
|||
<article> |
|||
<h1> |
|||
<span class="icon">🔬</span> |
|||
Svench |
|||
</h1> |
|||
|
|||
## This is your workbench. |
|||
|
|||
This is a [Svench](https://github.com/rixo/svench) project, created with [Svench's component template](https://github.com/rixo/svench-component-template). |
|||
|
|||
Edit <code>index.svench.svx</code> to customize this page. |
|||
|
|||
Check `example` for inspiration. |
|||
</article> |
|||
|
|||
<style> |
|||
article > * { |
|||
text-align: center; |
|||
margin-top: 3em; |
|||
} |
|||
h1 { |
|||
font-size: 3em; |
|||
margin-top: 1em; |
|||
color: var(--gray); |
|||
} |
|||
h1 .icon { |
|||
opacity: 0.5; |
|||
display: inline-block; |
|||
transform: rotateY(180deg); |
|||
margin-left: -0.6em; |
|||
width: 0.6em; |
|||
font-weight: normal; |
|||
font-size: 1.25em; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,22 @@ |
|||
import svelte from "@sveltejs/vite-plugin-svelte" |
|||
|
|||
export default ({ mode }) => { |
|||
const isProduction = mode === "production" |
|||
return { |
|||
build: { |
|||
lib: { |
|||
entry: "src/index.js", |
|||
name: "bbui", |
|||
formats: ["es"], |
|||
}, |
|||
minify: isProduction, |
|||
}, |
|||
plugins: [svelte()], |
|||
resolve: { |
|||
dedupe: ["svelte", "svelte/internal"], |
|||
}, |
|||
rollupOptions: { |
|||
external: ["svelte", "svelte/internal"], |
|||
}, |
|||
} |
|||
} |
|||
Loading…
Reference in new issue