diff --git a/.gitignore b/.gitignore index a8ee34b..896c0da 100644 --- a/.gitignore +++ b/.gitignore @@ -11,3 +11,4 @@ config.yml packaged/ wpcs/ vendor/ +_* diff --git a/dist/assets/js/lib/foundation-explicit-pieces.js b/dist/assets/js/lib/foundation-explicit-pieces.js new file mode 100644 index 0000000..104caf0 --- /dev/null +++ b/dist/assets/js/lib/foundation-explicit-pieces.js @@ -0,0 +1,83 @@ +import $ from 'jquery'; + +import { Foundation } from 'foundation-sites/js/foundation.core'; +import * as CoreUtils from 'foundation-sites/js/foundation.core.utils'; +import { Box } from 'foundation-sites/js/foundation.util.box' +import { onImagesLoaded } from 'foundation-sites/js/foundation.util.imageLoader'; +import { Keyboard } from 'foundation-sites/js/foundation.util.keyboard'; +import { MediaQuery } from 'foundation-sites/js/foundation.util.mediaQuery'; +import { Motion, Move } from 'foundation-sites/js/foundation.util.motion'; +import { Nest } from 'foundation-sites/js/foundation.util.nest'; +import { Timer } from 'foundation-sites/js/foundation.util.timer'; +import { Touch } from 'foundation-sites/js/foundation.util.touch'; +import { Triggers } from 'foundation-sites/js/foundation.util.triggers'; +import { Abide } from 'foundation-sites/js/foundation.abide'; +import { Accordion } from 'foundation-sites/js/foundation.accordion'; +import { AccordionMenu } from 'foundation-sites/js/foundation.accordionMenu'; +import { Drilldown } from 'foundation-sites/js/foundation.drilldown'; +import { Dropdown } from 'foundation-sites/js/foundation.dropdown'; +import { DropdownMenu } from 'foundation-sites/js/foundation.dropdownMenu'; +import { Equalizer } from 'foundation-sites/js/foundation.equalizer'; +import { Interchange } from 'foundation-sites/js/foundation.interchange'; +import { Magellan } from 'foundation-sites/js/foundation.magellan'; +import { OffCanvas } from 'foundation-sites/js/foundation.offcanvas'; +import { Orbit } from 'foundation-sites/js/foundation.orbit'; +import { ResponsiveMenu } from 'foundation-sites/js/foundation.responsiveMenu'; +import { ResponsiveToggle } from 'foundation-sites/js/foundation.responsiveToggle'; +import { Reveal } from 'foundation-sites/js/foundation.reveal'; +import { Slider } from 'foundation-sites/js/foundation.slider'; +import { SmoothScroll } from 'foundation-sites/js/foundation.smoothScroll'; +import { Sticky } from 'foundation-sites/js/foundation.sticky'; +import { Tabs } from 'foundation-sites/js/foundation.tabs'; +import { Toggler } from 'foundation-sites/js/foundation.toggler'; +import { Tooltip } from 'foundation-sites/js/foundation.tooltip'; +import { ResponsiveAccordionTabs } from 'foundation-sites/js/foundation.responsiveAccordionTabs'; + +Foundation.addToJquery($); + +// Add Foundation Utils to Foundation global namespace for backwards +// compatibility. +Foundation.rtl = CoreUtils.rtl; +Foundation.GetYoDigits = CoreUtils.GetYoDigits; +Foundation.transitionend = CoreUtils.transitionend; +Foundation.RegExpEscape = CoreUtils.RegExpEscape; +Foundation.onLoad = CoreUtils.onLoad; + +Foundation.Box = Box; +Foundation.onImagesLoaded = onImagesLoaded; +Foundation.Keyboard = Keyboard; +Foundation.MediaQuery = MediaQuery; +Foundation.Motion = Motion; +Foundation.Move = Move; +Foundation.Nest = Nest; +Foundation.Timer = Timer; + +// Touch and Triggers previously were almost purely sede effect driven, +// so no need to add it to Foundation, just init them. +Touch.init($); +Triggers.init($, Foundation); +MediaQuery._init(); + +Foundation.plugin(Abide, 'Abide'); +Foundation.plugin(Accordion, 'Accordion'); +Foundation.plugin(AccordionMenu, 'AccordionMenu'); +Foundation.plugin(Drilldown, 'Drilldown'); +Foundation.plugin(Dropdown, 'Dropdown'); +Foundation.plugin(DropdownMenu, 'DropdownMenu'); +Foundation.plugin(Equalizer, 'Equalizer'); +Foundation.plugin(Interchange, 'Interchange'); +Foundation.plugin(Magellan, 'Magellan'); +Foundation.plugin(OffCanvas, 'OffCanvas'); +Foundation.plugin(Orbit, 'Orbit'); +Foundation.plugin(ResponsiveMenu, 'ResponsiveMenu'); +Foundation.plugin(ResponsiveToggle, 'ResponsiveToggle'); +Foundation.plugin(Reveal, 'Reveal'); +Foundation.plugin(Slider, 'Slider'); +Foundation.plugin(SmoothScroll, 'SmoothScroll'); +Foundation.plugin(Sticky, 'Sticky'); +Foundation.plugin(Tabs, 'Tabs'); +Foundation.plugin(Toggler, 'Toggler'); +Foundation.plugin(Tooltip, 'Tooltip'); +Foundation.plugin(ResponsiveAccordionTabs, 'ResponsiveAccordionTabs'); + +export { Foundation }; diff --git a/dist/assets/scss/app.scss b/dist/assets/scss/app.scss new file mode 100644 index 0000000..7243468 --- /dev/null +++ b/dist/assets/scss/app.scss @@ -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/')); +// }); diff --git a/dist/assets/scss/editor.scss b/dist/assets/scss/editor.scss new file mode 100644 index 0000000..b5a0d5f --- /dev/null +++ b/dist/assets/scss/editor.scss @@ -0,0 +1,86 @@ +/*! + * Gutenberg Editor Styles + */ + +/** === Includes === */ + +@charset 'utf-8'; + +@import 'settings'; +@import 'foundation'; + +@include foundation-typography; +@include foundation-button; +@include foundation-table; + + +/** === Content Width === */ +.wp-block { + width: calc(100vw - (2 * 10)); + @each $breakpoint, $size in $grid-margin-gutters { + + @include breakpoint($breakpoint) { + width: calc(100vw - ($size)); + } + + } +} + +/** === Base Typography === */ +body { + font-size: $global-font-size; + font-family: $body-font-family; + color: $body-font-color; +} + +/** === Post Title === */ +.editor-post-title__block .editor-post-title__input{ + @extend h1; +} + +/** === Button === */ +.wp-block-button { + + // add general foundation button styling to button in editor + .wp-block-button__link { + @extend .button; + } + + // add special styling for squared buttons + &.is-style-squared .wp-block-button__link { + border-radius: 0; + } + + // add outline styles + &.is-style-outline .wp-block-button__link{ + @extend .hollow; + } + + // set transparent background to block for outline button + &.is-style-outline, + &.is-style-outline:hover, + &.is-style-outline:focus, + &.is-style-outline:active { + background: transparent; + } +} + +/** === File === */ +.wp-block-file__button{ + @include button(); +} + +/** === Pullquote === */ +.wp-block-paragraph.has-background{ + padding: rem-calc(20px 30px); +} + +/** === Table === */ +.wp-block-table td{ + border: none; +} + +/** === Latest Posts grid view === */ +.wp-block-latest-posts.is-grid{ + list-style: none; +}