Menu icon Foundation

Engineer

My Posts





  • 1
    Reply
  • Errors in the Docs

    By york

    media queriescsserrorsdocs

    In the documentation: Small: any screen. Medium: any screen 640 pixels or wider. Large: any screen 1024 pixels or wider. Really: Small: any screen. Medium: any screen 512 pixels or wider. // HERE Large: any screen 1024 pixels or wider.

    Last Reply by Rafi Benkual almost 4 years ago


  • 3
    Replies
  • Flex Grid in CSS

    By york

    flexboxflexcssgrid

    Hello everyone! I'm going crazy for a CSS where this included "Flex Grid" and not the traditional "Grid" Foundation. I've downloaded the full version and not this. I tried to compile a SCSS but I am a rookie and I do not get to include the "Flex Grid".... (continued)

    Last Reply by york almost 4 years ago


My Comments

york commented on Tim's post over 2 years

Hi @Tim
I have not had time to do the pull-request. But I can tell you how to do this. The 'color-pick-contrast' function is called in all these places:

So in 'color.scss' you have to declare a variable outside the 'color-pick-contrast ' function, for example '$contrastRatio: 3 !Default' which is the default value.
 
Then in '_settings.scss' you can redefine the variable. To disable it you should put 0.

york commented on Tim's post over 2 years

I am now busy but when I have time I will do the Pull Resquest because it is easy to solve with a SASS variable.
Of forms I did a Pull Request to solve the problem there is of Babel and still I have not received answer... 
https://github.com/zurb/foundation-zurb-template/pull/43

york commented on Tim's post over 2 years

@Tim, You can modify '_color.scss', I also work with NPM.
It is only a temporary solution. I know that if you do a 'Bower update' and update 'foundation-sites' deletes that modification.
But hopefully by then there is already a way to disable this or at least lower the '$ contrast' from '_setting.scss'. 

york commented on Tim's post over 2 years

 The only thing that happens is that I had a warning in the terminal. And it bothered me, so lower the '$contrast' to 1.5.

york commented on Tim's post over 2 years

@Mark I have a custom configuration and I want to keep it. Updating 'setting' and 'app' for me is not an option.

york commented on Tim's post over 2 years

Here _color.scss
 
$contrast: color-contrast($base, nth($colors, 1));
$best: nth($colors, 1);
@for $i from 2 through length($colors) {
$current-contrast: color-contrast($base, nth($colors, $i));
@if ($current-contrast - $contrast > $tolerance) {
$contrast: color-contrast($base, nth($colors, $i));
$best: nth($colors, $i);
}
}
@if ($contrast < 1.5) {
@warn "Contrast ratio of #{$best} on #{$base} is pretty bad, just #{$contrast}";
}
@return $best;
}

york commented on Tim's post over 2 years

Has anyone managed to disable it?

york commented on york's post over 2 years

Hi Lincon!
 
Here my pull request with solution ;)
 
https://github.com/zurb/foundation-zurb-template/pull/43/

york commented on Sean Turtle's post almost 3 years

With a 100 ms timer is arranged.
var timeout; $(document).on('opened.fndtn.reveal', '[data-reveal]', function () {
clearTimeout(timeout);
timeout = setTimeout(function() {
$('.slider').slick({
slide: '.slider-item',
arrows: true,
dots: true,
appendArrows: '.slider .slider-nav',
}); }); $('.MP_carousel').css('opacity', '1');
});

$(document).on('closed.fndtn.reveal', '[data-reveal]', function () {
    var modal = $(this);
    $('.slider').slick('unslick');<br />        $('.MP_carousel').css('opacity', '0')
});</pre>

york commented on york's post almost 4 years

This checkbox but not download anything in CSS.

Posts Followed



  • 1
    Reply
  • Errors in the Docs

    By york

    media queriescsserrorsdocs

    In the documentation: Small: any screen. Medium: any screen 640 pixels or wider. Large: any screen 1024 pixels or wider. Really: Small: any screen. Medium: any screen 512 pixels or wider. // HERE Large: any screen 1024 pixels or wider.

    Last Reply by Rafi Benkual almost 4 years ago



Following

    No Content

Followers

My Posts





My Comments

You commented on Tim's post over 2 years

Hi @Tim
I have not had time to do the pull-request. But I can tell you how to do this. The 'color-pick-contrast' function is called in all these places:

So in 'color.scss' you have to declare a variable outside the 'color-pick-contrast ' function, for example '$contrastRatio: 3 !Default' which is the default value.
 
Then in '_settings.scss' you can redefine the variable. To disable it you should put 0.

You commented on Tim's post over 2 years

I am now busy but when I have time I will do the Pull Resquest because it is easy to solve with a SASS variable.
Of forms I did a Pull Request to solve the problem there is of Babel and still I have not received answer... 
https://github.com/zurb/foundation-zurb-template/pull/43

You commented on Tim's post over 2 years

@Tim, You can modify '_color.scss', I also work with NPM.
It is only a temporary solution. I know that if you do a 'Bower update' and update 'foundation-sites' deletes that modification.
But hopefully by then there is already a way to disable this or at least lower the '$ contrast' from '_setting.scss'. 

You commented on Tim's post over 2 years

 The only thing that happens is that I had a warning in the terminal. And it bothered me, so lower the '$contrast' to 1.5.

You commented on Tim's post over 2 years

@Mark I have a custom configuration and I want to keep it. Updating 'setting' and 'app' for me is not an option.

You commented on Tim's post over 2 years

Here _color.scss
 
$contrast: color-contrast($base, nth($colors, 1));
$best: nth($colors, 1);
@for $i from 2 through length($colors) {
$current-contrast: color-contrast($base, nth($colors, $i));
@if ($current-contrast - $contrast > $tolerance) {
$contrast: color-contrast($base, nth($colors, $i));
$best: nth($colors, $i);
}
}
@if ($contrast < 1.5) {
@warn "Contrast ratio of #{$best} on #{$base} is pretty bad, just #{$contrast}";
}
@return $best;
}

You commented on Tim's post over 2 years

Has anyone managed to disable it?

You commented on york's post over 2 years

Hi Lincon!
 
Here my pull request with solution ;)
 
https://github.com/zurb/foundation-zurb-template/pull/43/

You commented on Sean Turtle's post almost 3 years

With a 100 ms timer is arranged.
var timeout; $(document).on('opened.fndtn.reveal', '[data-reveal]', function () {
clearTimeout(timeout);
timeout = setTimeout(function() {
$('.slider').slick({
slide: '.slider-item',
arrows: true,
dots: true,
appendArrows: '.slider .slider-nav',
}); }); $('.MP_carousel').css('opacity', '1');
});

$(document).on('closed.fndtn.reveal', '[data-reveal]', function () {
    var modal = $(this);
    $('.slider').slick('unslick');<br />        $('.MP_carousel').css('opacity', '0')
});</pre>

You commented on york's post almost 4 years

This checkbox but not download anything in CSS.

Posts Followed

Following

  • No Content

Followers

  • No Content