fix(validate.py): raise an exception with a message when node is not found

feat(GenericNode): add node validation with outline color feedback
feat(tailwind.config.js): add styles for outline colors and animations
This commit is contained in:
Gabriel Almeida 2023-04-24 13:43:52 -03:00
commit f122151b12
3 changed files with 100 additions and 33 deletions

View file

@ -1,45 +1,62 @@
/** @type {import('tailwindcss').Config} */
const plugin = require('tailwindcss/plugin')
const plugin = require("tailwindcss/plugin");
module.exports = {
content: ["./src/**/*.{js,ts,tsx,jsx}"],
darkMode: 'class',
important:true,
darkMode: "class",
important: true,
theme: {
extend: {},
extend: {
borderColor: {
"red-outline": "rgba(255, 0, 0, 0.8)",
"green-outline": "rgba(72, 187, 120, 0.7)",
},
boxShadow: {
"red-outline": "0 0 5px rgba(255, 0, 0, 0.5)",
"green-outline": "0 0 5px rgba(72, 187, 120, 0.7)",
},
animation: {
"pulse-green": "pulseGreen 1s linear",
},
keyframes: {
pulseGreen: {
"0%": { boxShadow: "0 0 0 0 rgba(72, 187, 120, 0.7)" },
"100%": { boxShadow: "0 0 0 10px rgba(72, 187, 120, 0)" },
},
},
},
},
plugins: [
require("@tailwindcss/forms")({
strategy: 'class', // only generate classes
strategy: "class", // only generate classes
}),
plugin(function ({ addUtilities }) {
addUtilities({
'.scrollbar-hide': {
".scrollbar-hide": {
/* IE and Edge */
'-ms-overflow-style': 'none',
"-ms-overflow-style": "none",
/* Firefox */
'scrollbar-width': 'none',
"scrollbar-width": "none",
/* Safari and Chrome */
'&::-webkit-scrollbar': {
display: 'none'
}
},
'.arrow-hide':{
'&::-webkit-inner-spin-button':{
'-webkit-appearance': 'none',
'margin': 0
},
'&::-webkit-outer-spin-button':{
'-webkit-appearance': 'none',
'margin': 0
"&::-webkit-scrollbar": {
display: "none",
},
},
'.password':{
"-webkit-text-security":"disc",
"font-family": "text-security-disc"
}
}
)
})
".arrow-hide": {
"&::-webkit-inner-spin-button": {
"-webkit-appearance": "none",
margin: 0,
},
"&::-webkit-outer-spin-button": {
"-webkit-appearance": "none",
margin: 0,
},
},
".password": {
"-webkit-text-security": "disc",
"font-family": "text-security-disc",
},
});
}),
],
}
};