Format js files
This commit is contained in:
+22
-22
@@ -20,24 +20,24 @@ module.exports = {
|
||||
fontFamily: {
|
||||
sans: ['Inter', ...defaultTheme.fontFamily.sans],
|
||||
},
|
||||
animation:{
|
||||
'shake': 'shake 0.82s cubic-bezier(.36,.07,.19,.97) both',
|
||||
animation: {
|
||||
'shake': 'shake 0.82s cubic-bezier(.36,.07,.19,.97) both',
|
||||
},
|
||||
keyframes: {
|
||||
'shake' : {
|
||||
'10%, 90%': {
|
||||
transform: 'translate3d(-1px, 0, 0)'
|
||||
},
|
||||
'20%, 80%' : {
|
||||
transform: 'translate3d(2px, 0, 0)'
|
||||
},
|
||||
'30%, 50%, 70%': {
|
||||
transform: 'translate3d(-4px, 0, 0)'
|
||||
},
|
||||
'40%, 60%': {
|
||||
transform: 'translate3d(4px, 0, 0)'
|
||||
}
|
||||
'shake': {
|
||||
'10%, 90%': {
|
||||
transform: 'translate3d(-1px, 0, 0)'
|
||||
},
|
||||
'20%, 80%': {
|
||||
transform: 'translate3d(2px, 0, 0)'
|
||||
},
|
||||
'30%, 50%, 70%': {
|
||||
transform: 'translate3d(-4px, 0, 0)'
|
||||
},
|
||||
'40%, 60%': {
|
||||
transform: 'translate3d(4px, 0, 0)'
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
},
|
||||
@@ -48,14 +48,14 @@ module.exports = {
|
||||
//
|
||||
// <div class="phx-click-loading:animate-ping">
|
||||
//
|
||||
plugin(({addVariant}) => addVariant("phx-click-loading", [".phx-click-loading&", ".phx-click-loading &"])),
|
||||
plugin(({addVariant}) => addVariant("phx-submit-loading", [".phx-submit-loading&", ".phx-submit-loading &"])),
|
||||
plugin(({addVariant}) => addVariant("phx-change-loading", [".phx-change-loading&", ".phx-change-loading &"])),
|
||||
plugin(({ addVariant }) => addVariant("phx-click-loading", [".phx-click-loading&", ".phx-click-loading &"])),
|
||||
plugin(({ addVariant }) => addVariant("phx-submit-loading", [".phx-submit-loading&", ".phx-submit-loading &"])),
|
||||
plugin(({ addVariant }) => addVariant("phx-change-loading", [".phx-change-loading&", ".phx-change-loading &"])),
|
||||
|
||||
// Embeds Heroicons (https://heroicons.com) into your app.css bundle
|
||||
// See your `CoreComponents.icon/1` for more information.
|
||||
//
|
||||
plugin(function({matchComponents, theme}) {
|
||||
plugin(function ({ matchComponents, theme }) {
|
||||
let iconsDir = path.join(__dirname, "../deps/heroicons/optimized")
|
||||
let values = {}
|
||||
let icons = [
|
||||
@@ -67,11 +67,11 @@ module.exports = {
|
||||
icons.forEach(([suffix, dir]) => {
|
||||
fs.readdirSync(path.join(iconsDir, dir)).forEach(file => {
|
||||
let name = path.basename(file, ".svg") + suffix
|
||||
values[name] = {name, fullPath: path.join(iconsDir, dir, file)}
|
||||
values[name] = { name, fullPath: path.join(iconsDir, dir, file) }
|
||||
})
|
||||
})
|
||||
matchComponents({
|
||||
"hero": ({name, fullPath}) => {
|
||||
"hero": ({ name, fullPath }) => {
|
||||
let content = fs.readFileSync(fullPath).toString().replace(/\r?\n|\r/g, "")
|
||||
let size = theme("spacing.6")
|
||||
if (name.endsWith("-mini")) {
|
||||
@@ -91,7 +91,7 @@ module.exports = {
|
||||
"height": size
|
||||
}
|
||||
}
|
||||
}, {values})
|
||||
}, { values })
|
||||
})
|
||||
]
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user