Tablet-Container-Größe in Semantic UI erhöhen und neu erstellen

Question

Ich benutze Semantic UI auf einer Website und es sieht ziemlich gut in allen Auflösungen, aber ich würde gerne, wenn in Tablet-Größe, die Container waren ein bisschen breiter . Ich habe festgestellt, dass die Variablen, die diese Breite steuern, in der Datei themes/default/elements/container.variables sind. Ich las, dass, zu vermeiden, dass die Originaldateien zu modifizieren, müssen Sie die Datei site/globals/site.variables bearbeiten, also habe ich die folgenden Zeilen hinzugefügt:

@blue : #00709e; 
@green : #75912b; 
@black : #464646; 

@tabletWidth: (@tabletBreakpoint+201) - (@tabletMinimumGutter * 2) - @scrollbarWidth; 

ich die CSS/JS-Dateien mit großen Schluck wieder aufgebaut habe, und ich kann sehen, dass sich die Farben Blau, Grün und Schwarz geändert haben, aber die Tablettcontainergröße ist die gleiche wie zuvor.

Muss ich noch etwas ändern? Vielen Dank!

Answer 1

Aus meiner Kenntnis des semantischen Thematisierung und was ich sehe ich nicht @tabletWidth ändern würde, aber ich würde nur @tabletBreakpoint und @tabletMinimumGutter die Werte ändern, die Sie wollen, soll dies dann @tabletWidth macht in den container.variables Ihre Variablen zum Training verwenden, um die Breite.