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?
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.
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.