Clevercss2. Python inspirierte sassähnliche CSS-Präprozessor
Jetzt downloaden

Clevercss2. Ranking & Zusammenfassung

Clevercss2. Stichworte

CSS. Auszeichnungssprache Präprozessor Sass CSS Präprozessor

Clevercss2. Beschreibung

Python inspirierte sassähnliche CSS-Präprozessor CleverCss2 ist eine kleine Markup-Sprache für CSS, inspiriert von Python, die zum Bau eines Stylesheets auf saubere und strukturierte Weise verwendet werden kann. In vielerlei Hinsicht ist es sauberer und leistungsstärker als CSS2. Der offensichtlichste Unterschied zu CSS ist die Syntax: Es ist ein Vertiefungsbasis und nicht flach. Obwohl dies offensichtlich gegen den Python Zen ist, ist es dennoch eine gute Idee für strukturelle Stile. Neue Syntax AdditionsImports` (Commit) `_Dies funktioniert wie normale CSS @Imports, erwartet jedoch eine CCSS-Datei, die dann analysiert wird, wodurch Querblätter-Variablenbackstrings analysiert wird. (Literal CSS) `(Commit) _sometimes Clevercss ist ein bisschen zu klug für sein eigenes Gut und Sie möchten nur etwas direkt an CSS passieren. Zum Beispiel müssen Funktionen, die nicht RGB () oder URL () sind, entkommt werden. Hinzugefügt ist ein einfaches neues Backtick-umgebendes Zeichenfolgenformat, das ohne weitere Verarbeitung angebatim übergeben wird. Beispiel :: Ich habe ein Bild von all Ihren UI-Elementen und verwenden Sie dann die Hintergrundpositionierung, um einen Teil dieses Bildes zu extrahieren. Clevercss hilft Ihnen dabei, über den Anruf "Spritemap (FN)". Beispiel :: ui = spritemap ('ui.spits') by_button = $ UI.SPRITE ('YY_BUTTON.PNG ') Andere_Button = $ UI.SPRITE (' Andere_button.png ') div.some_button: Hintergrund: $ einy_button div. Sonstiges Aber sie werden bald sein. Jedenfalls ist die Syntax für ein Makro ziemlich pythonisch: Zum CSS "Def Macro {BLAH}", also gibt es ein paar inkonsistente Magie, die eingeht. Beachten Sie die Einrückungsbasierte Syntax und wie Sie diese Regeln nisten Polsterung: 0.3EM P.Meta: Text-ALIGN: Rechtsfarbe: #DDDDOF-Kurs Sie können das Gleiche in CSS tun, aber aufgrund seiner flachen Natur würde der Code jedoch mehr Verbose aussehen. Der folgende Code-Stück ist der CleverCSS-Ausgang der obigen Datei :: ul # -Kommentare, ol # -Kommentare {Marge: 0; Polsterung: 0; } ul # Kommentare li, ol # Kommentare li {Polsterung: 0.4EM; Rand: 0.8em 00.8em; } ul # Kommentare li h3, ol # Kommentare li h3 {Schriftgröße: 1.2 Uhr; } ul # Kommentare li p, ol # Kommentare li p {Polsterung: 0.3em; } ul # comments li p. meta, ol # comments li p. meta {text-rign: rechts; Farbe: #dddddd; } Aber das ist nur ein kleines Beispiel für das, was Sie mit Clevercss machen können. Schauen Sie sich die folgende Dokumentation von Clevercss an, um weitere Informationen zu erhalten. Anforderungen: · Python

Clevercss2. Zugehörige Software