Semantic-ui: Gutter size

Created on 13 Mar 2017  路  1Comment  路  Source: Semantic-Org/Semantic-UI

I am using the the semantic-react library to use Semantic UI in React. So I am forced to use the CDN than download Semantic UI and put it in my project.

How would I decrease the gutter size? I know that relaxed and very-relaxed increase it but is there anything for decreasing it?

Usage Question

Most helpful comment

Hi @Isa79,

If you use a CDN, you can鈥檛 properly override internal variables, and there鈥檙e no classes to make the gutter size smaller. You鈥檒l have to calculate @gutterWidth, @tableWidth, @stackableGutter manually (see how they are used here), then find them in CSS definitions and do an override.

>All comments

Hi @Isa79,

If you use a CDN, you can鈥檛 properly override internal variables, and there鈥檙e no classes to make the gutter size smaller. You鈥檒l have to calculate @gutterWidth, @tableWidth, @stackableGutter manually (see how they are used here), then find them in CSS definitions and do an override.

Was this page helpful?
0 / 5 - 0 ratings