Test: Difference between revisions
Content deleted Content added
No edit summary |
|||
| (9 intermediate revisions by one other user not shown) | |||
Line 1:
== Cases that fail in this patch demo ==
'''Many cases here fail because <code>p + p { margin-top: 1em; }</code> doesn't apply when there is a floating/hidden element in between or there is nesting.'''
=== Definition list ===
Line 90 ⟶ 91:
== Cases that should be observed in other possible patches ==
'''Spacing
=== Nested bulleted lists ===
Line 108 ⟶ 109:
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
=== Nested
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
Line 139 ⟶ 140:
=== Paragraphs in a box with padding and background, common case in the UI ===
'''Top and bottom margin should match here:'''
<div style="background-color: #fef6e7; padding: 0.5em;">
Line 190 ⟶ 191:
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
=== Hatnote
: ''Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam''.
Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.
===
* Excepteur sint occaecat
* Duis aute irure
* Lorem ipsum
=== List following a box ===
Line 218 ⟶ 217:
* Lorem ipsum
=== Hidden elements ''before
'''Those will stand in the way when using <code>:first-child</code>.'''
<div style="background-color: #fef6e7; padding: 0.5em;">
{{hidden}}
{{hidden}}
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.
</div>
=== Hidden elements ''after
'''Those will stand in the way when using <code>:last-child</code>.'''
<div style="background-color: #fef6e7; padding: 0.5em;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.
{{hidden}}
{{hidden}}
</div>
== This is an heading 2 ==
=== This is an heading 3 ===
==== This is an heading 4 ====
===== This is an heading 5 =====
====== This is an heading 6 ======
== Inline element next to headings ==
=== Heading paragraph list paragraph ===
Sit amet consectetur adipiscing elit. Posuere urna nec tincidunt praesent semper feugiat nibh sed. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?"
* one
* two
Sit amet consectetur adipiscing elit. Posuere urna nec tincidunt praesent semper feugiat nibh sed.
=== Heading paragraph list ===
Sit amet consectetur adipiscing elit. Posuere urna nec tincidunt praesent semper feugiat nibh sed.Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?"
* one
* two
=== Heading list paragraph ===
* one
* two
Sit amet consectetur adipiscing elit. Posuere urna nec tincidunt praesent semper feugiat nibh sed.
=== Heading list ===
* one
* two
=== Subheading list ===
* one
* two
=== Heading table list ===
{| style="margin:auto; width: 100%" border="1" cellpadding="1"
|-
! style="background:#efefef;" |table table table
! style="background:#efefef;" |table table table
! style="background:#efefef;" |table table table
! style="background:#efefef;" |table table table
|-
!This it table content
!
!
!
|-
!
!
!table content
!
|-
!
!more table content
!
!
|}
* one
* two
* three
== Text ==
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
=== Subheading 1 ===
Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.
==== Subheading 2 ====
Sit amet consectetur adipiscing elit. Posuere urna nec tincidunt praesent semper feugiat nibh sed. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut.
=== Citations and inline text ===
Superscript and subscript affect line-height. Sed ut perspiciatis unde<ref>This is a basic citation.</ref> omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque <code>ipsa quae ab illo inventore veritatis</code> et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem <ref>{{Cite web|vauthors=Me myself and I}}</ref>quia ''voluptas sit aspernatur aut'' odit aut fugit, '''sed quia consequuntur magni dolores eos qui''' ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui '''dolorem ipsum quia''' dolor sit amet, <sup>consectetur, adipisci velit,</sup> sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum <u>exercitationem</u> ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi <sub>consequatur</sub>? Quis autem vel eum <big>BIG</big> reprehenderit qui in ea voluptate velit esse quam nihil molestiae <s>consequatur</s>, vel illum qui dolorem eum fugiat quo voluptas nulla <small>small</small>?
=== Preformatted text ===
This is just preformatted text. It looks pretty large, and it's not color-coded like computer code. You can still make fun things like ascii art with it.
/\_/\ ___
= o_o =_______ \ \
__^ __( \.__) )
(@)<_____>__(_____)____/
== Inline elements ==
=== Bulleted lists ===
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
* Excepteur sint occaecat
* Lorem ipsum
** Excepteur sint occaecat
*** Lorem
*** Ipsum
** Excepteur sint occaecat
* Sed ut perspiciatis
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
=== Numbered lists ===
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
# Excepteur sint occaecat
# Duis aute irure
# Lorem ipsum
## Excepteur sint occaecat
### Lorem
### Ipsum
## Excepteur sint occaecat
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
=== Description lists ===
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
: Excepteur sint occaecat
: Duis aute irure
: Lorem ipsum
:: Excepteur sint occaecat
::: Lorem
::: Ipsum
::: Dolor
:: Excepteur sint occaecat
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
=== Code block ===
This is a paragraph followed by a code block of Applescript. <syntaxhighlight lang="applescript" line="1">
set output to (do shell script "defaults read com.apple.controlcenter 'NSStatusItem Visible DoNotDisturb'")
if output is "0" then
tell application "System Events" to keystroke "D" using {command down, shift down, option down, control down}
do shell script "defaults write com.apple.controlcenter 'NSStatusItem Visible DoNotDisturb' 1"
end if
display dialog "Session Started!"
</syntaxhighlight>
=== Block quote ===
This is a block quote.<blockquote>''Oh, Men, with Mothers and Wives!''
''It is not linen you're wearing out,''
''But human creatures' lives!'''
~ Thomas Hood ~</blockquote>Quote of the day from wikiquote. necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatib.
=== Tables ===
{| style="margin:auto; width: 100%" border="1" cellpadding="1"
|-
! style="background:#efefef;" |table table table
! style="background:#efefef;" |table table table
! style="background:#efefef;" |table table table
! style="background:#efefef;" |table table table
|-
!This is table content
!
!
!
|-
!this is some table content
!
!
!
|-
!
!tabular content is fun
!yay for tables.
!
|}
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est.
{| class="wikitable sortable mw-collapsible" style="margin:auto; width: 100%" border="1" cellpadding="1"
|+This is a table caption for the wikitable.
|-
! style="background:#efefef;" |This is a "wikitable"
! style="background:#efefef;" |table table table
! style="background:#efefef;" |table table table
! style="background:#efefef;" |table table table
|-
!This is a table with some rows
!It has content
!
!
|-
!
!
!in some places
!
|-
!
!
!this is sorta sortable
!
|}
Voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae.
== Images ==
=== Plain image ===
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
[[File:Example.png]]
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
=== Floating image ===
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
[[File:Example.png|right]]
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
=== Gallery ===
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
<gallery>
Example.jpg|Caption1
Example.jpg|Caption2
</gallery>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
== References ==
<references />
| |||