export default {
css: [
"~/assets/styles/global.scss",
"~/assets/styles/adaptive.scss"
],
modules: ['@pinia/nuxt', '@formkit/nuxt'],
buildModules: [],
build: {
transpile: ['@vuepic/vue-datepicker', 'maska', 'date-fns']
},
vite: {
css: {
preprocessorOptions: {
scss: {
additionalData: '@import "./assets/styles/adaptive.scss";'
}
}
}
}
}
// vars.scss
:root {
--black: #333742;
--blue: #1753FF;
// ...
}
// global.scss
@import "vars";
@import "fonts";
@import "reset";
@import "buttons";
{
$arFields_other = $ob_other->GetFields();
?> <a href="<?=$arFields_other[">" data-bx-app-ex-href=" " class="holiday-item"> <?=CFile::GetPath($arFields_other[">" data-bx-app-ex-src="<?=CFile::GetPath($arFields_other["PREVIEW_PICTURE"])?>
" alt="show-program-image"> <?endif;?><span class="bxhtmled-surrogate-inner"><span class="bxhtmled-right-side-item-icon"></span><span class="bxhtmled-comp-lable" unselectable="on" spellcheck="false">Код PHP</span></span>
<p>
<?=$arFields_other["NAME"]?>
</p>
</a>
<?}
Чтобы изменить цвет треугольника, вы можете использовать свойство цвета вставки. Например:
Чтобы изменить размер треугольника, вы можете использовать свойство font-size. Например:
Чтобы изменить отступы треугольника, вы можете использовать свойство padding. Например:
Имейте в виду, что внешний вид треугольника может различаться в зависимости от используемого браузера и операционной системы. Некоторые браузеры могут не поддерживать все параметры стиля, упомянутые выше, или интерпретировать их по-разному.