Skip to content

Commit 680c424

Browse files
committed
[css-logical-1] Remove logical border-image and background features. Fixes w3c#3028
1 parent 456e902 commit 680c424

1 file changed

Lines changed: 8 additions & 110 deletions

File tree

css-logical-1/Overview.bs

Lines changed: 8 additions & 110 deletions
Original file line numberDiff line numberDiff line change
@@ -721,123 +721,21 @@ Four-Directional Shorthand Properties: the 'margin', 'padding', 'border-width',
721721
</pre>
722722
</div>
723723

724-
<h2 id="background-and-borders">
725-
Logical Background and Border Images</h2>
726-
727-
[[!CSS3BG]] is handled separately because it can fill an area with specified images,
728-
and the area to fill can be rotated or flipped depending on the text flow.
729-
730-
<h3 id="background-image-transform-prop">
731-
Background Image Transform: The ''background-image-transform'' property</h3>
732-
733-
<pre class="propdef">
734-
Name: background-image-transform
735-
Value: logical | physical | rotate
736-
Initial: physical
737-
Applies to: all elements
738-
Inherited: yes
739-
Percentages: n/a
740-
Computed value: as specified
741-
Animatable: discrete
742-
</pre>
743-
744-
<p class="issue">
745-
is this the right default? we need to investigate which is more common
746-
747-
This property defines whether background images are transformed
748-
to match to the value of 'writing-mode' property,
749-
and whether 'background-size' widths and heights are flow-relative or physical.
750-
Values have the following meanings:
751-
752-
<dl dfn-type="value" dfn-for="background-image-transform">
753-
<dt><dfn>logical</dfn></dt>
754-
<dd>
755-
The values for the 'background-size' property are flow-relative.
756-
The background images are transformed to match to the flow-relative axis.
757-
758-
<dt><dfn>physical</dfn></dt>
759-
<dd>
760-
The values for the 'background-size' property are physical.
761-
The background images remain unchanged.
762-
763-
<dt><dfn>rotate</dfn></dt>
764-
<dd>
765-
Similar to ''background-image-transform/logical'', except that the <a>inline base direction</a> is ignored.
766-
The result is affected only by the <a>block flow direction</a>.
767-
</dl>
768-
769-
<h3 id="background-repeat-prop">
770-
The 'background-repeat' property</h3>
771-
772-
The ''repeat-x'' and ''repeat-y'' values are physical,
773-
but in CSS3 this property can also accept double values
774-
to specify horizontal and vertical behaviors separately.
775-
The double values are considered flow-relative
776-
if the ''background-image-transform/logical'' keyword is specified,
777-
otherwise physical.
778-
779-
<p class="issue">
780-
should also add repeat-horizontal and repeat-vertical for the physical value?
781-
782-
<h3 id="border-image-transform-prop">
783-
Border Image Transform: The 'border-image-transform' property</h3>
784-
785-
<pre class="propdef">
786-
Name: border-image-transform
787-
Value: logical | physical | rotate
788-
Initial: rotate
789-
Applies to: All elements, except internal table elements when 'border-collapse' is ''border-collapse/collapse''
790-
Inherited: yes
791-
Percentages: n/a
792-
Computed value: as specified
793-
Animatable: discrete
794-
</pre>
795-
796-
<p class="issue">
797-
is this the right initial default?
798-
799-
This property defines whether border images are transformed
800-
to match to the value of 'writing-mode' property,
801-
with the reference writing mode being
802-
''writing-mode: horizontal-tb; direction: ltr''.
803-
Values have the following meanings:
804-
805-
<dl dfn-type="value" dfn-for="border-image-transform">
806-
<dt><dfn>logical</dfn></dt>
807-
<dd>
808-
The values for the border-image-* properties are flow-relative.
809-
The border images are transformed to match to the flow-relative axis.
810-
811-
<dt><dfn>physical</dfn></dt>
812-
<dd>
813-
The values for the border-image-* properties are physical.
814-
The border images remain unchanged.
815-
816-
<dt><dfn>rotate</dfn></dt>
817-
<dd>
818-
Similar to ''border-image-transform/logical'',
819-
except that the <a>inline base direction</a> is ignored.
820-
The result is affected only by the <a>block flow direction</a>.
821-
</dl>
822-
823-
The following properties use the value of this property
824-
to determine how directional mappings are done:
825-
<ul>
826-
<li>'border-image-slice'
827-
<li>'border-image-width'
828-
<li>'border-image-outset'
829-
<li>'border-image-repeat'
830-
<li>'border-image'
831-
</ul>
832-
833724
<h2 id="acknowledgements">Acknowledgements</h2>
834725

835726
Cameron McCormack, David Baron, Shinyu Murakami, Tab Atkins
836727

837728
<h2 id="changes">
838729
Changes</h2>
839730

840-
Changes since the earlier Editors Drafts include:
731+
Changes since the previous Working Draft include:
732+
<ul>
733+
<li>Removing the features for logical background and border-images.
734+
(These ideas may be revisited in a future draft.)
735+
<li>Adding the logical 'border-radius' longhands.
736+
</ul>
737+
738+
Changes between the earlier Editors Drafts and the First Public Working Draft include:
841739
<ul>
842740
<li>Making all properties cascade using the <a>writing mode</a> specified on the element, not on its parent.
843741
<li>Making the ordering of longhands within 'margin'-like shorthands put inline-start before inline-end.

0 commit comments

Comments
 (0)