https://bugzilla.wikimedia.org/show_bug.cgi?id=28693

--- Comment #10 from Krinkle <[email protected]> 2011-08-08 07:40:28 UTC ---
The only downside in comment 9 is that it messes with the CSS cascading rules.
Not caused by "@addflipped" but caused by the fact that it uses an additional
directionality selector.

Perhaps a cleaner solution would be to use both.

--

HTML:

<foo class="bar bar-ltr" dir="ltr"> + <foo class="bar bar-rtl" dir="rtl">
* The "dir"-attribute for semantics and other power rules
* The "bar"-class for general application of the design independent from
directionality
* The  "bar-xxx"-class for direction specific rules

CSS:

.bar { font-size: 85%; background: #f2f2f2; }

/* @noflip */ .bar-ltr { margin-right: 1em; }
/* @noflip */ .bar-rtl { margin-left: 1em; }

CSS (proposed syntax after this bug is fixed?)

.bar { font-size: 85%; background: #f2f2f2; }
.bar-ltr { margin-right: 1em; }

--

This would work similar to the way it replaces -ltr in background images (
"background-image: url(foo-ltr.png)" ). Except that it would add that selector
group, rather than replacing it.

The main advantage here is that it doesn't mess with the cascading of the CSS
(both are class-level selectors). And doesn't make it harder to style them
since "bar" is still there.

-- 
Configure bugmail: https://bugzilla.wikimedia.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are on the CC list for the bug.

_______________________________________________
Wikibugs-l mailing list
[email protected]
https://lists.wikimedia.org/mailman/listinfo/wikibugs-l

Reply via email to