diff --git a/config/tailwind.config.js b/config/tailwind.config.js index caf1d0b..05268bd 100644 --- a/config/tailwind.config.js +++ b/config/tailwind.config.js @@ -1,8 +1,4 @@ const colors = require('tailwindcss/colors'); -const path = require('node:path'); -const defaultTheme = require('tailwindcss/defaultTheme'); -const appEntry = path.join(__dirname, 'app'); -const relevantFilesGlob = '**/*.{html,js,ts,hbs,gjs,gts}'; const light = '#FAFAFA'; // const gray = '#EEEDEF'; @@ -18,7 +14,7 @@ const dark = '#1E1E1E'; // const primary = '#ff5caa'; module.exports = { - content: [path.join(appEntry, relevantFilesGlob)], + content: ['./app/**/*.{html,hbs}'], darkMode: 'media', theme: { extend: { @@ -58,167 +54,10 @@ module.exports = { }, }, }, - - // emberPowerSelect: (theme) => ({ - // default: { - // trigger: { - // borderRadius: theme('borderRadius.default'), - // borderColor: theme('colors.gray'), - // fontSize: theme('fontSize.base'), - // padding: `${theme('spacing.2')} ${theme('spacing.10')} ${theme( - // 'spacing.2' - // )} ${theme('spacing.3')}`, - // minHeight: '42px', - // lineHeight: theme('lineHeight.normal'), - // maxWidth: theme('maxWidth.md'), - // zIndex: 0, - // '&:focus': { - // boxShadow: 'none', - // borderColor: theme('colors.primary'), - // }, - // }, - // dropdown: { - // // color: config.textColor, - // // backgroundColor: config.dropdownBackgroundColor, - // borderColor: theme('colors.gray'), - // // borderWidth: defaultTheme.borderWidth.default, - // // borderRadius: config.dropdownBorderRadius, - // boxShadow: theme('boxShadow.sm'), - // // '&.ember-basic-dropdown-content--in-place': { - // // width: defaultTheme.width.full - // // }, - // // '&.ember-basic-dropdown-content--above': { - // // transform: - // // config.dropdownMargin && config.dropdownMargin !== '0' - // // ? `translateY(calc(-1 * ${config.dropdownMargin}))` - // // : null, - // // borderBottomLeftRadius: config.openedBorderRadius, - // // borderBottomRightRadius: config.openedBorderRadius - // // }, - // // '&.ember-basic-dropdown-content--below, &.ember-basic-dropdown-content--in-place': { - // // transform: - // // config.dropdownMargin && config.dropdownMargin !== '0' - // // ? `translateY(${config.dropdownMargin})` - // // : null, - // // borderTopLeftRadius: config.openedBorderRadius, - // // borderTopRightRadius: config.openedBorderRadius - // // } - // }, - // options: { - // // listStyle: 'none', - // marginTop: theme('spacing.1'), - // marginBottom: theme('spacing.1'), - // // marginLeft: '0', - // // marginRight: '0', - // // padding: '0', - // // userSelect: 'none', - // // '&[role="listbox"]': { - // // overflowY: 'auto', - // // '-webkit-overflow-scrolling': 'touch', - // // maxHeight: defaultTheme.spacing[48] - // // } - // }, - // option: { - // paddingLeft: theme('spacing.4'), - // paddingRight: theme('spacing.4'), - // paddingTop: theme('spacing.2'), - // paddingBottom: theme('spacing.2'), - // // fontSize: theme('fontSize.sm'), - // lineHeight: theme('lineHeight.5'), - // // color: theme('colors.gray.dark'), - // // '&[aria-disabled="true"]': { - // // color: config.disabledTextColor, - // // cursor: 'not-allowed' - // // }, - // // '&[aria-selected="true"]': { - // // backgroundColor: theme('colors.primary'), - // // color: theme('colors.gray-700'), - // // }, - // '&[aria-current="true"]': { - // backgroundColor: theme('colors.gray.light'), - // color: null, - // }, - // }, - // placeholder: { - // // display: 'block', - // // overflowX: 'hidden', - // // whiteSpace: 'nowrap', - // // textOverflow: 'ellipsis', - // // color: config.placeholderTextColor, - // lineHeight: theme('lineHeight.normal'), - // }, - // search: { - // paddingBottom: theme('spacing.2'), - // }, - // searchInput: { - // borderRadius: theme('borderRadius.default'), - // borderColor: theme('colors.gray'), - // fontSize: theme('fontSize.base'), - // padding: `${theme('spacing.2')} ${theme('spacing.3')}`, - // minHeight: '42px', - // lineHeight: theme('lineHeight.normal'), - // maxWidth: theme('maxWidth.md'), - // '&:focus': { - // boxShadow: 'none', - // borderColor: theme('colors.primary'), - // }, - // }, - // multipleOptions: { - // // display: 'flex', - // // flexWrap: 'wrap', - // // alignItems: 'center', - // // paddingRight: defaultTheme.spacing[6], - // // marginTop: `-${theme('spacing.1')}`, // Discount to make one line items not take more space - // // marginBottom: `-${theme('spacing.2')}` // Discount marginBottom from option - // }, - - // multipleOption: { - // // display: 'flex', - // // alignItems: 'center', - // backgroundColor: theme('colors.gray.dark'), - // // color: config.multipleOptionTextColor, - // // borderRadius: config.multipleOptionBorderRadius, - // // fontSize: defaultTheme.fontSize.sm, - // // lineHeight: defaultTheme.lineHeight.tight, - // // paddingTop: defaultTheme.spacing[1], - // // paddingRight: defaultTheme.spacing[2], - // // paddingBottom: defaultTheme.spacing[1], - // // paddingLeft: defaultTheme.spacing[1], - // // marginRight: defaultTheme.spacing[1], - // // marginBottom: 0, - // // '&:first-child': { - // // marginLeft: 0 - // // }, - // // '&:last-child': { - // // marginRight: 0 - // // } - // }, - // // multipleRemoveBtn: { - // // lineHeight: defaultTheme.lineHeight.tight, - // // display: 'inline-block', - // // cursor: 'pointer', - // // textIndent: '-9999rem', - // // marginTop: '0.15em', - // // transition: 'opacity .20s ease-in-out', - // // height: '1em', - // // width: '1em', - // // iconColor: 'currentColor', - // // icon: iconColor => - // // ``, - // // '&:not(:hover)': { - // // opacity: 0.5 - // // } - // // } - // }, - // }), }, variants: { extend: {}, }, - safelist: [ - { - pattern: /^ember-power-select-/, - }, - ], + safelist: [], plugins: [], };