CSS Shariff Responsiv machen?

DjangOC

Lt. Commander
Registriert
Sep. 2013
Beiträge
1.636
Kann mir jemand erklären, bei welcher Stelle man die Boxen anpassen muss, um die Boxen von Shariff responsiv zu machen, ich möchte starren Angaben gerne durch vw und vh Angaben ersetzten. Das CSS dazu ist leider alles auf einer Linie, und sehr unübersichtlich. Im Readme fand ichs leider nicht, aber vielleicht weiss es ja sonst jemand.

Danke schonmal.
 
Guck dir mal die Implementierung bei Heise an, die nutzen das ja in ihrem responsiven Layout. Ein Beispiel aus dem entsprechenden Code:

@media only screen and (min-width: 768px)
.shariff .orientation-horizontal li {
min-width: 110px;
max-width: 160px;
}

Bzgl. unübersichtlichem CSS dazu einfach mal Google mit dem Stichwort CSS Beautifier bemühen.
 
Danke @ beide

Dass man CSS neben verkleinern auch verschönern lassen könnte hätte mir auch mal in den Sinn kommen können...
Ergänzung ()

Komisch, hatte den complete schon von Anfang an drin, bei diesem habe ich die von Siebling genannte Stelle, und die entsprechenden anderen angepasst, ändert sich aber trotzdem nicht.
 
Zurück
Oben