[TYPO3-german] CSC und manuelle Abstände

[Ralf-Rene Schröder]

Am 16.07.2013 01:03, schrieb d.ros:
> So gehts auch -> http://jsfiddle.net/vBXWK/1/

sorry, du hast das Problem nicht ganz verstanden...
wie ich grundsätzlich mit CSS style ist mir wirklich schon klar...
ABER
in CSC wird mir dynamisch auf jeder Seite ganz am Anfang des Headers
jede benutzte Abstandsklasse eingebunden, und zwar automatisch immer so:

.csc-space-before-15 {margin-top:15px; }
.csc-space-after-150 {margin-bottom:150px; }
.csc-space-after-237 {margin-bottom:237px; }
.csc-space-after-33 {margin-bottom:33px; }

danach binde ich ja meine ganz normalen Layout CSS Dateien ein,
und hab DORT dann mögliche gewollte Styleangaben (hier jetzt mal mit
container Klassen, denn das macht keinen grundsätzlichen Unterschied)
solange ein Redakteur keine eigenen Angaben setzt...

.css-default {margin-bottom: 1em; }
.container-2 .css-default {margin-bottom: 2em; }
#pageUID-222 .container-1 .css-default {margin-bottom: 20px; }

und dadurch können die automatisch generierten Abstands-Styles keine
Wirkung mehr zeigen...

würden sie jedoch von CSC wie folgt eingebunden, dann wäre alles OK:
.csc-space-after-111 {margin-bottom:111px !important; }
(ist mit 2 Zeilen in der CSC leicht modifiziert)

PS: nettes Tool, kannte ich noch nicht... THANKS

PPS: mit folgendem Typoscript werden Standardklassen eingefügt wenn KEIN
manueller Abstand gesetzt ist... wenn man nun NUR diese Klassen für die
Definition der Abstände nutzt, dann klappt es wie erwartet...

tt_content.stdWrap.innerWrap.cObject.default.20.21 = TEXT
tt_content.stdWrap.innerWrap.cObject.default.20.21 {
  if.isFalse.field = spaceBefore
  value = std
  noTrimWrap = |csc-space-before-| |
}
tt_content.stdWrap.innerWrap.cObject.default.20.31 = TEXT
tt_content.stdWrap.innerWrap.cObject.default.20.31 {
  if.isFalse.field = spaceAfter
  value = std
  noTrimWrap = |csc-space-after-| |
}

das zugehörige CSS wäre dann:
.csc-space-after-std {margin-bottom: 1em; }
.container-2 .csc-space-after-std {margin-bottom: 2em; }
#pageUID-222 .container-1 .csc-space-after-std {margin-bottom: 20px; }

aber logischer fände ich in diesem Fall doch den !important; Einsatz...
(der läuft bei mir auf jeden Fall bis zum nächsten TYPO3 Update)

-- 
image[FORMAT] - Ralf-René Schröder
http://www.image-format.eu ... Wir geben Ihrem Image das richtige Format