vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Update ColorsDemo.vue

pull/2386/head
Tuğçe Küçükoğlu 2022-03-31 15:04:08 +03:00
parent 74b3872c6f
commit c1717bae89
1 changed files with 54 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
src/views/colors/ColorsDemo.vue
View File

@ -44,6 +44,22 @@
<td><i>--font-family</i></td>
<td>Font family of the theme.</td>
</tr>
<tr>
<td><i>--inline-spacing</i></td>
<td>Spacing between to adjacent items.</td>
</tr>
<tr>
<td><i>--border-radius</i></td>
<td>Common border radius of elements.</td>
</tr>
<tr>
<td><i>--focus-ring</i></td>
<td>Box shadow of a focused element.</td>
</tr>
<tr>
<td><i>--mask-bg</i></td>
<td>Background of an overlay mask.</td>
</tr>
</tbody>
</table>
</div>
@ -79,6 +95,44 @@
</div>
</div>
</div>
<p>A theme also exports named surfaces for common use cases.</p>
<div class="doc-tablewrapper">
<table class="doc-table">
<thead>
<tr>
<th>Variable</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td><i>--surface-ground</i></td>
<td>Base ground color.</td>
</tr>
<tr>
<td><i>--surface-section</i></td>
<td>Color of a section on a ground surface.</td>
</tr>
<tr>
<td><i>--surface-card</i></td>
<td>Color of a surface used as a card.</td>
</tr>
<tr>
<td><i>--surface-overlay</i></td>
<td>Color of overlay surfaces.</td>
</tr>
<tr>
<td><i>--surface-border</i></td>
<td>Color of a divider.</td>
</tr>
<tr>
<td><i>--surface-hover</i></td>
<td>Color of an element in hover state.</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</template>