mods in scss
This commit is contained in:
parent
1373194415
commit
e93ab3078b
13884
assets/css/app.css
13884
assets/css/app.css
File diff suppressed because one or more lines are too long
16
assets/css/default.css
Normal file
16
assets/css/default.css
Normal file
File diff suppressed because one or more lines are too long
3
assets/css/editor.css
Normal file
3
assets/css/editor.css
Normal file
File diff suppressed because one or more lines are too long
Binary file not shown.
Before Width: | Height: | Size: 288 KiB After Width: | Height: | Size: 156 KiB |
File diff suppressed because one or more lines are too long
114
assets/scss/default.scss
Normal file
114
assets/scss/default.scss
Normal file
|
@ -0,0 +1,114 @@
|
|||
@charset 'utf-8';
|
||||
|
||||
// foundation styles
|
||||
@import 'settings';
|
||||
@import 'foundation';
|
||||
@import 'motion-ui';
|
||||
|
||||
// Global styles
|
||||
@include foundation-global-styles;
|
||||
@include foundation-forms;
|
||||
@include foundation-typography;
|
||||
|
||||
// Grids (choose one)
|
||||
@include foundation-xy-grid-classes;
|
||||
// @include foundation-grid;
|
||||
// @include foundation-flex-grid;
|
||||
|
||||
// Generic components
|
||||
@include foundation-button;
|
||||
@include foundation-button-group;
|
||||
@include foundation-close-button;
|
||||
@include foundation-label;
|
||||
//@include foundation-progress-bar;
|
||||
//@include foundation-slider;
|
||||
//@include foundation-switch;
|
||||
@include foundation-table;
|
||||
// Basic components
|
||||
@include foundation-badge;
|
||||
@include foundation-breadcrumbs;
|
||||
@include foundation-callout;
|
||||
@include foundation-card;
|
||||
@include foundation-dropdown;
|
||||
@include foundation-pagination;
|
||||
@include foundation-tooltip;
|
||||
|
||||
// Containers
|
||||
@include foundation-accordion;
|
||||
@include foundation-media-object;
|
||||
//@include foundation-orbit;
|
||||
@include foundation-responsive-embed;
|
||||
@include foundation-tabs;
|
||||
@include foundation-thumbnail;
|
||||
// Menu-based containers
|
||||
@include foundation-menu;
|
||||
@include foundation-menu-icon;
|
||||
@include foundation-accordion-menu;
|
||||
@include foundation-drilldown-menu;
|
||||
@include foundation-dropdown-menu;
|
||||
|
||||
// Layout components
|
||||
@include foundation-off-canvas;
|
||||
@include foundation-reveal;
|
||||
@include foundation-sticky;
|
||||
@include foundation-title-bar;
|
||||
@include foundation-top-bar;
|
||||
|
||||
// Helpers
|
||||
@include foundation-float-classes;
|
||||
@include foundation-flex-classes;
|
||||
@include foundation-visibility-classes;
|
||||
// @include foundation-prototype-classes;
|
||||
|
||||
// Motion UI
|
||||
@include motion-ui-transitions;
|
||||
@include motion-ui-animations;
|
||||
|
||||
// arcHIVE styles
|
||||
|
||||
// global project styles
|
||||
|
||||
@import "global/wp-overrides"; //errors
|
||||
@import "global/wp-admin"; //errors
|
||||
@import "global/typography";
|
||||
@import "global/gutenberg";
|
||||
@import "global/colors";
|
||||
@import "global/branding";
|
||||
@import "global/accessibility";
|
||||
|
||||
// Modules
|
||||
@import "modules/navigation";
|
||||
@import "modules/header";
|
||||
@import "modules/footer";
|
||||
//@import "modules/editor-syle";
|
||||
@import "modules/content";
|
||||
|
||||
// Componentes
|
||||
@import "components/links";
|
||||
@import "components/featured-image";
|
||||
@import "components/dividers";
|
||||
@import "components/cards";
|
||||
@import "components/buttons";
|
||||
@import "components/accordion";
|
||||
|
||||
|
||||
// Templates
|
||||
//@import "templates/front";
|
||||
|
||||
// Vendors
|
||||
//
|
||||
// fontawesome as shown here:
|
||||
// https://stackoverflow.com/questions/49195144/add-font-awesome-to-gulp-project-correctly#51491927
|
||||
// 1. install fortawesome
|
||||
// npm install --save-dev @fortawesome/fontawesome-free
|
||||
// 2. uncomment these lines
|
||||
@import "../../../node_modules/@fortawesome/fontawesome-free/scss/fontawesome";
|
||||
@import "../../../node_modules/@fortawesome/fontawesome-free/scss/brands";
|
||||
@import "../../../node_modules/@fortawesome/fontawesome-free/scss/regular";
|
||||
@import "../../../node_modules/@fortawesome/fontawesome-free/scss/solid";
|
||||
@import "../../../node_modules/@fortawesome/fontawesome-free/scss/v4-shims";
|
||||
// 3. add this to gulp
|
||||
// gulp.task('icons', function() {
|
||||
// return gulp.src('node_modules/@fortawesome/fontawesome-free/webfonts/*')
|
||||
// .pipe(gulp.dest(dist+'/assets/webfonts/'));
|
||||
// });
|
133
assets/scss/default.scss.bkp
Normal file
133
assets/scss/default.scss.bkp
Normal file
|
@ -0,0 +1,133 @@
|
|||
//------------------
|
||||
//begin omekas styles
|
||||
|
||||
//@charset 'utf-8';
|
||||
|
||||
//@import 'global/globals-default';
|
||||
//@import 'global/colors';
|
||||
//@import 'global/typography';
|
||||
//@import 'settings';
|
||||
//@import 'foundation-core';
|
||||
//@import 'omeka';
|
||||
|
||||
// end omekas styles
|
||||
// -----------------
|
||||
@charset 'utf-8';
|
||||
|
||||
// foundation styles
|
||||
@import 'settings';
|
||||
@import 'foundation';
|
||||
@import 'motion-ui';
|
||||
|
||||
// Global styles
|
||||
@include foundation-global-styles;
|
||||
@include foundation-forms;
|
||||
@include foundation-typography;
|
||||
|
||||
// Grids (choose one)
|
||||
@include foundation-xy-grid-classes;
|
||||
// @include foundation-grid;
|
||||
// @include foundation-flex-grid;
|
||||
|
||||
// Generic components
|
||||
@include foundation-button;
|
||||
@include foundation-button-group;
|
||||
@include foundation-close-button;
|
||||
@include foundation-label;
|
||||
//@include foundation-progress-bar;
|
||||
//@include foundation-slider;
|
||||
//@include foundation-switch;
|
||||
@include foundation-table;
|
||||
// Basic components
|
||||
//@include foundation-badge;
|
||||
@include foundation-breadcrumbs;
|
||||
@include foundation-callout;
|
||||
@include foundation-card;
|
||||
@include foundation-dropdown;
|
||||
@include foundation-pagination;
|
||||
@include foundation-tooltip;
|
||||
|
||||
// Containers
|
||||
@include foundation-accordion;
|
||||
@include foundation-media-object;
|
||||
//@include foundation-orbit;
|
||||
@include foundation-responsive-embed;
|
||||
@include foundation-tabs;
|
||||
@include foundation-thumbnail;
|
||||
// Menu-based containers
|
||||
@include foundation-menu;
|
||||
@include foundation-menu-icon;
|
||||
@include foundation-accordion-menu;
|
||||
@include foundation-drilldown-menu;
|
||||
@include foundation-dropdown-menu;
|
||||
|
||||
// Layout components
|
||||
@include foundation-off-canvas;
|
||||
@include foundation-reveal;
|
||||
@include foundation-sticky;
|
||||
@include foundation-title-bar;
|
||||
@include foundation-top-bar;
|
||||
|
||||
// Helpers
|
||||
@include foundation-float-classes;
|
||||
@include foundation-flex-classes;
|
||||
@include foundation-visibility-classes;
|
||||
// @include foundation-prototype-classes;
|
||||
|
||||
// Motion UI
|
||||
@include motion-ui-transitions;
|
||||
@include motion-ui-animations;
|
||||
|
||||
// arcHIVE styles
|
||||
|
||||
// global project styles
|
||||
|
||||
@import "global/print-pdf";
|
||||
@import "global/wp-overrides"; //errors
|
||||
@import "global/wp-admin"; //errors
|
||||
@import "global/typography";
|
||||
@import "global/gutenberg";
|
||||
@import "global/colors";
|
||||
@import "global/branding";
|
||||
@import "global/accessibility";
|
||||
@import "global/omeka";
|
||||
|
||||
// Modules
|
||||
@import "modules/navigation";
|
||||
@import "modules/header";
|
||||
@import "modules/footer";
|
||||
//@import "modules/editor-syle";
|
||||
@import "modules/content";
|
||||
|
||||
// Componentes
|
||||
@import "components/links";
|
||||
@import "components/featured-image";
|
||||
@import "components/forms";
|
||||
@import "components/dividers";
|
||||
@import "components/cards";
|
||||
@import "components/buttons";
|
||||
@import "components/accordion";
|
||||
@import "components/tables";
|
||||
@import "components/lists";
|
||||
|
||||
|
||||
// Templates
|
||||
//@import "templates/front";
|
||||
|
||||
// Vendors
|
||||
//
|
||||
// fontawesome as shown here:
|
||||
// https://stackoverflow.com/questions/49195144/add-font-awesome-to-gulp-project-correctly#51491927
|
||||
// 1. install fortawesome
|
||||
// npm install --save-dev @fortawesome/fontawesome-free
|
||||
// 2. uncomment these lines
|
||||
//@import "../../../node_modules/@fortawesome/fontawesome-free/scss/fontawesome";
|
||||
//@import "../../../node_modules/@fortawesome/fontawesome-free/scss/brands";
|
||||
//@import "../../../node_modules/@fortawesome/fontawesome-free/scss/regular";
|
||||
//@import "../../../node_modules/@fortawesome/fontawesome-free/scss/solid";
|
||||
//@import "../../../node_modules/@fortawesome/fontawesome-free/scss/v4-shims";
|
||||
// 3. add this to gulp
|
||||
// gulp.task('icons', function() {
|
||||
// return gulp.src('node_modules/@fortawesome/fontawesome-free/webfonts/*')
|
||||
// .pipe(gulp.dest(dist+'/assets/webfonts/'));
|
||||
// });
|
|
@ -99,13 +99,15 @@ function sass() {
|
|||
// PRODUCTION && uncss.postcssPlugin(UNCSS_OPTIONS),
|
||||
].filter(Boolean);
|
||||
|
||||
return gulp.src('src/assets/scss/app.scss')
|
||||
//return gulp.src('src/assets/scss/app.scss')
|
||||
// if need editor for CMS backend uncoment below coment above
|
||||
// we need editor.scss for the wordpress editor styles
|
||||
//return gulp.src(['src/assets/scss/app.scss','src/assets/scss/editor.scss'])
|
||||
return gulp.src('src/assets/scss/*.scss')
|
||||
.pipe($.sourcemaps.init())
|
||||
.pipe($.sass({
|
||||
includePaths: PATHS.sass
|
||||
includePaths: PATHS.sass,
|
||||
outputStyle: 'compressed' // if css compressed **file size**
|
||||
})
|
||||
.on('error', $.sass.logError))
|
||||
.pipe($.postcss(postCssPlugins))
|
||||
|
|
1
src/assets/scss/default.scss
Symbolic link
1
src/assets/scss/default.scss
Symbolic link
|
@ -0,0 +1 @@
|
|||
app.scss
|
133
src/assets/scss/default.scss.bkp
Normal file
133
src/assets/scss/default.scss.bkp
Normal file
|
@ -0,0 +1,133 @@
|
|||
//------------------
|
||||
//begin omekas styles
|
||||
|
||||
//@charset 'utf-8';
|
||||
|
||||
//@import 'global/globals-default';
|
||||
//@import 'global/colors';
|
||||
//@import 'global/typography';
|
||||
//@import 'settings';
|
||||
//@import 'foundation-core';
|
||||
//@import 'omeka';
|
||||
|
||||
// end omekas styles
|
||||
// -----------------
|
||||
@charset 'utf-8';
|
||||
|
||||
// foundation styles
|
||||
@import 'settings';
|
||||
@import 'foundation';
|
||||
@import 'motion-ui';
|
||||
|
||||
// Global styles
|
||||
@include foundation-global-styles;
|
||||
@include foundation-forms;
|
||||
@include foundation-typography;
|
||||
|
||||
// Grids (choose one)
|
||||
@include foundation-xy-grid-classes;
|
||||
// @include foundation-grid;
|
||||
// @include foundation-flex-grid;
|
||||
|
||||
// Generic components
|
||||
@include foundation-button;
|
||||
@include foundation-button-group;
|
||||
@include foundation-close-button;
|
||||
@include foundation-label;
|
||||
//@include foundation-progress-bar;
|
||||
//@include foundation-slider;
|
||||
//@include foundation-switch;
|
||||
@include foundation-table;
|
||||
// Basic components
|
||||
//@include foundation-badge;
|
||||
@include foundation-breadcrumbs;
|
||||
@include foundation-callout;
|
||||
@include foundation-card;
|
||||
@include foundation-dropdown;
|
||||
@include foundation-pagination;
|
||||
@include foundation-tooltip;
|
||||
|
||||
// Containers
|
||||
@include foundation-accordion;
|
||||
@include foundation-media-object;
|
||||
//@include foundation-orbit;
|
||||
@include foundation-responsive-embed;
|
||||
@include foundation-tabs;
|
||||
@include foundation-thumbnail;
|
||||
// Menu-based containers
|
||||
@include foundation-menu;
|
||||
@include foundation-menu-icon;
|
||||
@include foundation-accordion-menu;
|
||||
@include foundation-drilldown-menu;
|
||||
@include foundation-dropdown-menu;
|
||||
|
||||
// Layout components
|
||||
@include foundation-off-canvas;
|
||||
@include foundation-reveal;
|
||||
@include foundation-sticky;
|
||||
@include foundation-title-bar;
|
||||
@include foundation-top-bar;
|
||||
|
||||
// Helpers
|
||||
@include foundation-float-classes;
|
||||
@include foundation-flex-classes;
|
||||
@include foundation-visibility-classes;
|
||||
// @include foundation-prototype-classes;
|
||||
|
||||
// Motion UI
|
||||
@include motion-ui-transitions;
|
||||
@include motion-ui-animations;
|
||||
|
||||
// arcHIVE styles
|
||||
|
||||
// global project styles
|
||||
|
||||
@import "global/print-pdf";
|
||||
@import "global/wp-overrides"; //errors
|
||||
@import "global/wp-admin"; //errors
|
||||
@import "global/typography";
|
||||
@import "global/gutenberg";
|
||||
@import "global/colors";
|
||||
@import "global/branding";
|
||||
@import "global/accessibility";
|
||||
@import "global/omeka";
|
||||
|
||||
// Modules
|
||||
@import "modules/navigation";
|
||||
@import "modules/header";
|
||||
@import "modules/footer";
|
||||
//@import "modules/editor-syle";
|
||||
@import "modules/content";
|
||||
|
||||
// Componentes
|
||||
@import "components/links";
|
||||
@import "components/featured-image";
|
||||
@import "components/forms";
|
||||
@import "components/dividers";
|
||||
@import "components/cards";
|
||||
@import "components/buttons";
|
||||
@import "components/accordion";
|
||||
@import "components/tables";
|
||||
@import "components/lists";
|
||||
|
||||
|
||||
// Templates
|
||||
//@import "templates/front";
|
||||
|
||||
// Vendors
|
||||
//
|
||||
// fontawesome as shown here:
|
||||
// https://stackoverflow.com/questions/49195144/add-font-awesome-to-gulp-project-correctly#51491927
|
||||
// 1. install fortawesome
|
||||
// npm install --save-dev @fortawesome/fontawesome-free
|
||||
// 2. uncomment these lines
|
||||
//@import "../../../node_modules/@fortawesome/fontawesome-free/scss/fontawesome";
|
||||
//@import "../../../node_modules/@fortawesome/fontawesome-free/scss/brands";
|
||||
//@import "../../../node_modules/@fortawesome/fontawesome-free/scss/regular";
|
||||
//@import "../../../node_modules/@fortawesome/fontawesome-free/scss/solid";
|
||||
//@import "../../../node_modules/@fortawesome/fontawesome-free/scss/v4-shims";
|
||||
// 3. add this to gulp
|
||||
// gulp.task('icons', function() {
|
||||
// return gulp.src('node_modules/@fortawesome/fontawesome-free/webfonts/*')
|
||||
// .pipe(gulp.dest(dist+'/assets/webfonts/'));
|
||||
// });
|
Loading…
Reference in a new issue