Kentsmith9 (talk | contribs) (Updated test page) |
Kentsmith9 (talk | contribs) (typo) |
||
| (3 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
[https://wazeopedia.waze.com/wiki/CommunityHub/Help:List_of_Tailwind_CSS_Classes_Loaded_into_the_New_Waze_Skin Tailwind CSS Classes supported] | |||
Basic class="wikitable" | Basic class="wikitable" | ||
{| class="wikitable | {| class="wikitable" | ||
|+ Caption text | |+ Caption text | ||
|- | |- | ||
| Line 13: | Line 15: | ||
|} | |} | ||
Advanced Table Layout class="no-border vertical-align-top" | |||
{| class="no-border vertical-align-top" | |||
{| | |||
|+ Caption text | |+ Caption text | ||
|- | |- | ||
| Line 27: | Line 28: | ||
| Example || Example || Example | | Example || Example || Example | ||
|} | |} | ||
Table with Tailwind class changes | |||
* No support for <nowiki><thead> or <tbody></nowiki> | |||
* Cannot identify code to change margin spacing; does not appear to be "leading-none", "px-0", "py-0", "p-0 or "m-0"" | |||
* Cannot identify code to change table width from full width to something less; does not appear to be "table-fixed" | |||
<div class="bg-red-500 leading-none px-0 py-0 p-0 m-0"> | |||
<table class="bg-red-300 leading-none px-0 py-0 p-0 m-0 table-fixed"> | |||
<!-- | |||
<thead class="bg-red-400 leading-none px-1 py-1"> | |||
--> | |||
<tr class="bg-red-400 leading-none px-0 py-0 p-0 m-0"> | |||
<th scope="col" class="px-0 py-0 p-0 m-0">Header text</th> | |||
<th>Header text</th> | |||
<th>Header text</th> | |||
</tr> | |||
<!-- | |||
</thead> | |||
<tbody class="bg-red-300 leading-none px-1 py-1"> | |||
--> | |||
<tr> | |||
<td scope="col" class="leading-none px-0 py-0 p-0 m-0">Example</th> | |||
<td class="px-0 py-0 p-0 m-0">Example</th> | |||
<td class="px-0 py-0 p-0 m-0">Example</th> | |||
</tr> | |||
<tr> | |||
<td scope="col" class="px-0 py-0 p-0 m-0">Example</th> | |||
<td>Example</th> | |||
<td>Example</th> | |||
</tr> | |||
<tr> | |||
<td scope="col" class="px-0 py-0 p-0 m-0">Example</th> | |||
<td>Example</th> | |||
<td>Example</th> | |||
</tr> | |||
<!-- | |||
>/tbody> | |||
--> | |||
</table> | |||
</div> | |||
<p class="leading-none ...">"Leading-none"</br>{{Lorem ipsum}}</p> | |||
<p class="leading-normal ...">"Leading-normal"</br>{{Lorem ipsum}}</p> | |||
<p class="leading-relaxed ...">"Leading-relaxed"</br>{{Lorem ipsum}}</p> | |||
<p class="leading-loose ...">"Leading-loose"</br>{{Lorem ipsum}}</p> | |||
Latest revision as of 22:45, 26 December 2022
Tailwind CSS Classes supported
Basic class="wikitable"
| Header text | Header text | Header text |
|---|---|---|
| Example | Example | Example |
| Example | Example | Example |
| Example | Example | Example |
Advanced Table Layout class="no-border vertical-align-top"
| Header text | Header text | Header text |
|---|---|---|
| Example | Example | Example |
| Example | Example | Example |
| Example | Example | Example |
Table with Tailwind class changes
- No support for <thead> or <tbody>
- Cannot identify code to change margin spacing; does not appear to be "leading-none", "px-0", "py-0", "p-0 or "m-0""
- Cannot identify code to change table width from full width to something less; does not appear to be "table-fixed"
| Header text | Header text | Header text |
|---|---|---|
| Example | Example | Example |
| Example | Example | Example |
| Example | Example | Example |
"Leading-none"
Lorem ipsum dolor sit amet, consectetur adipisicing 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. 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.
"Leading-normal"
Lorem ipsum dolor sit amet, consectetur adipisicing 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. 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.
"Leading-relaxed"
Lorem ipsum dolor sit amet, consectetur adipisicing 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. 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.
"Leading-loose"
Lorem ipsum dolor sit amet, consectetur adipisicing 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. 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.