Menu icon Foundation

Developer | Toronto, ON

My Posts


My Comments

Michael Degli-Angeli commented on Michael Degli-Angeli's post about 5 years

I tried installing the sass vesion without libsass and I got the same error.

I saw somewhere earlier that removing !global helped them, so I tried that and it worked for me. Now both versions work. Is removing !global going to have a negative consequence in the future?

Go to line 13 in:

bower_components/foundation/scss/foundation/_functions.scss

$modules: append($modules, $name) !global; //this causes the error

Remove !global:

$modules: append($modules, $name);

I also updated my sass gem (3.4.3) and I am able to compile.

Michael Degli-Angeli commented on Jay Thatcher's post over 5 years

Search for "topbar" in the app.css. I'm using the sass version but if I search my app.css it seems to be at line 7091.

Michael Degli-Angeli commented on Hoang Nguyen's post over 5 years

I haven't used codekit 2 but generally when I use compass to compile, it tells you whether the stylesheet has changed or if it is identical. Do you see a change of value in your css?

Michael Degli-Angeli commented on Robocop's post over 5 years

Tabs did not work for me either in IE8. Step one is downgrade your jquery to 1.9.1 and place it in the head of your html. Then I have the following code run the tabs properly.

   var nav = navigator.userAgent;

   $('#tabs').on('click', 'a', function (event) {

      if(nav.indexOf("MSIE 8.0") > -1)
      {


        var panel1 = $("#panel1");
        var panel2 = $("#panel2");
        var panel3 = $("#panel3");
        var panel4 = $("#panel4");


        var currentPanel = "#" + this.href.split('#')[1];
        var currentElement = $(currentPanel);

        if(currentPanel == "#panel1")
        {
          //console.log(currentPanel);
          panel2.removeClass("active").css("display", "none");
          panel3.removeClass("active").css("display", "none");
          panel4.removeClass("active").css("display", "none");
          currentElement.addClass("active").css("display", "block");
        }
        else if(currentPanel == "#panel2")
        {
          //console.log(currentPanel);
          panel1.removeClass("active").css("display", "none");
          panel3.removeClass("active").css("display", "none");
          panel4.removeClass("active").css("display", "none");
          currentElement.addClass("active").css("display", "block");
        }
        else if(currentPanel == "#panel3")
        {
          panel1.removeClass("active").css("display", "none");
          panel2.removeClass("active").css("display", "none");
          panel3.removeClass("active").css("display", "none");
          currentElement.addClass("active").css("display", "block");
        }
        else if(currentPanel == "#panel4")
        {
          panel1.removeClass("active").css("display", "none");
          panel2.removeClass("active").css("display", "none");
          panel3.removeClass("active").css("display", "none");
          currentElement.addClass("active").css("display", "block");
        }

      }

  });

Posts Followed






Following

    No Content

Followers

My Posts

My Comments

You commented on Michael Degli-Angeli's post about 5 years

I tried installing the sass vesion without libsass and I got the same error.

I saw somewhere earlier that removing !global helped them, so I tried that and it worked for me. Now both versions work. Is removing !global going to have a negative consequence in the future?

Go to line 13 in:

bower_components/foundation/scss/foundation/_functions.scss

$modules: append($modules, $name) !global; //this causes the error

Remove !global:

$modules: append($modules, $name);

I also updated my sass gem (3.4.3) and I am able to compile.

You commented on Jay Thatcher's post over 5 years

Search for "topbar" in the app.css. I'm using the sass version but if I search my app.css it seems to be at line 7091.

You commented on Hoang Nguyen's post over 5 years

I haven't used codekit 2 but generally when I use compass to compile, it tells you whether the stylesheet has changed or if it is identical. Do you see a change of value in your css?

You commented on Robocop's post over 5 years

Tabs did not work for me either in IE8. Step one is downgrade your jquery to 1.9.1 and place it in the head of your html. Then I have the following code run the tabs properly.

   var nav = navigator.userAgent;

   $('#tabs').on('click', 'a', function (event) {

      if(nav.indexOf("MSIE 8.0") > -1)
      {


        var panel1 = $("#panel1");
        var panel2 = $("#panel2");
        var panel3 = $("#panel3");
        var panel4 = $("#panel4");


        var currentPanel = "#" + this.href.split('#')[1];
        var currentElement = $(currentPanel);

        if(currentPanel == "#panel1")
        {
          //console.log(currentPanel);
          panel2.removeClass("active").css("display", "none");
          panel3.removeClass("active").css("display", "none");
          panel4.removeClass("active").css("display", "none");
          currentElement.addClass("active").css("display", "block");
        }
        else if(currentPanel == "#panel2")
        {
          //console.log(currentPanel);
          panel1.removeClass("active").css("display", "none");
          panel3.removeClass("active").css("display", "none");
          panel4.removeClass("active").css("display", "none");
          currentElement.addClass("active").css("display", "block");
        }
        else if(currentPanel == "#panel3")
        {
          panel1.removeClass("active").css("display", "none");
          panel2.removeClass("active").css("display", "none");
          panel3.removeClass("active").css("display", "none");
          currentElement.addClass("active").css("display", "block");
        }
        else if(currentPanel == "#panel4")
        {
          panel1.removeClass("active").css("display", "none");
          panel2.removeClass("active").css("display", "none");
          panel3.removeClass("active").css("display", "none");
          currentElement.addClass("active").css("display", "block");
        }

      }

  });

Posts Followed

Following

  • No Content

Followers

  • No Content