Menu icon Foundation

My Posts



  • NEW
  • Order mixins

    By Kuba

    scssmixinsorderflexgridfoundation6

    Hello! In foundation-flex-grid there is 'order' mixin I would like to use separately in my own built .SCSS document. It's because I don't want to include whole code generated from foundation-flex-grid to my output CSS. The 'order' classes are just the on... (continued)


My Comments

Kuba commented on Kuba's post about 2 months

@MichaPandyra
It does not work even though I run or build. I am runnig 6.3.0 version, and I don't think striping out console.log() could be a problem, I can still see the line in the app.js output. No matter if there is a console.log() or a proper script, it is still not working...
The output looks like this, I have cut the bottom part, upper part contain foundation scripting. 
/**
* Helper function to calculate em values
* @param Number {em} - number of em's to calculate into pixels
*/
function emCalc(em) {
return parseInt(window.getComputedStyle(document.body, null).fontSize, 10) * em;
}

// Window exports
Foundation.plugin(Sticky, 'Sticky');
}(jQuery);
"use strict";
'use strict';

$(document).foundation();

(function () {
conosle.log('not working');
})();
 

Kuba commented on Kuba's post 2 months

@RafiBenkual, any suggestions? 

Kuba commented on Kuba's post 2 months

Here is the code:
# Your project's server will run on localhost:xxxx at this port
PORT: 8000

Autoprefixer will make sure your CSS works with these browsers

COMPATIBILITY:
- "last 2 versions"
- "ie >= 9"
- "ios >= 7"

UnCSS will use these settings

UNCSS_OPTIONS:
html:
- "src/*/.html"
ignore:
- !!js/regexp .foundation-mq
- !!js/regexp .is-.*

Gulp will reference these paths when it copies files

PATHS:
# Path to dist folder
dist: "dist"

# Paths to static assets that aren't images, CSS, or JavaScript
assets:
- "src/assets//*"
- "!src/assets/{img,js,scss}/
/"
# Paths to Sass libraries, which can then be loaded with @import
sass:
- "bower_components/foundation-sites/scss"
- "bower_components/motion-ui/src"
# Paths to JavaScript libraries, which are combined into one file
javascript:
# Libraries required by Foundation
- "bower_components/jquery/dist/jquery.js"
- "bower_components/what-input/dist/what-input.js"
# Core Foundation files
- "bower_components/foundation-sites/js/foundation.core.js"
- "bower_components/foundation-sites/js/foundation.util.
.js"
# Individual Foundation components
# If you aren't using a component, just remove it from the list

- "bower_components/foundation-sites/js/foundation.abide.js"

- "bower_components/foundation-sites/js/foundation.accordion.js"

- "bower_components/foundation-sites/js/foundation.accordionMenu.js"

- "bower_components/foundation-sites/js/foundation.drilldown.js"

- "bower_components/foundation-sites/js/foundation.dropdown.js"

- "bower_components/foundation-sites/js/foundation.dropdownMenu.js"

- "bower_components/foundation-sites/js/foundation.equalizer.js"

- "bower_components/foundation-sites/js/foundation.interchange.js"

- "bower_components/foundation-sites/js/foundation.magellan.js"

- "bower_components/foundation-sites/js/foundation.offcanvas.js"

- "bower_components/foundation-sites/js/foundation.orbit.js"

- "bower_components/foundation-sites/js/foundation.responsiveMenu.js"

- "bower_components/foundation-sites/js/foundation.responsiveToggle.js"

- "bower_components/foundation-sites/js/foundation.reveal.js"

- "bower_components/foundation-sites/js/foundation.slider.js"

- "bower_components/foundation-sites/js/foundation.sticky.js"

- "bower_components/foundation-sites/js/foundation.tabs.js"

- "bower_components/foundation-sites/js/foundation.toggler.js"

- "bower_components/foundation-sites/js/foundation.tooltip.js"

- "bower_components/foundation-sites/js/foundation.zf.responsiveAccordionTabs.js"

# Paths to your own project code are here
- "src/assets/js/!(app).js"
- "src/assets/js/app.js"
- "src/assets/js/custom.js"

- "bower_components/slick-carousel/slick/slick.js"

Kuba commented on Kuba's post 2 months

Posts Followed

No Content

Following

    No Content

Followers

My Posts

My Comments

You commented on Kuba's post about 2 months

@MichaPandyra
It does not work even though I run or build. I am runnig 6.3.0 version, and I don't think striping out console.log() could be a problem, I can still see the line in the app.js output. No matter if there is a console.log() or a proper script, it is still not working...
The output looks like this, I have cut the bottom part, upper part contain foundation scripting. 
/**
* Helper function to calculate em values
* @param Number {em} - number of em's to calculate into pixels
*/
function emCalc(em) {
return parseInt(window.getComputedStyle(document.body, null).fontSize, 10) * em;
}

// Window exports
Foundation.plugin(Sticky, 'Sticky');
}(jQuery);
"use strict";
'use strict';

$(document).foundation();

(function () {
conosle.log('not working');
})();
 

You commented on Kuba's post 2 months

@RafiBenkual, any suggestions? 

You commented on Kuba's post 2 months

Here is the code:
# Your project's server will run on localhost:xxxx at this port
PORT: 8000

Autoprefixer will make sure your CSS works with these browsers

COMPATIBILITY:
- "last 2 versions"
- "ie >= 9"
- "ios >= 7"

UnCSS will use these settings

UNCSS_OPTIONS:
html:
- "src/*/.html"
ignore:
- !!js/regexp .foundation-mq
- !!js/regexp .is-.*

Gulp will reference these paths when it copies files

PATHS:
# Path to dist folder
dist: "dist"

# Paths to static assets that aren't images, CSS, or JavaScript
assets:
- "src/assets//*"
- "!src/assets/{img,js,scss}/
/"
# Paths to Sass libraries, which can then be loaded with @import
sass:
- "bower_components/foundation-sites/scss"
- "bower_components/motion-ui/src"
# Paths to JavaScript libraries, which are combined into one file
javascript:
# Libraries required by Foundation
- "bower_components/jquery/dist/jquery.js"
- "bower_components/what-input/dist/what-input.js"
# Core Foundation files
- "bower_components/foundation-sites/js/foundation.core.js"
- "bower_components/foundation-sites/js/foundation.util.
.js"
# Individual Foundation components
# If you aren't using a component, just remove it from the list

- "bower_components/foundation-sites/js/foundation.abide.js"

- "bower_components/foundation-sites/js/foundation.accordion.js"

- "bower_components/foundation-sites/js/foundation.accordionMenu.js"

- "bower_components/foundation-sites/js/foundation.drilldown.js"

- "bower_components/foundation-sites/js/foundation.dropdown.js"

- "bower_components/foundation-sites/js/foundation.dropdownMenu.js"

- "bower_components/foundation-sites/js/foundation.equalizer.js"

- "bower_components/foundation-sites/js/foundation.interchange.js"

- "bower_components/foundation-sites/js/foundation.magellan.js"

- "bower_components/foundation-sites/js/foundation.offcanvas.js"

- "bower_components/foundation-sites/js/foundation.orbit.js"

- "bower_components/foundation-sites/js/foundation.responsiveMenu.js"

- "bower_components/foundation-sites/js/foundation.responsiveToggle.js"

- "bower_components/foundation-sites/js/foundation.reveal.js"

- "bower_components/foundation-sites/js/foundation.slider.js"

- "bower_components/foundation-sites/js/foundation.sticky.js"

- "bower_components/foundation-sites/js/foundation.tabs.js"

- "bower_components/foundation-sites/js/foundation.toggler.js"

- "bower_components/foundation-sites/js/foundation.tooltip.js"

- "bower_components/foundation-sites/js/foundation.zf.responsiveAccordionTabs.js"

# Paths to your own project code are here
- "src/assets/js/!(app).js"
- "src/assets/js/app.js"
- "src/assets/js/custom.js"

- "bower_components/slick-carousel/slick/slick.js"

You commented on Kuba's post 2 months

Posts Followed

No Content

Following

  • No Content

Followers

  • No Content