refactor: move into src
This commit is contained in:
parent
675e89e9d1
commit
51c5f5759d
404 changed files with 2 additions and 2 deletions
|
|
@ -1,7 +0,0 @@
|
|||
/* src/css/tailwind.pcss */
|
||||
|
||||
@tailwind base;
|
||||
|
||||
@tailwind components;
|
||||
|
||||
@tailwind utilities;
|
||||
|
|
@ -1,6 +0,0 @@
|
|||
<a
|
||||
href="#"
|
||||
class="text-red-500 hover:text-red-800"
|
||||
>
|
||||
Read more
|
||||
</a>
|
||||
|
|
@ -1,13 +0,0 @@
|
|||
// defaultConfig.stub.js
|
||||
|
||||
variants: {
|
||||
alignContent: ['responsive'],
|
||||
alignItems: ['responsive'],
|
||||
alignSelf: ['responsive'],
|
||||
appearance: ['responsive'],
|
||||
backgroundAttachment: ['responsive'],
|
||||
backgroundColor: ['responsive', 'hover', 'focus'],
|
||||
backgroundPosition: ['responsive'],
|
||||
backgroundRepeat: ['responsive'],
|
||||
// ...
|
||||
}
|
||||
|
|
@ -1,8 +0,0 @@
|
|||
// defaultConfig.stub.js
|
||||
|
||||
screens: {
|
||||
sm: '640px',
|
||||
md: '768px',
|
||||
lg: '1024px',
|
||||
xl: '1280px',
|
||||
},
|
||||
|
|
@ -1,9 +0,0 @@
|
|||
.block {
|
||||
display: block;
|
||||
}
|
||||
|
||||
@media (min-width: 640px) {
|
||||
.sm\:block {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,9 +0,0 @@
|
|||
<div class="block md:flex">
|
||||
<div class="w-full md:w-1/2">
|
||||
Column 1
|
||||
</div>
|
||||
|
||||
<div class="w-full md:w-1/2">
|
||||
Column 2
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -1,11 +0,0 @@
|
|||
// tailwind.config.js
|
||||
|
||||
variants: {
|
||||
alignContent: ['responsive'],
|
||||
alignItems: ['responsive'],
|
||||
alignSelf: ['responsive'],
|
||||
appearance: ['responsive'],
|
||||
backgroundAttachment: ['responsive'],
|
||||
backgroundColor: ['responsive', 'hover', 'focus'],
|
||||
// ...
|
||||
}
|
||||
|
|
@ -1,11 +0,0 @@
|
|||
// tailwind.config.js
|
||||
|
||||
variants: {
|
||||
alignContent: ['responsive'],
|
||||
alignItems: ['responsive'],
|
||||
- alignSelf: ['responsive'],
|
||||
+ alignSelf: false,
|
||||
appearance: ['responsive'],
|
||||
backgroundAttachment: ['responsive'],
|
||||
- backgroundColor: ['responsive', 'hover', 'focus'],
|
||||
+ backgroundColor: ['responsive'],
|
||||
|
|
@ -1,16 +0,0 @@
|
|||
screens: {
|
||||
sm: '640px',
|
||||
md: '768px',
|
||||
lg: '1024px',
|
||||
xl: '1280px',
|
||||
},
|
||||
colors: {
|
||||
transparent: 'transparent',
|
||||
black: '#000',
|
||||
white: '#fff',
|
||||
gray: {
|
||||
100: '#f7fafc',
|
||||
200: '#edf2f7',
|
||||
300: '#e2e8f0',
|
||||
},
|
||||
// ...
|
||||
|
|
@ -1,16 +0,0 @@
|
|||
screens: {
|
||||
sm: '640px',
|
||||
md: '768px',
|
||||
lg: '1024px',
|
||||
- xl: '1280px',
|
||||
},
|
||||
colors: {
|
||||
transparent: 'transparent',
|
||||
black: '#000',
|
||||
white: '#fff',
|
||||
gray: {
|
||||
100: '#f7fafc',
|
||||
- 200: '#edf2f7',
|
||||
- 300: '#e2e8f0',
|
||||
},
|
||||
// ...
|
||||
|
|
@ -1,10 +0,0 @@
|
|||
module.exports = {
|
||||
purge: [
|
||||
'./src/**/*.html',
|
||||
'./src/**/*.vue',
|
||||
'./src/**/*.jsx',
|
||||
],
|
||||
theme: {},
|
||||
variants: {},
|
||||
plugins: [],
|
||||
}
|
||||
|
|
@ -1,10 +0,0 @@
|
|||
/* src/css/tailwind.pcss */
|
||||
|
||||
@tailwind base;
|
||||
/* Custom base styles */
|
||||
|
||||
@tailwind components;
|
||||
/* Custom components */
|
||||
|
||||
@tailwind utilities;
|
||||
/* Custom utilities */
|
||||
|
|
@ -1,8 +0,0 @@
|
|||
{% for item in navItems %}
|
||||
<a
|
||||
class="block py-3 px-4 text-sm text-gray-800"
|
||||
href="{{ item.url }}"
|
||||
>
|
||||
{{ item.title }}
|
||||
</a>
|
||||
{% endfor %}
|
||||
|
|
@ -1,13 +0,0 @@
|
|||
<h2>Adults</h2>
|
||||
|
||||
{% include 'class-list' with {
|
||||
classes: page.classes,
|
||||
type: 'adults',
|
||||
} %}
|
||||
|
||||
<h2>Kids</h2>
|
||||
|
||||
{% include 'class-list' with {
|
||||
classes: page.classes,
|
||||
type: 'kids',
|
||||
} %}
|
||||
|
|
@ -1,9 +0,0 @@
|
|||
/* src/css/tailwind.pcss */
|
||||
|
||||
@tailwind base;
|
||||
@tailwind components;
|
||||
@tailwind utilities;
|
||||
|
||||
@layer components {
|
||||
/* Custom components */
|
||||
}
|
||||
|
|
@ -1,15 +0,0 @@
|
|||
.text-left {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.text-center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.text-right {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.text-justify {
|
||||
text-align: justify;
|
||||
}
|
||||
|
|
@ -1,10 +0,0 @@
|
|||
let Encore = require('@symfony/webpack-encore')
|
||||
|
||||
Encore
|
||||
.disableSingleRuntimeChunk()
|
||||
.setOutputPath('dist/')
|
||||
.setPublicPath('/dist')
|
||||
.addStyleEntry('app', './src/css/tailwind.pcss')
|
||||
.enablePostCssLoader()
|
||||
|
||||
module.exports = Encore.getWebpackConfig()
|
||||
|
|
@ -1,5 +0,0 @@
|
|||
module.exports = {
|
||||
plugins: [
|
||||
require('tailwindcss')
|
||||
]
|
||||
}
|
||||
|
|
@ -1,9 +0,0 @@
|
|||
$ npx encore dev
|
||||
|
||||
Running webpack ...
|
||||
|
||||
DONE Compiled successfully in 1705ms
|
||||
|
||||
1 files written to build
|
||||
|
||||
Entrypoint app [big] = app.css
|
||||
|
|
@ -1,9 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<title>My new website</title>
|
||||
<link rel="stylesheet" href="/dist/app.css" />
|
||||
</head>
|
||||
<body></body>
|
||||
</html>
|
||||
|
|
@ -1,11 +0,0 @@
|
|||
.text-red-500 {
|
||||
color: #f56565;
|
||||
}
|
||||
|
||||
.hover\:text-red-500:hover {
|
||||
color: #f56565;
|
||||
}
|
||||
|
||||
.focus\:text-red-500:focus {
|
||||
color: #f56565;
|
||||
}
|
||||
|
|
@ -1 +0,0 @@
|
|||
aa
|
||||
|
|
@ -1,17 +0,0 @@
|
|||
a.btn {
|
||||
font-size: 0.875rem;
|
||||
text-decoration: none;
|
||||
font-weight: 700;
|
||||
border-radius: 9999px;
|
||||
display: inline-block;
|
||||
padding-left: 1.25rem;
|
||||
padding-right: 1.25rem;
|
||||
padding-top: 0.5rem;
|
||||
padding-bottom: 0.5rem;
|
||||
color: #fff;
|
||||
background-color: #3182ce;
|
||||
}
|
||||
|
||||
a.btn:hover {
|
||||
background-color: #2b6cb0;
|
||||
}
|
||||
|
|
@ -1,7 +0,0 @@
|
|||
a.btn {
|
||||
@apply text-sm no-underline font-bold;
|
||||
@apply rounded-full inline-block px-5 py-2;
|
||||
@apply text-white bg-blue-600;
|
||||
|
||||
@apply hover:bg-blue-700;
|
||||
}
|
||||
|
|
@ -1,12 +0,0 @@
|
|||
/** @type {import('tailwindcss').Config} */
|
||||
module.exports = {
|
||||
content: [],
|
||||
theme: {
|
||||
extend: {
|
||||
colors: {
|
||||
inherit: 'inherit'
|
||||
}
|
||||
},
|
||||
},
|
||||
plugins: [],
|
||||
}
|
||||
|
|
@ -1,11 +0,0 @@
|
|||
/** @type {import('tailwindcss').Config} */
|
||||
module.exports = {
|
||||
content: [],
|
||||
theme: {
|
||||
colors: {
|
||||
inherit: 'inherit'
|
||||
},
|
||||
extend: {},
|
||||
},
|
||||
plugins: [],
|
||||
}
|
||||
|
|
@ -1,11 +0,0 @@
|
|||
// tailwind.config.js
|
||||
|
||||
module.exports = {
|
||||
theme: {
|
||||
extend: {},
|
||||
},
|
||||
plugins: [
|
||||
require('tailwindcss-list-reset')()
|
||||
],
|
||||
variants: {},
|
||||
}
|
||||
|
|
@ -1,4 +0,0 @@
|
|||
.list-reset {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
|
@ -1,10 +0,0 @@
|
|||
const plugin = require("tailwindcss/plugin");
|
||||
|
||||
plugin(function({ addUtilities }) {
|
||||
addUtilities({
|
||||
'.list-reset': {
|
||||
listStyle: 'none',
|
||||
padding: 0,
|
||||
},
|
||||
})
|
||||
})
|
||||
|
|
@ -1,8 +0,0 @@
|
|||
/** @type {import('tailwindcss').Config} */
|
||||
module.exports = {
|
||||
content: [],
|
||||
theme: {
|
||||
extend: {},
|
||||
},
|
||||
plugins: [],
|
||||
}
|
||||
|
|
@ -1,7 +0,0 @@
|
|||
// tailwind.config.js
|
||||
|
||||
module.exports = {
|
||||
mode: "jit",
|
||||
content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
|
||||
// ...
|
||||
}
|
||||
|
|
@ -1,24 +0,0 @@
|
|||
// Start require plugin
|
||||
const plugin = require("tailwindcss/plugin");
|
||||
// End require plugin
|
||||
|
||||
// Start add function
|
||||
const plugin = require("tailwindcss/plugin");
|
||||
|
||||
module.exports = plugin(function({ addUtilities }) {
|
||||
|
||||
})
|
||||
// End add function
|
||||
|
||||
// Start function contents
|
||||
const plugin = require("tailwindcss/plugin");
|
||||
|
||||
module.exports = plugin(function({ addUtilities }) {
|
||||
addUtilities({
|
||||
'.list-reset': {
|
||||
listStyle: 'none',
|
||||
padding: 0,
|
||||
},
|
||||
})
|
||||
})
|
||||
// End function contents
|
||||
|
|
@ -1,47 +0,0 @@
|
|||
// Start create plugin
|
||||
const plugin = require("tailwindcss/plugin");
|
||||
|
||||
module.exports = plugin(({ addComponents, theme }) {
|
||||
|
||||
});
|
||||
// End create plugin
|
||||
|
||||
// Start define styles
|
||||
const plugin = require("tailwindcss/plugin");
|
||||
|
||||
module.exports = plugin(({ addComponents, theme }) {
|
||||
let styles = {
|
||||
primary: {
|
||||
default: {
|
||||
backgroundColor: theme("colors.primary.DEFAULT"),
|
||||
border: `2px solid ${theme("colors.primary.dark")}`,
|
||||
borderRadius: "10px",
|
||||
color: theme("colors.white"),
|
||||
cursor: "pointer",
|
||||
padding: `${theme("padding.3")} ${theme("padding.12")}`,
|
||||
},
|
||||
|
||||
hover: {
|
||||
backgroundColor: theme("colors.white"),
|
||||
color: theme("colors.primary.DEFAULT"),
|
||||
},
|
||||
},
|
||||
}
|
||||
});
|
||||
|
||||
// End define styles
|
||||
|
||||
// Start add components
|
||||
const plugin = require("tailwindcss/plugin");
|
||||
|
||||
module.exports = plugin(({ addComponents, theme }) {
|
||||
|
||||
// ...
|
||||
|
||||
addComponents({
|
||||
"#edit-checkout.button": styles.primary.default,
|
||||
"#edit-checkout.button:hover, #edit-checkout.button:focus":
|
||||
styles.primary.hover,
|
||||
});
|
||||
});
|
||||
// End add components
|
||||
Loading…
Add table
Add a link
Reference in a new issue