Menu icon Foundation

My Posts

No Content

My Comments

James Dullaghan commented on Kenneth Williams's post almost 6 years

5.0.2 is the most up to date version.

You can copy the settings.scss file and paste it into your own. Somehow the settings file in your project seems to have gotten muddled along the way.

Hope this helps!
-James

James Dullaghan commented on Tom Ta's post almost 6 years

Hey Christian,

To get the other content sections to close, you'll need to create a variable for the current target and add an if statement and find .content with class of active and remove or toggle that class

Something along the lines of:

var current = event.currentTarget
if (current.hasClass('active') {
  current.removeClass('active');
} 

Hopefully that will give you a headstart.

-James

James Dullaghan commented on Wing-Hou Chan's post almost 6 years

Wing-Hou!

I have some great news! There is a bower-foundation repository where you can find all of the scss assets uncompiled to use with Scout.

Bower Foundation Repository

Hope this helps!

-James

James Dullaghan commented on frank nelson's post about 6 years

Hey Frank,

You can use either SCSS/Sass or CSS to modify the borders. The markup I posted is CSS.

You can find css installation instructions here

Alternatively, you can find the SCSS/Sass installation instructions here

It will make more sense if you have a solid understanding of HTML/CSS or HTML/Sass.

Hope this helps

-James

James Dullaghan commented on frank nelson's post about 6 years

There is an active class available on the tabs.

you can apply the following to the active class:

border-top: solid 1px #ccc;
border-right: solid 1px #ccc;
border-left: solid 1px #ccc;

and selectively add borders to

.tabs dd > a

and selectively add borders to

.tabs-content > .content.active

It will require some finessing but it will do the job.

James Dullaghan commented on Laurent P's post about 6 years

Hi Laurent,

Are you asking this question in regards to the default scss values?

-James

James Dullaghan commented on Alexis Yan's post about 6 years

Hey Alexis,

Are you able to provide us with a link to the code?

-James

James Dullaghan commented on Simon Warbrook's post about 6 years

I have tested this using browser stack on windows 7 and firefox 26 beta and cannot replicate this issue.

orbit arrows

James Dullaghan commented on Reece Conrad's post about 6 years

Thanks for pointing this out, but I am pushing up the changes now!

-James

James Dullaghan commented on Patrik Strandell's post about 6 years

Patrik,

There are many ways you can add icons!

You can apply them with a class as you've mentioned if they are images, but that may interfere with other css attributes, unless they positioned absolutely.

Another way is to use psuedo-elements (good article here) along with an icon font (good example here

If I were you, i'd look into the second route. Because icon fonts are based on svg's, they will display crisply on any display size, unlike images.

Hope this helps you on your journey into icons!

-James D.

Posts Followed

No Content

Following

    No Content

Followers

  • Bartolomej has no published posts

My Posts

No Content

My Comments

You commented on Kenneth Williams's post almost 6 years

5.0.2 is the most up to date version.

You can copy the settings.scss file and paste it into your own. Somehow the settings file in your project seems to have gotten muddled along the way.

Hope this helps!
-James

You commented on Tom Ta's post almost 6 years

Hey Christian,

To get the other content sections to close, you'll need to create a variable for the current target and add an if statement and find .content with class of active and remove or toggle that class

Something along the lines of:

var current = event.currentTarget
if (current.hasClass('active') {
  current.removeClass('active');
} 

Hopefully that will give you a headstart.

-James

You commented on Wing-Hou Chan's post almost 6 years

Wing-Hou!

I have some great news! There is a bower-foundation repository where you can find all of the scss assets uncompiled to use with Scout.

Bower Foundation Repository

Hope this helps!

-James

You commented on frank nelson's post about 6 years

Hey Frank,

You can use either SCSS/Sass or CSS to modify the borders. The markup I posted is CSS.

You can find css installation instructions here

Alternatively, you can find the SCSS/Sass installation instructions here

It will make more sense if you have a solid understanding of HTML/CSS or HTML/Sass.

Hope this helps

-James

You commented on frank nelson's post about 6 years

There is an active class available on the tabs.

you can apply the following to the active class:

border-top: solid 1px #ccc;
border-right: solid 1px #ccc;
border-left: solid 1px #ccc;

and selectively add borders to

.tabs dd > a

and selectively add borders to

.tabs-content > .content.active

It will require some finessing but it will do the job.

You commented on Laurent P's post about 6 years

Hi Laurent,

Are you asking this question in regards to the default scss values?

-James

You commented on Alexis Yan's post about 6 years

Hey Alexis,

Are you able to provide us with a link to the code?

-James

You commented on Simon Warbrook's post about 6 years

I have tested this using browser stack on windows 7 and firefox 26 beta and cannot replicate this issue.

orbit arrows

You commented on Reece Conrad's post about 6 years

Thanks for pointing this out, but I am pushing up the changes now!

-James

You commented on Patrik Strandell's post about 6 years

Patrik,

There are many ways you can add icons!

You can apply them with a class as you've mentioned if they are images, but that may interfere with other css attributes, unless they positioned absolutely.

Another way is to use psuedo-elements (good article here) along with an icon font (good example here

If I were you, i'd look into the second route. Because icon fonts are based on svg's, they will display crisply on any display size, unlike images.

Hope this helps you on your journey into icons!

-James D.

Posts Followed

No Content

Following

  • No Content

Followers

  • Bartolomej has no published posts