mirror of
https://github.com/NativeScript/NativeScript.git
synced 2025-11-05 13:26:48 +08:00
chore: cleanup
This commit is contained in:
66
apps/ui/app/css/combinators-page.xml
Normal file
66
apps/ui/app/css/combinators-page.xml
Normal file
@@ -0,0 +1,66 @@
|
||||
<Page>
|
||||
<ScrollView>
|
||||
<StackLayout>
|
||||
|
||||
<StackLayout class="direct-child--type">
|
||||
<Label text="Direct child test by type"/>
|
||||
<Button text="I'm a direct child!"/>
|
||||
<StackLayout>
|
||||
<Button text="I'm not!"/>
|
||||
</StackLayout>
|
||||
</StackLayout>
|
||||
|
||||
<StackLayout class="direct-child--class">
|
||||
<Label text="Direct child test by class"/>
|
||||
<Button class="test-child" text="I'm a direct child!"/>
|
||||
<StackLayout>
|
||||
<Button class="test-child" text="I'm not!"/>
|
||||
</StackLayout>
|
||||
</StackLayout>
|
||||
|
||||
<StackLayout class="direct-sibling--type">
|
||||
<Label text="Direct sibling test by type"/>
|
||||
<Button text="I'm the ref"/>
|
||||
<Label class="sibling-test-label" text="I'm a direct sibling!"/>
|
||||
<Label text="I'm not!" class="sibling-test-label"/>
|
||||
<Button text="I'm not either!"/>
|
||||
<Label class="sibling-test-label" text="But I am!"/>
|
||||
</StackLayout>
|
||||
|
||||
<StackLayout class="direct-sibling--id">
|
||||
<Label text="Direct sibling test by id"/>
|
||||
<Button id="test-child" text="I'm the ref"/>
|
||||
<Button id="test-child-2" text="I'm a direct sibling!"/>
|
||||
<Button id="test-child-3" text="I'm not!"/>
|
||||
</StackLayout>
|
||||
|
||||
<StackLayout class="direct-sibling--class">
|
||||
<Label text="Direct sibling test by class"/>
|
||||
<Button class="test-child" text="I'm the ref"/>
|
||||
<Button class="test-child-2" text="I'm a direct sibling!"/>
|
||||
<Button class="test-child-2" text="I'm not!"/>
|
||||
<Button class="test-child" text="I'm not either!"/>
|
||||
<Label class="test-child-2 sibling-test-label" text="But I am!"/>
|
||||
</StackLayout>
|
||||
|
||||
<StackLayout class="direct-sibling--attribute">
|
||||
<Label text="Direct sibling test by attribute"/>
|
||||
<Button data="test-child" text="I'm the ref"/>
|
||||
<Button data="test-child-2" text="I'm a direct sibling!"/>
|
||||
<Button data="test-child-2" text="I'm not!"/>
|
||||
<Button data="test-child" text="I'm not either!"/>
|
||||
<Button data="test-child-2" text="But I am!"/>
|
||||
</StackLayout>
|
||||
|
||||
<StackLayout class="direct-sibling--pseudo-selector">
|
||||
<Label text="Direct sibling test by pseudo-selector"/>
|
||||
<Button text="I'm the ref"/>
|
||||
<Button isEnabled="false" text="I'm a direct sibling!"/>
|
||||
<Button text="I'm not!"/>
|
||||
<Button text="I'm not either!"/>
|
||||
<Button isEnabled="false" text="But I am!"/>
|
||||
</StackLayout>
|
||||
|
||||
</StackLayout>
|
||||
</ScrollView>
|
||||
</Page>
|
||||
Reference in New Issue
Block a user