Menu icon Foundation

Developer | Rotterdam, The Netherlands

My Posts

No Content

My Comments

Arjan Oosthoek commented on RJ Conway's post over 2 years

I'm having the same problem as aceman. I've tried the code Mark Hayes suggested, but nothing happens.

Arjan Oosthoek commented on roxanne sutton's post over 3 years

I'm having an issue with this as well.
In _settings.scss I've enabled and set the following:

$button-sml: rem-calc(10);
$button-font-sml: rem-calc(20);

This makes me assume the padding-top to be 0.625rem and the font-size to be 1.25rem, but after compiling, the font-size is still 0.625rem.

Is that because of this line in _buttons.scss?

else if $padding == $button-sml { font-size: $button-font-sml; }

$padding defaults to rem-calc(12) and since I have set $button-sml to rem-calc(10) the if returns false and the font-size isn't set to $button-font-sml?

Arjan Oosthoek commented on Chris Tarwater's post over 3 years

Sorry for bumping an old thread, but I can't get this to work.
I've included foundation.topbar-js, but the active class is not applied to the menu items.
Am I forgetting something?

Posts Followed


  • 4
    Replies
  • Button padding

    By roxanne sutton

    buttonsrem-calcpadding

    i am trying to adjust the button text and padding sizes, but in proportion. i am no expert with mixins, though most of it "makes sense" except the darn rem-calc() in certain circumstances. i wish there was a good walk through of the "syntax". i understan... (continued)

    Last Reply by Arjan Oosthoek over 3 years ago


Following

    No Content

Followers

My Posts

No Content

My Comments

You commented on RJ Conway's post over 2 years

I'm having the same problem as aceman. I've tried the code Mark Hayes suggested, but nothing happens.

You commented on roxanne sutton's post over 3 years

I'm having an issue with this as well.
In _settings.scss I've enabled and set the following:

$button-sml: rem-calc(10);
$button-font-sml: rem-calc(20);

This makes me assume the padding-top to be 0.625rem and the font-size to be 1.25rem, but after compiling, the font-size is still 0.625rem.

Is that because of this line in _buttons.scss?

else if $padding == $button-sml { font-size: $button-font-sml; }

$padding defaults to rem-calc(12) and since I have set $button-sml to rem-calc(10) the if returns false and the font-size isn't set to $button-font-sml?

You commented on Chris Tarwater's post over 3 years

Sorry for bumping an old thread, but I can't get this to work.
I've included foundation.topbar-js, but the active class is not applied to the menu items.
Am I forgetting something?

Posts Followed



Following

  • No Content

Followers

  • No Content