Как перезаписать переменные Ionic sass с помощью пакетаdriftyco:ionic meteor

Я использую пакетdriftyco:ionic meteor для своего проекта и хочу изменить «королевский» цвет. Вот почему я хочу знать, как правильно перезаписать переменные Ionic sass с пакетом Driftyco:ionic meteor.

Спасибо за вашу помощь


person user3415686    schedule 12.03.2016    source источник


Ответы (1)


Добавление пакета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 в свой проект и используйте этот пакет, чтобы скомпилировать его.

person pors    schedule 13.03.2016
comment
Я не нахожу файл ionic.scss с помощьюdriftyco:ionic. Пожалуйста, объясните, как это правильно сделать? - person user3415686; 18.03.2016
comment
@user3415686 user3415686 Можете ли вы предоставить мне дерево вашей файловой структуры? Как вы включили Ionic? - person pors; 18.03.2016
comment
Я используюdriftyco:ionic (официальный пакет Meteor 1.2.4 Ionic Framework), я устанавливаю его с помощью метеора, добавляющегоdriftyco:ionic - person user3415686; 18.03.2016