primevue-mirror/apps/showcase/doc/theming/styled/ScaleDoc.vue

26 lines
707 B
Vue
Raw Normal View History

2023-02-28 08:29:30 +00:00
<template>
<DocSectionText v-bind="$attrs">
<p>
2024-03-31 12:10:06 +00:00
PrimeVue UI component use <i>rem</i> units, 1rem equals to the font size of the <i>html</i> element which is <i>16px</i> by default. Use the root font-size to adjust the size of the components globally. This website uses <i>14px</i> as
the base so it may differ from your application if your base font size is different.
2023-02-28 08:29:30 +00:00
</p>
</DocSectionText>
2024-01-30 08:16:35 +00:00
<DocSectionCode :code="code" hideToggleCode importCode hideStackBlitz />
2023-02-28 08:29:30 +00:00
</template>
<script>
export default {
data() {
return {
code: {
2023-09-22 12:54:14 +00:00
basic: `
html {
2023-02-28 08:29:30 +00:00
font-size: 14px;
2023-09-22 12:54:14 +00:00
}
`
2023-02-28 08:29:30 +00:00
}
};
}
};
</script>