effendy/general-template
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

delete useless pages

Browse Source
This commit is contained in:
Yusron alamsyah
2026-03-17 09:22:24 +07:00
parent f2ed1b2556
commit c2fa3c160b
51 changed files with 1649 additions and 8842 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/style-components/typography/Opacity.vue
+9 -4
View File
@@ -1,7 +1,12 @@
<template>
<div>
<p class="text-high-emphasis">High-emphasis has an opacity of 87% in light skin and 100% in dark.</p>
<p class="text-medium-emphasis">Medium-emphasis text and hint text have opacities of 60% in light skin and 70% in dark.</p>
<p class="text-disabled">Disabled text has an opacity of 38% in light skin and 50% in dark.</p>
<div class="d-flex flex-column gap-1 mx-1 pt-0 pa-7 pb-0">
<v-card elevation="10">
<div class="py-6 px-4">
<p class="text-high-emphasis">High-emphasis has an opacity of 87% in light skin and 100% in dark.</p>
<p class="text-medium-emphasis">Medium-emphasis text and hint text have opacities of 60% in light skin
and 70% in dark.</p>
<p class="text-disabled">Disabled text has an opacity of 38% in light skin and 50% in dark.</p>
</div>
</v-card>
</div>
</template>
components/style-components/typography/TextAlignment.vue
+12 -8
View File
@@ -1,11 +1,15 @@
<template>
<div>
<p class="text-left">Left aligned on all viewport sizes.</p>
<p class="text-center">Center aligned on all viewport sizes.</p>
<p class="text-right">Right aligned on all viewport sizes.</p>
<p class="text-sm-left">Left aligned on viewports SM (small) or wider.</p>
<p class="text-right text-md-left">Left aligned on viewports MD (medium) or wider.</p>
<p class="text-right text-lg-left">Left aligned on viewports LG (large) or wider.</p>
<p class="text-right text-xl-left">Left aligned on viewports XL (extra-large) or wider.</p>
<div class="d-flex flex-column gap-1 mx-1 pt-0 pa-7 pb-0">
<v-card elevation="10">
<div class="py-6 px-4">
<p class="text-left">Left aligned on all viewport sizes.</p>
<p class="text-center">Center aligned on all viewport sizes.</p>
<p class="text-right">Right aligned on all viewport sizes.</p>
<p class="text-sm-left">Left aligned on viewports SM (small) or wider.</p>
<p class="text-right text-md-left">Left aligned on viewports MD (medium) or wider.</p>
<p class="text-right text-lg-left">Left aligned on viewports LG (large) or wider.</p>
<p class="text-right text-xl-left">Left aligned on viewports XL (extra-large) or wider.</p>
</div>
</v-card>
</div>
</template>
components/style-components/typography/TextDecoration.vue
+11 -5
View File
@@ -1,8 +1,14 @@
<template>
<div class="d-flex justify-space-between flex-row">
<a href="#" class="text-decoration-none">Non-underlined link</a>
<div class="text-decoration-line-through">Line-through text</div>
<div class="text-decoration-overline">Overline text</div>
<div class="text-decoration-underline">Underline text</div>
<div class="d-flex flex-column gap-1 mx-1 pt-0 pa-7 pb-0">
<v-card elevation="10">
<div class="py-6 px-4">
<div class="d-flex justify-space-between flex-row">
<a href="#" class="text-decoration-none">Non-underlined link</a>
<div class="text-decoration-line-through">Line-through text</div>
<div class="text-decoration-overline">Overline text</div>
<div class="text-decoration-underline">Underline text</div>
</div>
</div>
</v-card>
</div>
</template>