Menu icon Foundation
How to add text-transform to headers?

Hello,

I'm using foundation libsass, version 5.0.3, but can't add variables, I need to add a text-transform to headers, how can I do it?

Thanks!!

5.0.3headerstext-transformvariables

Hello,

I'm using foundation libsass, version 5.0.3, but can't add variables, I need to add a text-transform to headers, how can I do it?

Thanks!!

Kassius over 5 years ago

Ok, I did it.

for this, it is just to go to

[root_dir]/bower_components/foundation/scss/foundation/components/

open the _type.scss

In that file, below, you can add CSS properties. Below // Typography Placeholders

But I have read that the components/ are overwritten when a new update comes, and that the right place for putting this things was in [root]/scss/_settings.scss

Is this still the case?

Karl Ward about 5 years ago

Since text-transform is not a public setting for headers in Foundation, then why not apply it in your own scss file?

h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase;
}