Menu icon Foundation
Editing Mixins

Hello,

Just wondering the best way to edit mixins.

I want to edit the top-bar to apply some styles that aren't in the settings.

I am best editing the component of the mixins in the bower_components?

or custom css with a custom.scss file?

Cheers

Jon

mixins

Hello,

Just wondering the best way to edit mixins.

I want to edit the top-bar to apply some styles that aren't in the settings.

I am best editing the component of the mixins in the bower_components?

or custom css with a custom.scss file?

Cheers

Jon

Rafi Benkual almost 4 years ago

In F6 top-bar doesn't have any mixin arguments. You're best off just writing custom CSS. Best practice is to create a navigation partial _main-nav.scss and write your custom styles there.

Make sure to import them in app.scss

// Components
@import
  "components/main-nav";

Jonathan Ireland almost 4 years ago

Thanks for that got that working nice :)