@vuepress-reco/style-default
Version:
It is default type of vuepress-theme-reco.
54 lines (53 loc) • 1.51 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.mdStylePlugin = void 0;
const plugin = require('tailwindcss/plugin.js');
exports.mdStylePlugin = plugin(({ addComponents, addBase, addUtilities, config, theme }) => {
const buttons = {
'.btn': {
padding: '.5rem 1rem',
borderRadius: '.25rem',
fontWeight: '600',
},
'.btn-blue': {
'backgroundColor': '#3490dc',
'color': '#fff',
'&:hover': {
backgroundColor: '#2779bd',
},
},
'.btn-red': {
'backgroundColor': '#e3342f',
'color': '#fff',
'&:hover': {
backgroundColor: '#cc1f1a',
},
},
'.bg-reco': {
'backgroundColor': config('theme.colors.white'),
'@media (prefers-color-scheme: dark)': {
backgroundColor: config('theme.colors.gray.900'),
},
},
};
addComponents(buttons);
const newUtilities = {
'.hhhhh': {
height: '60vh',
},
};
addUtilities(newUtilities);
addBase({
body: {
'backgroundColor': 'white',
'color': 'black',
'@media (prefers-color-scheme: dark)': {
backgroundColor: 'black',
color: 'white',
},
},
h1: {
fontSize: config('theme.fontSize.2xl'),
},
});
});