From a55b4828a85be03de4a363ab4b0e3260747ca734 Mon Sep 17 00:00:00 2001 From: Oliver Davies Date: Fri, 21 Dec 2018 21:58:12 +0000 Subject: [PATCH] Build Environments page --- package.json | 2 + public/icons.symbol.svg | 1 + public/img/logo.png | Bin 0 -> 5582 bytes public/index.html | 2 +- src/App.vue | 18 +- src/components/EnvironmentCards.vue | 65 ++ src/components/Environments.vue | 162 +++++ src/components/HelloWorld.vue | 58 -- src/components/QuickHelp.vue | 26 + src/components/TaskLog.vue | 94 +++ tailwind.js | 997 ++++++++++++++++++++++++++++ yarn.lock | 205 +++++- 12 files changed, 1553 insertions(+), 77 deletions(-) create mode 100644 public/icons.symbol.svg create mode 100644 public/img/logo.png create mode 100644 src/components/EnvironmentCards.vue create mode 100644 src/components/Environments.vue delete mode 100644 src/components/HelloWorld.vue create mode 100644 src/components/QuickHelp.vue create mode 100644 src/components/TaskLog.vue create mode 100644 tailwind.js diff --git a/package.json b/package.json index e3a50ae..9b7c099 100644 --- a/package.json +++ b/package.json @@ -8,6 +8,7 @@ "lint": "vue-cli-service lint" }, "dependencies": { + "tailwindcss": "^0.7.3", "vue": "^2.5.17" }, "devDependencies": { @@ -35,6 +36,7 @@ }, "postcss": { "plugins": { + "tailwindcss": "./tailwind.js", "autoprefixer": {} } }, diff --git a/public/icons.symbol.svg b/public/icons.symbol.svg new file mode 100644 index 0000000..ba23d1c --- /dev/null +++ b/public/icons.symbol.svg @@ -0,0 +1 @@ +AddAdd a new itemAddAdd a new item \ No newline at end of file diff --git a/public/img/logo.png b/public/img/logo.png new file mode 100644 index 0000000000000000000000000000000000000000..2530b0ef10972a12c87c5b8873a89fddf6c54b33 GIT binary patch literal 5582 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 literal 0 HcmV?d00001 diff --git a/public/index.html b/public/index.html index 7883a06..d96adfe 100644 --- a/public/index.html +++ b/public/index.html @@ -7,7 +7,7 @@ rebuilding-acquia - + diff --git a/src/App.vue b/src/App.vue index fcc5662..d9abdec 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,28 +1,22 @@ diff --git a/src/components/EnvironmentCards.vue b/src/components/EnvironmentCards.vue new file mode 100644 index 0000000..99ac42d --- /dev/null +++ b/src/components/EnvironmentCards.vue @@ -0,0 +1,65 @@ + + + diff --git a/src/components/Environments.vue b/src/components/Environments.vue new file mode 100644 index 0000000..f944133 --- /dev/null +++ b/src/components/Environments.vue @@ -0,0 +1,162 @@ + + + diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue deleted file mode 100644 index 879051a..0000000 --- a/src/components/HelloWorld.vue +++ /dev/null @@ -1,58 +0,0 @@ - - - - - - diff --git a/src/components/QuickHelp.vue b/src/components/QuickHelp.vue new file mode 100644 index 0000000..917fcd7 --- /dev/null +++ b/src/components/QuickHelp.vue @@ -0,0 +1,26 @@ + + + diff --git a/src/components/TaskLog.vue b/src/components/TaskLog.vue new file mode 100644 index 0000000..bbd4343 --- /dev/null +++ b/src/components/TaskLog.vue @@ -0,0 +1,94 @@ + + + diff --git a/tailwind.js b/tailwind.js new file mode 100644 index 0000000..b1742d0 --- /dev/null +++ b/tailwind.js @@ -0,0 +1,997 @@ +/* + +Tailwind - The Utility-First CSS Framework + +A project by Adam Wathan (@adamwathan), Jonathan Reinink (@reinink), +David Hemphill (@davidhemphill) and Steve Schoger (@steveschoger). + +Welcome to the Tailwind config file. This is where you can customize +Tailwind specifically for your project. Don't be intimidated by the +length of this file. It's really just a big JavaScript object and +we've done our very best to explain each section. + +View the full documentation at https://tailwindcss.com. + + +|------------------------------------------------------------------------------- +| The default config +|------------------------------------------------------------------------------- +| +| This variable contains the default Tailwind config. You don't have +| to use it, but it can sometimes be helpful to have available. For +| example, you may choose to merge your custom configuration +| values with some of the Tailwind defaults. +| +*/ + +let defaultConfig = require('tailwindcss/defaultConfig')() + + +/* +|------------------------------------------------------------------------------- +| Colors https://tailwindcss.com/docs/colors +|------------------------------------------------------------------------------- +| +| Here you can specify the colors used in your project. To get you started, +| we've provided a generous palette of great looking colors that are perfect +| for prototyping, but don't hesitate to change them for your project. You +| own these colors, nothing will break if you change everything about them. +| +| We've used literal color names ("red", "blue", etc.) for the default +| palette, but if you'd rather use functional names like "primary" and +| "secondary", or even a numeric scale like "100" and "200", go for it. +| +*/ + +let colors = { + 'transparent': 'transparent', + + 'black': '#22292f', + 'grey-darkest': '#3d4852', + 'grey-darker': '#606f7b', + 'grey-dark': '#8795a1', + 'grey': '#b8c2cc', + 'grey-light': '#dae1e7', + 'grey-lighter': '#eeeeee', + 'grey-lightest': '#f8fafc', + 'white': '#ffffff', + + 'blue-dark': '#0B5386', + 'blue-light': '#008DC7', + 'blue': '#1E70AB', + +'green': '#398002', + + 'purple': '#991FAF', + 'red-dark': '#cc1f1a', + + 'teal': '#3F7B8F', + +/* + 'red-darkest': '#3b0d0c', + 'red-darker': '#621b18', + 'red-dark': '#cc1f1a', + 'red': '#e3342f', + 'red-light': '#ef5753', + 'red-lighter': '#f9acaa', + 'red-lightest': '#fcebea', + + 'orange-darkest': '#462a16', + 'orange-darker': '#613b1f', + 'orange-dark': '#de751f', + 'orange': '#f6993f', + 'orange-light': '#faad63', + 'orange-lighter': '#fcd9b6', + 'orange-lightest': '#fff5eb', + + 'yellow-darkest': '#453411', + 'yellow-darker': '#684f1d', + 'yellow-dark': '#f2d024', + 'yellow': '#ffed4a', + 'yellow-light': '#fff382', + 'yellow-lighter': '#fff9c2', + 'yellow-lightest': '#fcfbeb', + + 'green-darkest': '#0f2f21', + 'green-darker': '#1a4731', + 'green-dark': '#1f9d55', + 'green': '#38c172', + 'green-light': '#51d88a', + 'green-lighter': '#a2f5bf', + 'green-lightest': '#e3fcec', + + 'teal-darkest': '#0d3331', + 'teal-darker': '#20504f', + 'teal-dark': '#38a89d', + 'teal': '#4dc0b5', + 'teal-light': '#64d5ca', + 'teal-lighter': '#a0f0ed', + 'teal-lightest': '#e8fffe', + + 'blue-darkest': '#12283a', + 'blue-darker': '#1c3d5a', + 'blue-dark': '#2779bd', + 'blue': '#3490dc', + 'blue-light': '#6cb2eb', + 'blue-lighter': '#bcdefa', + 'blue-lightest': '#eff8ff', + + 'indigo-darkest': '#191e38', + 'indigo-darker': '#2f365f', + 'indigo-dark': '#5661b3', + 'indigo': '#6574cd', + 'indigo-light': '#7886d7', + 'indigo-lighter': '#b2b7ff', + 'indigo-lightest': '#e6e8ff', + + 'purple-darkest': '#21183c', + 'purple-darker': '#382b5f', + 'purple-dark': '#794acf', + 'purple': '#9561e2', + 'purple-light': '#a779e9', + 'purple-lighter': '#d6bbfc', + 'purple-lightest': '#f3ebff', + + 'pink-darkest': '#451225', + 'pink-darker': '#6f213f', + 'pink-dark': '#eb5286', + 'pink': '#f66d9b', + 'pink-light': '#fa7ea8', + 'pink-lighter': '#ffbbca', + 'pink-lightest': '#ffebef', + */ +} + +module.exports = { + + /* + |----------------------------------------------------------------------------- + | Colors https://tailwindcss.com/docs/colors + |----------------------------------------------------------------------------- + | + | The color palette defined above is also assigned to the "colors" key of + | your Tailwind config. This makes it easy to access them in your CSS + | using Tailwind's config helper. For example: + | + | .error { color: config('colors.red') } + | + */ + + colors: colors, + + + /* + |----------------------------------------------------------------------------- + | Screens https://tailwindcss.com/docs/responsive-design + |----------------------------------------------------------------------------- + | + | Screens in Tailwind are translated to CSS media queries. They define the + | responsive breakpoints for your project. By default Tailwind takes a + | "mobile first" approach, where each screen size represents a minimum + | viewport width. Feel free to have as few or as many screens as you + | want, naming them in whatever way you'd prefer for your project. + | + | Tailwind also allows for more complex screen definitions, which can be + | useful in certain situations. Be sure to see the full responsive + | documentation for a complete list of options. + | + | Class name: .{screen}:{utility} + | + */ + + screens: { + 'sm': '576px', + 'md': '768px', + 'lg': '992px', + 'xl': '1200px', + }, + + + /* + |----------------------------------------------------------------------------- + | Fonts https://tailwindcss.com/docs/fonts + |----------------------------------------------------------------------------- + | + | Here is where you define your project's font stack, or font families. + | Keep in mind that Tailwind doesn't actually load any fonts for you. + | If you're using custom fonts you'll need to import them prior to + | defining them here. + | + | By default we provide a native font stack that works remarkably well on + | any device or OS you're using, since it just uses the default fonts + | provided by the platform. + | + | Class name: .font-{name} + | CSS property: font-family + | + */ + + fonts: { + 'sans': [ + 'Proxima Nova', + 'system-ui', + 'BlinkMacSystemFont', + '-apple-system', + 'Segoe UI', + 'Roboto', + 'Oxygen', + 'Ubuntu', + 'Cantarell', + 'Fira Sans', + 'Droid Sans', + 'Helvetica Neue', + 'sans-serif', + ], + 'serif': [ + 'Constantia', + 'Lucida Bright', + 'Lucidabright', + 'Lucida Serif', + 'Lucida', + 'DejaVu Serif', + 'Bitstream Vera Serif', + 'Liberation Serif', + 'Georgia', + 'serif', + ], + 'mono': [ + 'Menlo', + 'Monaco', + 'Consolas', + 'Liberation Mono', + 'Courier New', + 'monospace', + ], + }, + + + /* + |----------------------------------------------------------------------------- + | Text sizes https://tailwindcss.com/docs/text-sizing + |----------------------------------------------------------------------------- + | + | Here is where you define your text sizes. Name these in whatever way + | makes the most sense to you. We use size names by default, but + | you're welcome to use a numeric scale or even something else + | entirely. + | + | By default Tailwind uses the "rem" unit type for most measurements. + | This allows you to set a root font size which all other sizes are + | then based on. That said, you are free to use whatever units you + | prefer, be it rems, ems, pixels or other. + | + | Class name: .text-{size} + | CSS property: font-size + | + */ + + textSizes: { + '2xs': '.625rem', // 10px + 'xs': '.75rem', // 12px + 'sm': '.875rem', // 14px + 'base': '1rem', // 16px + 'lg': '1.125rem', // 18px + 'xl': '1.25rem', // 20px + '2xl': '1.5rem', // 24px + '3xl': '1.875rem', // 30px + '4xl': '2.25rem', // 36px + '5xl': '3rem', // 48px + }, + + + /* + |----------------------------------------------------------------------------- + | Font weights https://tailwindcss.com/docs/font-weight + |----------------------------------------------------------------------------- + | + | Here is where you define your font weights. We've provided a list of + | common font weight names with their respective numeric scale values + | to get you started. It's unlikely that your project will require + | all of these, so we recommend removing those you don't need. + | + | Class name: .font-{weight} + | CSS property: font-weight + | + */ + + fontWeights: { + 'hairline': 100, + 'thin': 200, + 'light': 300, + 'normal': 400, + 'medium': 500, + 'semibold': 600, + 'bold': 700, + 'extrabold': 800, + 'black': 900, + }, + + + /* + |----------------------------------------------------------------------------- + | Leading (line height) https://tailwindcss.com/docs/line-height + |----------------------------------------------------------------------------- + | + | Here is where you define your line height values, or as we call + | them in Tailwind, leadings. + | + | Class name: .leading-{size} + | CSS property: line-height + | + */ + + leading: { + 'none': 1, + 'tight': 1.25, + 'normal': 1.5, + 'loose': 2, + }, + + + /* + |----------------------------------------------------------------------------- + | Tracking (letter spacing) https://tailwindcss.com/docs/letter-spacing + |----------------------------------------------------------------------------- + | + | Here is where you define your letter spacing values, or as we call + | them in Tailwind, tracking. + | + | Class name: .tracking-{size} + | CSS property: letter-spacing + | + */ + + tracking: { + 'tight': '-0.05em', + 'normal': '0', + 'wide': '0.05em', + }, + + + /* + |----------------------------------------------------------------------------- + | Text colors https://tailwindcss.com/docs/text-color + |----------------------------------------------------------------------------- + | + | Here is where you define your text colors. By default these use the + | color palette we defined above, however you're welcome to set these + | independently if that makes sense for your project. + | + | Class name: .text-{color} + | CSS property: color + | + */ + + textColors: colors, + + + /* + |----------------------------------------------------------------------------- + | Background colors https://tailwindcss.com/docs/background-color + |----------------------------------------------------------------------------- + | + | Here is where you define your background colors. By default these use + | the color palette we defined above, however you're welcome to set + | these independently if that makes sense for your project. + | + | Class name: .bg-{color} + | CSS property: background-color + | + */ + + backgroundColors: colors, + + + /* + |----------------------------------------------------------------------------- + | Background sizes https://tailwindcss.com/docs/background-size + |----------------------------------------------------------------------------- + | + | Here is where you define your background sizes. We provide some common + | values that are useful in most projects, but feel free to add other sizes + | that are specific to your project here as well. + | + | Class name: .bg-{size} + | CSS property: background-size + | + */ + + backgroundSize: { + 'auto': 'auto', + 'cover': 'cover', + 'contain': 'contain', + }, + + + /* + |----------------------------------------------------------------------------- + | Border widths https://tailwindcss.com/docs/border-width + |----------------------------------------------------------------------------- + | + | Here is where you define your border widths. Take note that border + | widths require a special "default" value set as well. This is the + | width that will be used when you do not specify a border width. + | + | Class name: .border{-side?}{-width?} + | CSS property: border-width + | + */ + + borderWidths: { + default: '1px', + '0': '0', + '2': '2px', + '4': '4px', + '6': '6px', + '8': '8px', + '10': '10px', + }, + + + /* + |----------------------------------------------------------------------------- + | Border colors https://tailwindcss.com/docs/border-color + |----------------------------------------------------------------------------- + | + | Here is where you define your border colors. By default these use the + | color palette we defined above, however you're welcome to set these + | independently if that makes sense for your project. + | + | Take note that border colors require a special "default" value set + | as well. This is the color that will be used when you do not + | specify a border color. + | + | Class name: .border-{color} + | CSS property: border-color + | + */ + + borderColors: global.Object.assign({ default: colors['grey-light'] }, colors), + + + /* + |----------------------------------------------------------------------------- + | Border radius https://tailwindcss.com/docs/border-radius + |----------------------------------------------------------------------------- + | + | Here is where you define your border radius values. If a `default` radius + | is provided, it will be made available as the non-suffixed `.rounded` + | utility. + | + | If your scale includes a `0` value to reset already rounded corners, it's + | a good idea to put it first so other values are able to override it. + | + | Class name: .rounded{-side?}{-size?} + | CSS property: border-radius + | + */ + + borderRadius: { + 'none': '0', + 'sm': '.125rem', + default: '.25rem', + 'lg': '.5rem', + 'full': '9999px', + }, + + + /* + |----------------------------------------------------------------------------- + | Width https://tailwindcss.com/docs/width + |----------------------------------------------------------------------------- + | + | Here is where you define your width utility sizes. These can be + | percentage based, pixels, rems, or any other units. By default + | we provide a sensible rem based numeric scale, a percentage + | based fraction scale, plus some other common use-cases. You + | can, of course, modify these values as needed. + | + | + | It's also worth mentioning that Tailwind automatically escapes + | invalid CSS class name characters, which allows you to have + | awesome classes like .w-2/3. + | + | Class name: .w-{size} + | CSS property: width + | + */ + + width: { + 'auto': 'auto', + 'px': '1px', + '1': '0.25rem', + '2': '0.5rem', + '3': '0.75rem', + '4': '1rem', + '5': '1.25rem', + '6': '1.5rem', + '8': '2rem', + '10': '2.5rem', + '12': '3rem', + '16': '4rem', + '24': '6rem', + '32': '8rem', + '48': '12rem', + '64': '16rem', + '1/2': '50%', + '1/3': '33.33333%', + '2/3': '66.66667%', + '1/4': '25%', + '3/4': '75%', + '1/5': '20%', + '2/5': '40%', + '3/5': '60%', + '4/5': '80%', + '1/6': '16.66667%', + '5/6': '83.33333%', + 'full': '100%', + 'screen': '100vw', + }, + + + /* + |----------------------------------------------------------------------------- + | Height https://tailwindcss.com/docs/height + |----------------------------------------------------------------------------- + | + | Here is where you define your height utility sizes. These can be + | percentage based, pixels, rems, or any other units. By default + | we provide a sensible rem based numeric scale plus some other + | common use-cases. You can, of course, modify these values as + | needed. + | + | Class name: .h-{size} + | CSS property: height + | + */ + + height: { + 'auto': 'auto', + 'px': '1px', + '1': '0.25rem', + '2': '0.5rem', + '3': '0.75rem', + '4': '1rem', + '5': '1.25rem', + '6': '1.5rem', + '8': '2rem', + '10': '2.5rem', + '12': '3rem', + '16': '4rem', + '24': '6rem', + '32': '8rem', + '48': '12rem', + '64': '16rem', + 'full': '100%', + 'screen': '100vh', + }, + + + /* + |----------------------------------------------------------------------------- + | Minimum width https://tailwindcss.com/docs/min-width + |----------------------------------------------------------------------------- + | + | Here is where you define your minimum width utility sizes. These can + | be percentage based, pixels, rems, or any other units. We provide a + | couple common use-cases by default. You can, of course, modify + | these values as needed. + | + | Class name: .min-w-{size} + | CSS property: min-width + | + */ + + minWidth: { + '0': '0', + 'full': '100%', + }, + + + /* + |----------------------------------------------------------------------------- + | Minimum height https://tailwindcss.com/docs/min-height + |----------------------------------------------------------------------------- + | + | Here is where you define your minimum height utility sizes. These can + | be percentage based, pixels, rems, or any other units. We provide a + | few common use-cases by default. You can, of course, modify these + | values as needed. + | + | Class name: .min-h-{size} + | CSS property: min-height + | + */ + + minHeight: { + '0': '0', + 'full': '100%', + 'screen': '100vh', + }, + + + /* + |----------------------------------------------------------------------------- + | Maximum width https://tailwindcss.com/docs/max-width + |----------------------------------------------------------------------------- + | + | Here is where you define your maximum width utility sizes. These can + | be percentage based, pixels, rems, or any other units. By default + | we provide a sensible rem based scale and a "full width" size, + | which is basically a reset utility. You can, of course, + | modify these values as needed. + | + | Class name: .max-w-{size} + | CSS property: max-width + | + */ + + maxWidth: { + 'xs': '20rem', + 'sm': '30rem', + 'md': '40rem', + 'lg': '50rem', + 'xl': '60rem', + '2xl': '70rem', + '3xl': '80rem', + '4xl': '90rem', + '5xl': '100rem', + 'full': '100%', + }, + + + /* + |----------------------------------------------------------------------------- + | Maximum height https://tailwindcss.com/docs/max-height + |----------------------------------------------------------------------------- + | + | Here is where you define your maximum height utility sizes. These can + | be percentage based, pixels, rems, or any other units. We provide a + | couple common use-cases by default. You can, of course, modify + | these values as needed. + | + | Class name: .max-h-{size} + | CSS property: max-height + | + */ + + maxHeight: { + 'full': '100%', + 'screen': '100vh', + }, + + + /* + |----------------------------------------------------------------------------- + | Padding https://tailwindcss.com/docs/padding + |----------------------------------------------------------------------------- + | + | Here is where you define your padding utility sizes. These can be + | percentage based, pixels, rems, or any other units. By default we + | provide a sensible rem based numeric scale plus a couple other + | common use-cases like "1px". You can, of course, modify these + | values as needed. + | + | Class name: .p{side?}-{size} + | CSS property: padding + | + */ + + padding: { + 'px': '1px', + '0': '0', + '1': '0.25rem', + '2': '0.5rem', + '3': '0.75rem', + '4': '1rem', + '5': '1.25rem', + '6': '1.5rem', + '8': '2rem', + '10': '2.5rem', + '12': '3rem', + '16': '4rem', + '20': '5rem', + '24': '6rem', + '32': '8rem', + }, + + + /* + |----------------------------------------------------------------------------- + | Margin https://tailwindcss.com/docs/margin + |----------------------------------------------------------------------------- + | + | Here is where you define your margin utility sizes. These can be + | percentage based, pixels, rems, or any other units. By default we + | provide a sensible rem based numeric scale plus a couple other + | common use-cases like "1px". You can, of course, modify these + | values as needed. + | + | Class name: .m{side?}-{size} + | CSS property: margin + | + */ + + margin: { + 'auto': 'auto', + 'px': '1px', + '0': '0', + '1': '0.25rem', + '2': '0.5rem', + '3': '0.75rem', + '4': '1rem', + '5': '1.25rem', + '6': '1.5rem', + '8': '2rem', + '10': '2.5rem', + '12': '3rem', + '16': '4rem', + '20': '5rem', + '24': '6rem', + '32': '8rem', + }, + + + /* + |----------------------------------------------------------------------------- + | Negative margin https://tailwindcss.com/docs/negative-margin + |----------------------------------------------------------------------------- + | + | Here is where you define your negative margin utility sizes. These can + | be percentage based, pixels, rems, or any other units. By default we + | provide matching values to the padding scale since these utilities + | generally get used together. You can, of course, modify these + | values as needed. + | + | Class name: .-m{side?}-{size} + | CSS property: margin + | + */ + + negativeMargin: { + 'px': '1px', + '0': '0', + '1': '0.25rem', + '2': '0.5rem', + '3': '0.75rem', + '4': '1rem', + '5': '1.25rem', + '6': '1.5rem', + '8': '2rem', + '10': '2.5rem', + '12': '3rem', + '16': '4rem', + '20': '5rem', + '24': '6rem', + '32': '8rem', + }, + + + /* + |----------------------------------------------------------------------------- + | Shadows https://tailwindcss.com/docs/shadows + |----------------------------------------------------------------------------- + | + | Here is where you define your shadow utilities. As you can see from + | the defaults we provide, it's possible to apply multiple shadows + | per utility using comma separation. + | + | If a `default` shadow is provided, it will be made available as the non- + | suffixed `.shadow` utility. + | + | Class name: .shadow-{size?} + | CSS property: box-shadow + | + */ + + shadows: { + default: '0 2px 4px 0 rgba(0,0,0,0.10)', + 'md': '0 4px 8px 0 rgba(0,0,0,0.12), 0 2px 4px 0 rgba(0,0,0,0.08)', + 'lg': '0 15px 30px 0 rgba(0,0,0,0.11), 0 5px 15px 0 rgba(0,0,0,0.08)', + 'inner': 'inset 0 2px 4px 0 rgba(0,0,0,0.06)', + 'outline': '0 0 0 3px rgba(52,144,220,0.5)', + 'none': 'none', + }, + + + /* + |----------------------------------------------------------------------------- + | Z-index https://tailwindcss.com/docs/z-index + |----------------------------------------------------------------------------- + | + | Here is where you define your z-index utility values. By default we + | provide a sensible numeric scale. You can, of course, modify these + | values as needed. + | + | Class name: .z-{index} + | CSS property: z-index + | + */ + + zIndex: { + 'auto': 'auto', + '0': 0, + '10': 10, + '20': 20, + '30': 30, + '40': 40, + '50': 50, + }, + + + /* + |----------------------------------------------------------------------------- + | Opacity https://tailwindcss.com/docs/opacity + |----------------------------------------------------------------------------- + | + | Here is where you define your opacity utility values. By default we + | provide a sensible numeric scale. You can, of course, modify these + | values as needed. + | + | Class name: .opacity-{name} + | CSS property: opacity + | + */ + + opacity: { + '0': '0', + '25': '.25', + '50': '.5', + '75': '.75', + '100': '1', + }, + + + /* + |----------------------------------------------------------------------------- + | SVG fill https://tailwindcss.com/docs/svg + |----------------------------------------------------------------------------- + | + | Here is where you define your SVG fill colors. By default we just provide + | `fill-current` which sets the fill to the current text color. This lets you + | specify a fill color using existing text color utilities and helps keep the + | generated CSS file size down. + | + | Class name: .fill-{name} + | CSS property: fill + | + */ + + svgFill: { + 'current': 'currentColor', + }, + + + /* + |----------------------------------------------------------------------------- + | SVG stroke https://tailwindcss.com/docs/svg + |----------------------------------------------------------------------------- + | + | Here is where you define your SVG stroke colors. By default we just provide + | `stroke-current` which sets the stroke to the current text color. This lets + | you specify a stroke color using existing text color utilities and helps + | keep the generated CSS file size down. + | + | Class name: .stroke-{name} + | CSS property: stroke + | + */ + + svgStroke: { + 'current': 'currentColor', + }, + + + /* + |----------------------------------------------------------------------------- + | Modules https://tailwindcss.com/docs/configuration#modules + |----------------------------------------------------------------------------- + | + | Here is where you control which modules are generated and what variants are + | generated for each of those modules. + | + | Currently supported variants: + | - responsive + | - hover + | - focus + | - focus-within + | - active + | - group-hover + | + | To disable a module completely, use `false` instead of an array. + | + */ + + modules: { + appearance: ['responsive'], + backgroundAttachment: ['responsive'], + backgroundColors: ['responsive', 'hover', 'focus'], + backgroundPosition: ['responsive'], + backgroundRepeat: ['responsive'], + backgroundSize: ['responsive'], + borderCollapse: [], + borderColors: ['responsive', 'hover', 'focus'], + borderRadius: ['responsive'], + borderStyle: ['responsive'], + borderWidths: ['responsive'], + cursor: ['responsive'], + display: ['responsive'], + flexbox: ['responsive'], + float: ['responsive'], + fonts: ['responsive'], + fontWeights: ['responsive', 'hover', 'focus'], + height: ['responsive'], + leading: ['responsive'], + lists: ['responsive'], + margin: ['responsive'], + maxHeight: ['responsive'], + maxWidth: ['responsive'], + minHeight: ['responsive'], + minWidth: ['responsive'], + negativeMargin: ['responsive'], + objectFit: false, + objectPosition: false, + opacity: ['responsive'], + outline: ['focus'], + overflow: ['responsive'], + padding: ['responsive'], + pointerEvents: ['responsive'], + position: ['responsive'], + resize: ['responsive'], + shadows: ['responsive', 'hover', 'focus'], + svgFill: [], + svgStroke: [], + tableLayout: ['responsive'], + textAlign: ['responsive'], + textColors: ['responsive', 'hover', 'focus'], + textSizes: ['responsive'], + textStyle: ['responsive', 'hover', 'focus'], + tracking: ['responsive'], + userSelect: ['responsive'], + verticalAlign: ['responsive'], + visibility: ['responsive'], + whitespace: ['responsive'], + width: ['responsive'], + zIndex: ['responsive'], + }, + + + /* + |----------------------------------------------------------------------------- + | Plugins https://tailwindcss.com/docs/plugins + |----------------------------------------------------------------------------- + | + | Here is where you can register any plugins you'd like to use in your + | project. Tailwind's built-in `container` plugin is enabled by default to + | give you a Bootstrap-style responsive container component out of the box. + | + | Be sure to view the complete plugin documentation to learn more about how + | the plugin system works. + | + */ + + plugins: [ + require('tailwindcss/plugins/container')({ + // center: true, + // padding: '1rem', + }), + ], + + + /* + |----------------------------------------------------------------------------- + | Advanced Options https://tailwindcss.com/docs/configuration#options + |----------------------------------------------------------------------------- + | + | Here is where you can tweak advanced configuration options. We recommend + | leaving these options alone unless you absolutely need to change them. + | + */ + + options: { + prefix: '', + important: false, + separator: ':', + }, + +} diff --git a/yarn.lock b/yarn.lock index be895bc..e4ed60b 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1127,6 +1127,17 @@ autoprefixer@^8.6.5: postcss "^6.0.23" postcss-value-parser "^3.2.3" +autoprefixer@^9.3.1: + version "9.4.3" + resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-9.4.3.tgz#c97384a8fd80477b78049163a91bbc725d9c41d9" + dependencies: + browserslist "^4.3.6" + caniuse-lite "^1.0.30000921" + normalize-range "^0.1.2" + num2fraction "^1.2.2" + postcss "^7.0.6" + postcss-value-parser "^3.3.1" + aws-sign2@~0.7.0: version "0.7.0" resolved "https://registry.yarnpkg.com/aws-sign2/-/aws-sign2-0.7.0.tgz#b46e890934a9591f2d2f6f86d7e6a9f1b3fe76a8" @@ -1154,6 +1165,12 @@ babel-eslint@^10.0.1: eslint-scope "3.7.1" eslint-visitor-keys "^1.0.0" +babel-extract-comments@^1.0.0: + version "1.0.0" + resolved "https://registry.yarnpkg.com/babel-extract-comments/-/babel-extract-comments-1.0.0.tgz#0a2aedf81417ed391b85e18b4614e693a0351a21" + dependencies: + babylon "^6.18.0" + babel-helper-vue-jsx-merge-props@^2.0.3: version "2.0.3" resolved "https://registry.yarnpkg.com/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-2.0.3.tgz#22aebd3b33902328e513293a8e4992b384f9f1b6" @@ -1173,12 +1190,34 @@ babel-plugin-dynamic-import-node@^2.2.0: dependencies: object.assign "^4.1.0" +babel-plugin-syntax-object-rest-spread@^6.8.0: + version "6.13.0" + resolved "http://registry.npmjs.org/babel-plugin-syntax-object-rest-spread/-/babel-plugin-syntax-object-rest-spread-6.13.0.tgz#fd6536f2bce13836ffa3a5458c4903a597bb3bf5" + +babel-plugin-transform-object-rest-spread@^6.26.0: + version "6.26.0" + resolved "https://registry.yarnpkg.com/babel-plugin-transform-object-rest-spread/-/babel-plugin-transform-object-rest-spread-6.26.0.tgz#0f36692d50fef6b7e2d4b3ac1478137a963b7b06" + dependencies: + babel-plugin-syntax-object-rest-spread "^6.8.0" + babel-runtime "^6.26.0" + babel-plugin-transform-vue-jsx@^4.0.1: version "4.0.1" resolved "https://registry.yarnpkg.com/babel-plugin-transform-vue-jsx/-/babel-plugin-transform-vue-jsx-4.0.1.tgz#2c8bddce87a6ef09eaa59869ff1bfbeeafc5f88d" dependencies: esutils "^2.0.2" +babel-runtime@^6.26.0: + version "6.26.0" + resolved "https://registry.yarnpkg.com/babel-runtime/-/babel-runtime-6.26.0.tgz#965c7058668e82b55d7bfe04ff2337bc8b5647fe" + dependencies: + core-js "^2.4.0" + regenerator-runtime "^0.11.0" + +babylon@^6.18.0: + version "6.18.0" + resolved "https://registry.yarnpkg.com/babylon/-/babylon-6.18.0.tgz#af2f3b88fa6f5c1e4c634d1a0f8eac4f55b395e3" + balanced-match@^1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.0.tgz#89b4d199ab2bee49de164ea02b89ce462d71b767" @@ -1350,7 +1389,7 @@ browserslist@^3.2.8: caniuse-lite "^1.0.30000844" electron-to-chromium "^1.3.47" -browserslist@^4.0.0, browserslist@^4.3.4: +browserslist@^4.0.0, browserslist@^4.3.4, browserslist@^4.3.6: version "4.3.6" resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.3.6.tgz#0f9d9081afc66b36f477c6bdf3813f784f42396a" dependencies: @@ -1386,7 +1425,7 @@ builtin-status-codes@^3.0.0: version "3.0.0" resolved "https://registry.yarnpkg.com/builtin-status-codes/-/builtin-status-codes-3.0.0.tgz#85982878e21b98e1c66425e03d0174788f569ee8" -bytes@3.0.0: +bytes@3.0.0, bytes@^3.0.0: version "3.0.0" resolved "https://registry.yarnpkg.com/bytes/-/bytes-3.0.0.tgz#d32815404d689699f85a4ea4fa8755dd13a96048" @@ -1487,6 +1526,10 @@ camel-case@3.0.x: no-case "^2.2.0" upper-case "^1.1.1" +camelcase-css@^1.0.1: + version "1.0.1" + resolved "https://registry.yarnpkg.com/camelcase-css/-/camelcase-css-1.0.1.tgz#157c4238265f5cf94a1dffde86446552cbf3f705" + camelcase@^4.1.0: version "4.1.0" resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-4.1.0.tgz#d545635be1e33c542649c69173e5de6acfae34dd" @@ -1703,6 +1746,10 @@ commander@^2.18.0: version "2.19.0" resolved "https://registry.yarnpkg.com/commander/-/commander-2.19.0.tgz#f6198aa84e5b83c46054b94ddedbfed5ee9ff12a" +comment-regex@^1.0.0: + version "1.0.1" + resolved "https://registry.yarnpkg.com/comment-regex/-/comment-regex-1.0.1.tgz#e070d2c4db33231955d0979d27c918fcb6f93565" + commondir@^1.0.1: version "1.0.1" resolved "https://registry.yarnpkg.com/commondir/-/commondir-1.0.1.tgz#ddd800da0c66127393cca5950ea968a3aaf1253b" @@ -1816,7 +1863,7 @@ copy-webpack-plugin@^4.6.0: p-limit "^1.0.0" serialize-javascript "^1.4.0" -core-js@^2.5.7: +core-js@^2.4.0, core-js@^2.5.7: version "2.6.1" resolved "https://registry.yarnpkg.com/core-js/-/core-js-2.6.1.tgz#87416ae817de957a3f249b3b5ca475d4aaed6042" @@ -1988,6 +2035,10 @@ css-what@2.1, css-what@^2.1.2: version "2.1.2" resolved "https://registry.yarnpkg.com/css-what/-/css-what-2.1.2.tgz#c0876d9d0480927d7d4920dcd72af3595649554d" +css.escape@^1.5.1: + version "1.5.1" + resolved "https://registry.yarnpkg.com/css.escape/-/css.escape-1.5.1.tgz#42e27d4fa04ae32f931a4b4d4191fa9cddee97cb" + cssesc@^0.1.0: version "0.1.0" resolved "https://registry.yarnpkg.com/cssesc/-/cssesc-0.1.0.tgz#c814903e45623371a0477b40109aaafbeeaddbb4" @@ -2170,6 +2221,10 @@ define-property@^2.0.2: is-descriptor "^1.0.2" isobject "^3.0.1" +defined@^1.0.0: + version "1.0.0" + resolved "https://registry.yarnpkg.com/defined/-/defined-1.0.0.tgz#c98d9bcef75674188e110969151199e39b1fa693" + del@^3.0.0: version "3.0.0" resolved "https://registry.yarnpkg.com/del/-/del-3.0.0.tgz#53ecf699ffcbcb39637691ab13baf160819766e5" @@ -2976,6 +3031,14 @@ from2@^2.1.0: inherits "^2.0.1" readable-stream "^2.0.0" +fs-extra@^4.0.2: + version "4.0.3" + resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-4.0.3.tgz#0d852122e5bc5beb453fb028e9c0c9bf36340c94" + dependencies: + graceful-fs "^4.1.2" + jsonfile "^4.0.0" + universalify "^0.1.0" + fs-extra@^7.0.1: version "7.0.1" resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-7.0.1.tgz#4f189c44aa123b895f722804f55ea23eadc348e9" @@ -3018,6 +3081,10 @@ functional-red-black-tree@^1.0.1: version "1.0.1" resolved "https://registry.yarnpkg.com/functional-red-black-tree/-/functional-red-black-tree-1.0.1.tgz#1b0ab3bd553b2a0d6399d29c0e3ea0b252078327" +gather-stream@^1.0.0: + version "1.0.0" + resolved "https://registry.yarnpkg.com/gather-stream/-/gather-stream-1.0.0.tgz#b33994af457a8115700d410f317733cbe7a0904b" + gauge@~2.7.3: version "2.7.4" resolved "https://registry.yarnpkg.com/gauge/-/gauge-2.7.4.tgz#2c03405c7538c39d7eb37b317022e325fb018bf7" @@ -3146,6 +3213,10 @@ has-ansi@^2.0.0: dependencies: ansi-regex "^2.0.0" +has-flag@^1.0.0: + version "1.0.0" + resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-1.0.0.tgz#9d9e793165ce017a00f00418c43f942a7b1d11fa" + has-flag@^3.0.0: version "3.0.0" resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-3.0.0.tgz#b5d454dc2199ae225699f3467e5a07f3b955bafd" @@ -3767,6 +3838,10 @@ joi@^13.0.0: isemail "3.x.x" topo "3.x.x" +js-base64@^2.1.9: + version "2.5.0" + resolved "https://registry.yarnpkg.com/js-base64/-/js-base64-2.5.0.tgz#42255ba183ab67ce59a0dee640afdc00ab5ae93e" + js-levenshtein@^1.1.3: version "1.1.4" resolved "https://registry.yarnpkg.com/js-levenshtein/-/js-levenshtein-1.1.4.tgz#3a56e3cbf589ca0081eb22cd9ba0b1290a16d26e" @@ -3973,6 +4048,10 @@ lodash.memoize@^4.1.2: version "4.1.2" resolved "https://registry.yarnpkg.com/lodash.memoize/-/lodash.memoize-4.1.2.tgz#bcc6c49a42a2840ed997f323eada5ecd182e0bfe" +lodash.toarray@^4.4.0: + version "4.4.0" + resolved "https://registry.yarnpkg.com/lodash.toarray/-/lodash.toarray-4.4.0.tgz#24c4bfcd6b2fba38bfd0594db1179d8e9b656561" + lodash.transform@^4.6.0: version "4.6.0" resolved "https://registry.yarnpkg.com/lodash.transform/-/lodash.transform-4.6.0.tgz#12306422f63324aed8483d3f38332b5f670547a0" @@ -4300,6 +4379,12 @@ no-case@^2.2.0: dependencies: lower-case "^1.1.1" +node-emoji@^1.8.1: + version "1.8.1" + resolved "https://registry.yarnpkg.com/node-emoji/-/node-emoji-1.8.1.tgz#6eec6bfb07421e2148c75c6bba72421f8530a826" + dependencies: + lodash.toarray "^4.4.0" + node-forge@0.7.5: version "0.7.5" resolved "https://registry.yarnpkg.com/node-forge/-/node-forge-0.7.5.tgz#6c152c345ce11c52f465c2abd957e8639cd674df" @@ -4439,7 +4524,7 @@ oauth-sign@~0.9.0: version "0.9.0" resolved "https://registry.yarnpkg.com/oauth-sign/-/oauth-sign-0.9.0.tgz#47a7b016baa68b5fa0ecf3dee08a85c679ac6455" -object-assign@^4.0.1, object-assign@^4.1.0: +object-assign@^4.0.1, object-assign@^4.1.0, object-assign@^4.1.1: version "4.1.1" resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863" @@ -4743,6 +4828,21 @@ pbkdf2@^3.0.3: safe-buffer "^5.0.1" sha.js "^2.4.8" +perfectionist@^2.4.0: + version "2.4.0" + resolved "https://registry.yarnpkg.com/perfectionist/-/perfectionist-2.4.0.tgz#c147ad3714e126467f1764129ee72df861d47ea0" + dependencies: + comment-regex "^1.0.0" + defined "^1.0.0" + minimist "^1.2.0" + postcss "^5.0.8" + postcss-scss "^0.3.0" + postcss-value-parser "^3.3.0" + read-file-stdin "^0.2.0" + string.prototype.repeat "^0.2.0" + vendors "^1.0.0" + write-file-stdout "0.0.2" + performance-now@^2.1.0: version "2.1.0" resolved "https://registry.yarnpkg.com/performance-now/-/performance-now-2.1.0.tgz#6309f4e0e5fa913ec1c69307ae364b4b377c9e7b" @@ -4849,6 +4949,22 @@ postcss-discard-overridden@^4.0.1: dependencies: postcss "^7.0.0" +postcss-functions@^3.0.0: + version "3.0.0" + resolved "https://registry.yarnpkg.com/postcss-functions/-/postcss-functions-3.0.0.tgz#0e94d01444700a481de20de4d55fb2640564250e" + dependencies: + glob "^7.1.2" + object-assign "^4.1.1" + postcss "^6.0.9" + postcss-value-parser "^3.3.0" + +postcss-js@^1.0.1: + version "1.0.1" + resolved "https://registry.yarnpkg.com/postcss-js/-/postcss-js-1.0.1.tgz#ffaf29226e399ea74b5dce02cab1729d7addbc7b" + dependencies: + camelcase-css "^1.0.1" + postcss "^6.0.11" + postcss-load-config@^2.0.0: version "2.0.0" resolved "https://registry.yarnpkg.com/postcss-load-config/-/postcss-load-config-2.0.0.tgz#f1312ddbf5912cd747177083c5ef7a19d62ee484" @@ -4948,6 +5064,13 @@ postcss-modules-values@^1.3.0: icss-replace-symbols "^1.1.0" postcss "^6.0.1" +postcss-nested@^3.0.0: + version "3.0.0" + resolved "https://registry.yarnpkg.com/postcss-nested/-/postcss-nested-3.0.0.tgz#cde40bd07a078565f3df72e2dc2665871c724852" + dependencies: + postcss "^6.0.14" + postcss-selector-parser "^3.1.1" + postcss-normalize-charset@^4.0.1: version "4.0.1" resolved "https://registry.yarnpkg.com/postcss-normalize-charset/-/postcss-normalize-charset-4.0.1.tgz#8b35add3aee83a136b0471e0d59be58a50285dd4" @@ -5046,6 +5169,12 @@ postcss-reduce-transforms@^4.0.1: postcss "^7.0.0" postcss-value-parser "^3.0.0" +postcss-scss@^0.3.0: + version "0.3.1" + resolved "https://registry.yarnpkg.com/postcss-scss/-/postcss-scss-0.3.1.tgz#65c610d8e2a7ee0e62b1835b71b8870734816e4b" + dependencies: + postcss "^5.2.4" + postcss-selector-parser@^3.0.0, postcss-selector-parser@^3.1.1: version "3.1.1" resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-3.1.1.tgz#4f875f4afb0c96573d5cf4d74011aee250a7e865" @@ -5083,7 +5212,16 @@ postcss-value-parser@^3.0.0, postcss-value-parser@^3.2.3, postcss-value-parser@^ version "3.3.1" resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz#9ff822547e2893213cf1c30efa51ac5fd1ba8281" -postcss@^6.0.1, postcss@^6.0.20, postcss@^6.0.23: +postcss@^5.0.8, postcss@^5.2.4: + version "5.2.18" + resolved "https://registry.yarnpkg.com/postcss/-/postcss-5.2.18.tgz#badfa1497d46244f6390f58b319830d9107853c5" + dependencies: + chalk "^1.1.3" + js-base64 "^2.1.9" + source-map "^0.5.6" + supports-color "^3.2.3" + +postcss@^6.0.1, postcss@^6.0.11, postcss@^6.0.14, postcss@^6.0.20, postcss@^6.0.23, postcss@^6.0.9: version "6.0.23" resolved "https://registry.yarnpkg.com/postcss/-/postcss-6.0.23.tgz#61c82cc328ac60e677645f979054eb98bc0e3324" dependencies: @@ -5091,7 +5229,7 @@ postcss@^6.0.1, postcss@^6.0.20, postcss@^6.0.23: source-map "^0.6.1" supports-color "^5.4.0" -postcss@^7.0.0, postcss@^7.0.1, postcss@^7.0.5: +postcss@^7.0.0, postcss@^7.0.1, postcss@^7.0.5, postcss@^7.0.6: version "7.0.7" resolved "https://registry.yarnpkg.com/postcss/-/postcss-7.0.7.tgz#2754d073f77acb4ef08f1235c36c5721a7201614" dependencies: @@ -5114,6 +5252,10 @@ pretty-error@^2.0.2: renderkid "^2.0.1" utila "~0.4" +pretty-hrtime@^1.0.3: + version "1.0.3" + resolved "http://registry.npmjs.org/pretty-hrtime/-/pretty-hrtime-1.0.3.tgz#b7e3ea42435a4c9b2759d99e0f201eb195802ee1" + private@^0.1.6: version "0.1.8" resolved "https://registry.yarnpkg.com/private/-/private-0.1.8.tgz#2381edb3689f7a53d653190060fcf822d2f368ff" @@ -5253,6 +5395,12 @@ rc@^1.2.7: minimist "^1.2.0" strip-json-comments "~2.0.1" +read-file-stdin@^0.2.0: + version "0.2.1" + resolved "https://registry.yarnpkg.com/read-file-stdin/-/read-file-stdin-0.2.1.tgz#25eccff3a153b6809afacb23ee15387db9e0ee61" + dependencies: + gather-stream "^1.0.0" + read-pkg@^4.0.1: version "4.0.1" resolved "https://registry.yarnpkg.com/read-pkg/-/read-pkg-4.0.1.tgz#963625378f3e1c4d48c85872b5a6ec7d5d093237" @@ -5308,6 +5456,10 @@ regenerate@^1.2.1, regenerate@^1.4.0: version "1.4.0" resolved "https://registry.yarnpkg.com/regenerate/-/regenerate-1.4.0.tgz#4a856ec4b56e4077c557589cae85e7a4c8869a11" +regenerator-runtime@^0.11.0: + version "0.11.1" + resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.11.1.tgz#be05ad7f9bf7d22e056f9726cee5017fbf19e2e9" + regenerator-runtime@^0.12.0: version "0.12.1" resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.12.1.tgz#fa1a71544764c036f8c49b13a08b2594c9f8a0de" @@ -5965,6 +6117,10 @@ string.prototype.padstart@^3.0.0: es-abstract "^1.4.3" function-bind "^1.0.2" +string.prototype.repeat@^0.2.0: + version "0.2.0" + resolved "https://registry.yarnpkg.com/string.prototype.repeat/-/string.prototype.repeat-0.2.0.tgz#aba36de08dcee6a5a337d49b2ea1da1b28fc0ecf" + string_decoder@^1.0.0, string_decoder@^1.1.1: version "1.2.0" resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-1.2.0.tgz#fe86e738b19544afe70469243b2a1ee9240eae8d" @@ -5999,6 +6155,13 @@ strip-ansi@^5.0.0: dependencies: ansi-regex "^4.0.0" +strip-comments@^1.0.2: + version "1.0.2" + resolved "https://registry.yarnpkg.com/strip-comments/-/strip-comments-1.0.2.tgz#82b9c45e7f05873bee53f37168af930aa368679d" + dependencies: + babel-extract-comments "^1.0.0" + babel-plugin-transform-object-rest-spread "^6.26.0" + strip-eof@^1.0.0: version "1.0.0" resolved "http://registry.npmjs.org/strip-eof/-/strip-eof-1.0.0.tgz#bb43ff5598a6eb05d89b59fcd129c983313606bf" @@ -6023,6 +6186,12 @@ supports-color@^2.0.0: version "2.0.0" resolved "http://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz#535d045ce6b6363fa40117084629995e9df324c7" +supports-color@^3.2.3: + version "3.2.3" + resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-3.2.3.tgz#65ac0504b3954171d8a64946b2ae3cbb8a5f54f6" + dependencies: + has-flag "^1.0.0" + supports-color@^5.1.0, supports-color@^5.3.0, supports-color@^5.4.0, supports-color@^5.5.0: version "5.5.0" resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-5.5.0.tgz#e2e69a44ac8772f78a1ec0b35b689df6530efc8f" @@ -6068,6 +6237,26 @@ table@^5.0.2: slice-ansi "2.0.0" string-width "^2.1.1" +tailwindcss@^0.7.3: + version "0.7.3" + resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-0.7.3.tgz#7b58605dd7857507c4dbc6edaccab4c14d30c054" + dependencies: + autoprefixer "^9.3.1" + bytes "^3.0.0" + chalk "^2.4.1" + css.escape "^1.5.1" + fs-extra "^4.0.2" + lodash "^4.17.5" + node-emoji "^1.8.1" + perfectionist "^2.4.0" + postcss "^6.0.9" + postcss-functions "^3.0.0" + postcss-js "^1.0.1" + postcss-nested "^3.0.0" + postcss-selector-parser "^3.1.1" + pretty-hrtime "^1.0.3" + strip-comments "^1.0.2" + tapable@^1.0.0, tapable@^1.1.0: version "1.1.1" resolved "https://registry.yarnpkg.com/tapable/-/tapable-1.1.1.tgz#4d297923c5a72a42360de2ab52dadfaaec00018e" @@ -6670,6 +6859,10 @@ wrappy@1: version "1.0.2" resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f" +write-file-stdout@0.0.2: + version "0.0.2" + resolved "https://registry.yarnpkg.com/write-file-stdout/-/write-file-stdout-0.0.2.tgz#c252d7c7c5b1b402897630e3453c7bfe690d9ca1" + write@^0.2.1: version "0.2.1" resolved "https://registry.yarnpkg.com/write/-/write-0.2.1.tgz#5fc03828e264cea3fe91455476f7a3c566cb0757"