This is the latest version of Foundation for Sites
Foundation for Sites 6
This is the latest version of Foundation for Sites by ZURB
Questions tagged [zurb-foundation-6]
499 questions
3
votes
1 answer
How to add background-image into HTML email in Zurb Foundation 6
I am trying to do HTML email with Zurb Foudation 6. After sending HTML email on mail clients there are don't show all background-images, but in web version everytning is ok. How to correct add background-image?
For exapmle I have this code:
Veronica Ryzhkova
- 91
- 1
- 9
3
votes
0 answers
ZURB Foundation npm build not creating `dist` directory
I've followed the directions at http://foundation.zurb.com/sites/docs/installation.html#command-line-tool.html and there is no dist directory created. There are several dist directories scattered throughout the sub-folders, but not one unified…
edA-qa mort-ora-y
- 30,295
- 39
- 137
- 267
3
votes
0 answers
ngOnDestroy and $('#element').foundation('destroy');
I'm trying to implement a Sticky Magellan in my Angular2 application. Once I leave the view I want to remove the plugin, because otherwise I get problems when I'm revisiting the view.
So I'm using:
ngOnDestroy(): void {
…
tschaka1904
- 1,303
- 2
- 17
- 39
3
votes
2 answers
Foundation fire event on modal close?
I'm using foundation reveals within my application to send information via AJAX. Everything is working but upon the modal closing I want to change some text. How do you fire a function when a modal closes with Foundation 6? Any help would be great,…
Joe Scotto
- 10,936
- 14
- 66
- 136
3
votes
3 answers
Load an iframe scr only on modal open
My client wants to track if a modal is opened by a visitor, the only way that came to me was loading an iframe into the modal, and then they have a url to track. But the url is loaded whether the modal is opened or not.
I found this which seems to…
CuCo
- 87
- 9
3
votes
2 answers
Foundation.MediaQuery.current in a loop (first iteration always shows nothing, next are always correct)
I use Foundation.MediaQuery.current to determine current breakpoint. Every time I call console.log(Foundation.MediaQuery.current) for the first time (n=0) I get nothing.
For all next calls (n>0) I always get correct breakpoint, let's say…
Matt Komarnicki
- 5,198
- 7
- 40
- 92
3
votes
1 answer
Foundation 6 Button Group Expanded Not Working
I am using Foundation 6 Zurb Template with flexbox enabled and the expanded feature of the button group is not working.
When I add the expanded class the last button will not fill the last space and drops to the next line on the left side. The text…
RCD
- 47
- 5
3
votes
0 answers
Zurb Foundation 6 sticky menu in off-canvas sidebar
Hi I am trying to get zurb foundation 6 to have the off-canvas menu with sticky menu inside.
Remaked off-canvas layout to have same height of sidebars and content blocks in desktop view.
Problem:
Sticky menu not working in right off-canvas…
Kasara
- 275
- 2
- 3
- 8
3
votes
1 answer
Foundation 6 Top Bar link color Sass
If I look at _settings.scss I can't find a variable to style the Top Bar link color?
Something like: $topbar-link-color ? Is this variable somewhere?
meez
- 3,783
- 5
- 37
- 91
3
votes
1 answer
How to accept Decimal values in Foundation 6
I have a form field built in Foundation 6 but it does not allow for decimal input.
HTML
When I enter 8.5 I get this error:
Please enter a valid value. The two nearest…
H. Ferrence
- 7,906
- 31
- 98
- 161
3
votes
1 answer
Foundation 6.2 Large Gutter Size
According to Foundation 6.2 documentation default grid gutter size for small is 20px and for medium is 30px, but did not mention for large. What is the default gutter size for large?
user6035846
3
votes
2 answers
Running Gulp and I get this error: File to import not found or unreadable: util/util
So I am pretty new at using gulp and I am having an issue getting my foundation 6 to compile correctly.
I keep getting this error:
File to import not found or unreadable: util/util
I think it might be some sort of path issue but I cant seem to…
Garrett Sanderson
- 575
- 7
- 19
3
votes
1 answer
How to add JavaScript just for one specific page?
I'm using Zurb Foundation in my project and it is very convenient. But I'm confused that how can I add my own JavaScript which is just for a specific page's DOM when that page is loading.
I used a third-party chart lib in a page's partial and I…
Guisong He
- 1,886
- 1
- 15
- 27
3
votes
2 answers
Zurb Foundation 6 Primary Color Variable
Looking at _settings.scss in Zurb Foundation 6 the SASS variable $primary-color appears not to have any assigned value. My question is does $foundation-palettes primary equate to $primary-color?
$foundation-palette: (
primary: #2199e8,
…
user6009151
3
votes
4 answers
Foundation 6 Multiple Accordions, how to have only one accordion expanded at once
I am using Foundation 6's Accordion feature and have three separate accordions on one page. By default, within a single accordion, you can only have one content expanded at a time. However, I want to have only one content open at a time for all…
alexandraleigh
- 187
- 1
- 14