Я использую пакетdriftyco:ionic meteor для своего проекта и хочу изменить «королевский» цвет. Вот почему я хочу знать, как правильно перезаписать переменные Ionic sass с пакетом Driftyco:ionic meteor.
Спасибо за вашу помощь
Я использую пакетdriftyco:ionic meteor для своего проекта и хочу изменить «королевский» цвет. Вот почему я хочу знать, как правильно перезаписать переменные Ionic sass с пакетом Driftyco:ionic meteor.
Спасибо за вашу помощь
Добавление пакетаdriftyco:ionicmeteor приводит к созданию единой таблицы стилей CSS, которую можно импортировать.
В вашем HTML, например:
<head>
<title>ionic</title>
</head>
<body>
<h1>Welcome to Meteor!</h1>
{{> hello}}
</body>
<template name="hello">
<div class="bar bar-header bar-royal"><h1 class="title">Nice bar</h1></div>
<button>Click Me</button>
<p>You've pressed the button {{counter}} times.</p>
</template>
CSS, просто перезапишите классы, которые вы хотите изменить:
@import '.meteor/local/build/programs/web.browser/merged-stylesheets.css';
.bar.bar-royal {
background-color: #aa0033;
}
Тем не менее, я рекомендую использовать SCSS, хотя это значительно упрощает вашу жизнь. Просто скопируйте каталог scss в свой проект и используйте этот пакет, чтобы скомпилировать его.