yuuza/outline
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

chore: Lint shared directory

Browse Source
This commit is contained in:
Tom Moor
2020-06-22 21:29:21 -07:00
parent 26f6961c82
commit 9be5597f4b
27 changed files with 342 additions and 341 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
shared/styles/animations.js
View File

@@ -1,5 +1,5 @@
// @flow
import { keyframes } from 'styled-components';
import { keyframes } from "styled-components";
export const fadeIn = keyframes`
from { opacity: 0; }

4
shared/styles/globals.js
View File

@@ -1,6 +1,6 @@
// @flow
import styledNormalize from 'styled-normalize';
import { createGlobalStyle } from 'styled-components';
import styledNormalize from "styled-normalize";
import { createGlobalStyle } from "styled-components";
export default createGlobalStyle`
${styledNormalize}

118
shared/styles/theme.js
View File

@@ -1,44 +1,44 @@
// @flow
import { darken, lighten } from 'polished';
import { darken, lighten } from "polished";
const colors = {
almostBlack: '#111319',
lightBlack: '#2F3336',
almostWhite: '#E6E6E6',
veryDarkBlue: '#08090C',
almostBlack: "#111319",
lightBlack: "#2F3336",
almostWhite: "#E6E6E6",
veryDarkBlue: "#08090C",
slate: '#9BA6B2',
slateLight: '#DAE1E9',
slateDark: '#4E5C6E',
slate: "#9BA6B2",
slateLight: "#DAE1E9",
slateDark: "#4E5C6E",
smoke: '#F4F7FA',
smokeLight: '#F9FBFC',
smokeDark: '#E8EBED',
smoke: "#F4F7FA",
smokeLight: "#F9FBFC",
smokeDark: "#E8EBED",
white: '#FFF',
white10: 'rgba(255, 255, 255, 0.1)',
white50: 'rgba(255, 255, 255, 0.5)',
black: '#000',
black05: 'rgba(0, 0, 0, 0.05)',
black10: 'rgba(0, 0, 0, 0.1)',
black50: 'rgba(0, 0, 0, 0.50)',
primary: '#0366d6',
yellow: '#FBCA04',
warmGrey: '#EDF2F7',
white: "#FFF",
white10: "rgba(255, 255, 255, 0.1)",
white50: "rgba(255, 255, 255, 0.5)",
black: "#000",
black05: "rgba(0, 0, 0, 0.05)",
black10: "rgba(0, 0, 0, 0.1)",
black50: "rgba(0, 0, 0, 0.50)",
primary: "#0366d6",
yellow: "#FBCA04",
warmGrey: "#EDF2F7",
danger: '#D0021B',
warning: '#f08a24',
success: '#2f3336',
info: '#a0d3e8',
danger: "#D0021B",
warning: "#f08a24",
success: "#2f3336",
info: "#a0d3e8",
};
const spacing = {
padding: '1.5vw 1.875vw',
vpadding: '1.5vw',
hpadding: '1.875vw',
sidebarWidth: '280px',
sidebarMinWidth: '250px',
sidebarMaxWidth: '350px',
padding: "1.5vw 1.875vw",
vpadding: "1.5vw",
hpadding: "1.875vw",
sidebarWidth: "280px",
sidebarMinWidth: "250px",
sidebarMaxWidth: "350px",
};
export const base = {
@@ -49,29 +49,29 @@ export const base = {
fontFamilyMono:
"'SFMono-Regular',Consolas,'Liberation Mono', Menlo, Courier,monospace",
fontWeight: 400,
backgroundTransition: 'background 100ms ease-in-out',
backgroundTransition: "background 100ms ease-in-out",
zIndex: 100,
selected: colors.primary,
buttonBackground: colors.primary,
buttonText: colors.white,
textHighlight: '#B3E7FF',
textHighlight: "#B3E7FF",
codeComment: '#6a737d',
codePunctuation: '#5e6687',
codeNumber: '#d73a49',
codeProperty: '#c08b30',
codeTag: '#3d8fd1',
codeString: '#032f62',
codeSelector: '#6679cc',
codeAttr: '#c76b29',
codeEntity: '#22a2c9',
codeKeyword: '#d73a49',
codeFunction: '#6f42c1',
codeStatement: '#22a2c9',
codePlaceholder: '#3d8fd1',
codeInserted: '#202746',
codeImportant: '#c94922',
codeComment: "#6a737d",
codePunctuation: "#5e6687",
codeNumber: "#d73a49",
codeProperty: "#c08b30",
codeTag: "#3d8fd1",
codeString: "#032f62",
codeSelector: "#6679cc",
codeAttr: "#c76b29",
codeEntity: "#22a2c9",
codeKeyword: "#d73a49",
codeFunction: "#6f42c1",
codeStatement: "#22a2c9",
codePlaceholder: "#3d8fd1",
codeInserted: "#202746",
codeImportant: "#c94922",
blockToolbarBackground: colors.white,
blockToolbarTrigger: colors.slate,
@@ -98,16 +98,16 @@ export const light = {
text: colors.almostBlack,
textSecondary: colors.slateDark,
textTertiary: colors.slate,
placeholder: '#B1BECC',
placeholder: "#B1BECC",
sidebarBackground: colors.warmGrey,
sidebarItemBackground: colors.black05,
sidebarText: 'rgb(78, 92, 110)',
shadow: 'rgba(0, 0, 0, 0.2)',
sidebarItemBackground: colors.black10,
sidebarText: "rgb(78, 92, 110)",
shadow: "rgba(0, 0, 0, 0.2)",
menuBackground: colors.white,
menuShadow:
'0 0 0 1px rgba(0, 0, 0, 0.05), 0 4px 8px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.08)',
"0 0 0 1px rgba(0, 0, 0, 0.05), 0 4px 8px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.08)",
divider: colors.slateLight,
inputBorder: colors.slateLight,
inputBorderFocused: colors.slate,
@@ -120,7 +120,7 @@ export const light = {
tableDivider: colors.smokeDark,
tableSelected: colors.primary,
tableSelectedBackground: '#E5F7FF',
tableSelectedBackground: "#E5F7FF",
buttonNeutralBackground: colors.white,
buttonNeutralText: colors.almostBlack,
@@ -135,7 +135,7 @@ export const light = {
quote: colors.slateLight,
codeBackground: colors.smoke,
codeBorder: colors.smokeDark,
embedBorder: '#DDD #DDD #CCC',
embedBorder: "#DDD #DDD #CCC",
horizontalRule: colors.smokeDark,
};
@@ -153,12 +153,12 @@ export const dark = {
sidebarBackground: colors.veryDarkBlue,
sidebarItemBackground: colors.veryDarkBlue,
sidebarText: colors.slate,
shadow: 'rgba(0, 0, 0, 0.6)',
shadow: "rgba(0, 0, 0, 0.6)",
menuBorder: lighten(0.1, colors.almostBlack),
menuBackground: lighten(0.015, colors.almostBlack),
menuShadow:
'0 0 0 1px rgba(0, 0, 0, 0.1), 0 8px 16px rgba(0, 0, 0, 0.3), 0 2px 4px rgba(0, 0, 0, 0.08), inset 0 0 1px rgba(255,255,255,.2)',
"0 0 0 1px rgba(0, 0, 0, 0.1), 0 8px 16px rgba(0, 0, 0, 0.3), 0 2px 4px rgba(0, 0, 0, 0.08), inset 0 0 1px rgba(255,255,255,.2)",
divider: darken(0.2, colors.slate),
inputBorder: colors.slateDark,
inputBorderFocused: colors.slate,
@@ -171,7 +171,7 @@ export const dark = {
tableDivider: colors.lightBlack,
tableSelected: colors.primary,
tableSelectedBackground: '#002333',
tableSelectedBackground: "#002333",
buttonNeutralBackground: colors.almostBlack,
buttonNeutralText: colors.white,
@@ -186,7 +186,7 @@ export const dark = {
quote: colors.almostWhite,
codeBackground: colors.black,
codeBorder: colors.black50,
codeString: '#3d8fd1',
codeString: "#3d8fd1",
embedBorder: colors.black50,
horizontalRule: darken(0.2, colors.slate),
};