/*===============================================*\
    $STYLE
\*===============================================*/

/*
 Aquí incluímos todos los módulos (archivos .scss) que se van
 a compilar en el CSS definitivo: /css/style.css.
*/

//Foundation
@import "foundation/settings";
@import "node_modules/foundation-sites/scss/foundation";
@import "foundation/modules";

//librerias
@import "lib/settings";
@import "lib/mixins";
@import "lib/placeholders";


//base del sitio web
@import "base/sitio";

//modulos
@import "abstractions/buttons";
@import "abstractions/pagination";

//elements
@import "elements/forms";

//theme
@import "theme/header";
@import "theme/thanks";


/*===============================================*\
    MAINS SCSS FILE
\*===============================================*/

/**
 * This injects Tailwind's base styles, which is a combination of
 */
@tailwind preflight;

/**
 * This injects any component classes registered by plugins.
 */
@tailwind components;

//Foundation
//@import "foundation/settings";
//@import "node_modules/foundation-sites/scss/foundation";
//@import "foundation/modules";

/**
 * Here you would add any of your custom component classes; stuff that you'd
 * want loaded *before* the utilities so that the utilities could still
 * override them.
 *
 */

//libs
@import "lib/settings";
@import "lib/mixins";

//base Styles
@import "base/site";

//Layout
@import "layout/header";
@import "layout/thanks";

/**
 * This injects all of Tailwind's utility classes, generated based on your
 * config file.
 */
@tailwind utilities;

/**
 * Here you would add any custom utilities you need that don't come out of the
 * box with Tailwind.
 *
 * Example :
 *
 * .bg-pattern-graph-paper { ... }
 * .skew-45 { ... }
 */

Add scss configuration for tailwindcss
Add scss configuration for tailwindcss
