@pmidc/upyog-css 0.0.3 → 1.0.0

package/gulpfile.js

@@ -1,55 +0,0 @@
-const { series, src, dest, watch, task } = require("gulp");
-const clean = require("gulp-clean");
-const postcss = require("gulp-postcss");
-const sass = require("gulp-sass");
-const postcssPresetEnv = require("postcss-preset-env");
-const cleanCSS = require("gulp-clean-css");
-const rename = require("gulp-rename");
-const livereload = require("gulp-livereload");
-
-let output = "./example";
-if (process.env.NODE_ENV === "production") {
-  output = "./dist";
-}
-
-function cleanStyles() {
-  return src(`${output}/*.css`, { read: false }).pipe(clean());
-}
-
-function styles() {
-  const plugins = [
-    require("postcss-import"),
-    require("tailwindcss"),
-    postcssPresetEnv({ stage: 2, autoprefixer: { cascade: false }, features: { "custom-properties": true } }),
-    require("autoprefixer"),
-    require("cssnano"),
-  ];
-  return src("src/index.scss").pipe(postcss(plugins)).pipe(sass()).pipe(dest(output));
-}
-
-function minify() {
-  return src(`${output}/index.css`).pipe(cleanCSS()).pipe(rename(`index.min.css`)).pipe(dest(output));
-}
-
-function stylesLive() {
-  styles().pipe(livereload({ start: true }));
-}
-
-function livereloadStyles() {
-  livereload.listen();
-  watch("src/**/*.scss", series(stylesLive));
-}
-
-exports.styles = styles;
-exports.default = series(styles);
-exports.watch = livereloadStyles;
-if (process.env.NODE_ENV === "production") {
-  exports.build = series(cleanStyles, styles, minify);
-} else {
-  exports.build = series(styles, livereloadStyles);
-}
-
-// gulp.task("watch:styles", function () {
-//   livereload.listen();
-//   gulp.watch("**/*.scss", ["styles"]);
-// });

package/postcss.config.js

@@ -1,55 +0,0 @@
-const postcssPresetEnv = require("postcss-preset-env");
-
-module.exports = {
-  parser: require("postcss-scss"),
-  plugins: [
-    require("postcss-import"),
-    require("postcss-nested").default,
-    require("tailwindcss"),
-    require("postcss-preset-env"),
-    require("autoprefixer"),
-    // require("cssnano"),
-  ],
-};
-
-// const fs = require('fs');
-// const { name, version, author, cssConfig } = JSON.parse(fs.readFileSync('package.json'));
-
-// const header = `
-// @charset "UTF-8";
-// /*!
-//  * ${name} - ${version}
-//  *
-//  * Copyright (c) ${new Date().getFullYear()} ${author.name}
-//  */
-//   `;
-
-// module.exports = (ctx) => {
-//   const prefix = ctx.env === 'compat' ? '' : cssConfig.prefix;
-//   const devMessage = `🎉🎉🎉🎉 \n${name} ${ctx.env} build was compiled sucessfully! \n`;
-
-
-//   return {
-//     map: ctx.options.map,
-//     parser: ctx.options.parser,
-//     plugins: {
-//       'postcss-import': { root: ctx.file.dirname },
-//       'postcss-prefixer': {
-//         prefix,
-//         ignore: [/\[class\*=.*\]/],
-//       },
-//       'postcss-preset-env': {
-//         autoprefixer: {
-//           cascade: false,
-//         },
-//         features: {
-//           'custom-properties': true,
-//         },
-//       },
-//       cssnano: ctx.env === 'production' || ctx.env === 'compat' ? {} : false,
-//       'postcss-header': {
-//         header,
-//       },
-//     },
-//   };
-// };

package/tailwind.config.js

@@ -1,105 +0,0 @@
-module.exports = {
-  future: {
-    removeDeprecatedGapUtilities: true,
-    purgeLayersByDefault: true,
-  },
-  purge: { enabled: true, content: ["./example/index.html"] },
-  theme: {
-    screens: {
-      dt: "780px",
-    },
-    colors: {
-      primary: {
-        light: "#F18F5E",
-        main: "#a82227",
-        dark: "#C8602B",
-      },
-      secondary: "#22394D",
-      text: {
-        primary: "#0B0C0C",
-        secondary: "#505A5F",
-      },
-      link: {
-        normal: "#1D70B8",
-        hover: "#003078",
-      },
-      border: "#D6D5D4",
-      "input-border": "#464646",
-      focus: "#a82227",
-      error: "#D4351C",
-      success: "#00703C",
-      black: "#000000",
-      grey: {
-        dark: "#9E9E9E",
-        mid: "#EEEEEE",
-        light: "#FAFAFA",
-        bg: "#E3E3E3",
-      },
-      white: "#FFFFFF",
-    },
-    fontFamily: {
-      sans: ["Noto Sans", "sans-serif"],
-      // sans: ["Roboto", "sans-serif"],
-      rc: ['"Roboto Condensed"', "sans-serif"],
-    },
-    fontSize: {
-      "heading-xl-dt": ["48px", "56px"],
-      "heading-xl": ["32px", "40px"],
-      "heading-l-dt": ["36px", "40px"],
-      "heading-l": ["24px", "32px"],
-      "heading-m-dt": ["24px", "32px"],
-      "heading-m": ["18px", "28px"],
-      "heading-s": ["16px", "24px"],
-      "caption-xl-dt": ["27px", "32px"],
-      "caption-xl": ["18px", "26px"],
-      "caption-l-dt": ["24px", "28px"],
-      "caption-l": ["18px", "21px"],
-      "caption-m-dt": ["19px", "23px"],
-      "caption-m": ["16px", "19px"],
-      "form-field": ["16px", "20px"],
-      "body-l-dt": ["19px", "28px"],
-      "body-l": ["16px", "24px"],
-      "body-s-dt": ["16px", "24px"],
-      "body-s": ["14px", "16px"],
-      legend: ["19px", "23px"],
-      link: ["16px", "24px"],
-      "text-btn": ["16px", "24px"],
-    },
-    fontWeight: {
-      regular: 400,
-      medium: 500,
-      bold: 700,
-    },
-    padding: {
-      sm: "8px",
-      md: "16px",
-      lg: "24px",
-      xl: "36px",
-    },
-    margin: {
-      xs: "4px",
-      sm: "8px",
-      md: "16px",
-      lg: "24px",
-      xl: "64px",
-    },
-    borderWidth: {
-      default: "1px",
-      0: "0",
-      2: "1px",
-      4: "4px",
-      10: "10px",
-    },
-    boxShadow: {
-      card: "0 1px 2px 0 rgba(0, 0, 0, 0.16)",
-      radiobtn: "0 0 0 5px #a82227",
-    },
-    inset: {
-      0: 0,
-      10: "10px",
-    },
-    extend: {},
-  },
-  variants: {},
-  plugins: [],
-};