CSS Shariff Responsiv machen?

[DjangOC]

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.

 

[siebling]

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.

 

[Yuuri]

https://github.com/heiseonline/shariff

Nimm dir den richtigen Code und keinen minimierten.

https://github.com/heiseonline/shariff/blob/master/src/style/shariff-layout.less Da sind auch schon grundlegende Breakpoints drin.

 

[DjangOC]

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 (9. Mai 2017)

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.