Сергей delphinpro

Нужно понять, что означают эти цвета.
Можно тупо сделать модификаторы, как предложил DanKud:

<h2 class="heading heading_red">
...
</h2>

Но это плохо тем, что впоследствии heading_red может стать желтым, или в полоску. И если уж так писать, то лучше использовать param_value модификатор:

<h2 class="heading heading_theme_red">
...
</h2>

В общем случае, без оглядки на макет, более правильно будет в названии класса описать его назначение:

<h2 class="heading heading_primary">...</h2>
<h2 class="heading heading_secondary">...</h2>

https://codepen.io/anon/pen/qwZqaX?editors=1100

.block {
  $this: &;

  color: red;
  
  &__element { font-size: 12px; }

  &:hover &__element { transform: scale(1.1); }

  @media () {}

  //==
  //== Модификация какая-то
  //== ==========================

  #{$this}_mod {
    color: green;
    &__element { font-size: 16px; }
    @media () {}
  }
  #{$this}__mod:hover &__element { transform: scale(1.1); }

  //==
  //== Другая модификация
  //== ==========================

  &_mod { background: yellow; }
  @media () {}
}

Откройте инструменты разработчика. Там все есть. И даже больше.

потому что сам медиазапрос не увеличивает специфичность селекторов и порядок следования имеет значение.

Там же пример есть?!

<v-tabs v-model="active">
  <v-tab v-for="n in 3" :key="n">Item {{ n }}</v-tab>
  <v-tab-item v-for="n in 3" :key="n">
      Любое содержимое 
  </v-tab-item>
</v-tabs>

Карточки выводятся в цикле. Для связи используется key, это может быть уникальный идентификатор вкладки или индекс массива.

В примере, само собой все упрощено, в реальном приложении вы замените цикл на реальные данные. Опять же упрощенно это может выглядеть так:

data: function(){
  return {
    tabList: [
      {caption: 'Вкладка 1', content: '<h1>Содержимое первой вкладки</h1>'},
      {caption: 'Вкладка 2', content: '<h1>Содержимое второй вкладки</h1>'},
      {caption: 'Вкладка 3', content: '<h1>Содержимое третьей вкладки</h1>'},
    ]
  }
}

<v-tab v-for="(tab, index) in tabList" :key="index">Item {{ tab.caption }}</v-tab>
<v-tab-item v-for="(tab, index) in tabList" :key="index">
  <div v-html="tab.content"></div>
</v-tab-item>

конечно, вы не будете в массиве данных содержать разметку, там будут чистые данные, которые могут рендерится в шаблоне прямо на месте, или передаваться в компонент внутри вкладки.

UPD
Если ваши вкладки не могут быть заданны массивом, потому что у них кардинально разное содержание, вы можете выводить вкладки без цикла

<v-tab :key="1">Tab 1</v-tab>
<v-tab :key="2">Tab 2</v-tab>

<v-tab-item :key="1">Содержимое вкладки 1</v-tab-item>
<v-tab-item :key="2">Содержимое вкладки 2</v-tab-item>

Это массив, судя по ключам, можно использовать forEach
Но если все же это объект (ключи не порядковые)

let data = {...};
let html = '';
for (let k in data) {
  if (!data.hasOwnProperty(k)) continue;
  let item = data[k];
  html += '<ul>';
  html += '<li>'+item['category']+'</li>';
  html += '<li>'+item['symbol']+'</li>';
  // ...
  html += '</ul>';
}
document.getElementById('differencesDiv').innerHTML = html;

не называйте свои файлы index.html (пусть будет homepage.html), и браузер синк в корне отобразит вам красивый список файлов-страниц.

Что еще за return glob() ?

Все очень просто — в done вызывайте коллбэк завершения таска

Как-то так

bootprintService
 …
 .done(function(){ cb() });

Однако, учитывая, что эта хрень вызывается в цикле, следйет каждый вызов обернуть в промис, в done резолвить промис,

let services = [];
items.forEach((item) => {
  services.push(new Promise((resolve, reject)=>{
    bootprintService
    ...
    .done(() => resolve());
  }))
});

а коллбэк вызывать в конце, после разрешения всех промисов

Promise.all(services)
.then(function(){  cb() })

Вы документацию-то гляньте. Там есть готовый пример
https://browsersync.io/docs/gulp#gulp-sass-css

Причем здесь пропс itemPass?
Вы меняете type. Хотя вы его и не описали в списке свойств компонента, но передали по факту и Vue об этом знает.
Короче говоря, у вас есть пропс type. Пропсы менять нельзя изнутри, а вы меняете. Вот вам и ошибка.

Меняйте это

if(this.type == 'password') this.type = 'text'
        else this.type = 'password'

на генерацию ивентов, снаружи ловите этот ивент и снаружи же меняйте тип.

АПД

Либо сделайте так, как предлагает сам Vue в описании ошибки

Добавьте вычисляемое свойство myType()
используйте его на инпуте :type="myType"
и меняйте какой-то внутренний флаг, не трогая внешнее свойство type

dollar показал один и вариантов (не лучший).
Вот еще один (тоже хреновый)

<img src="https://loremflickr.com/g/200/200/carnaval"
     style="display:none"
     onload="this.style.display='inline-block'"
>

И еще один, применяемый повсеместно, лучший на мой взгляд (плюс одно решение будет работать для любых элементов)

<html id="no-js" lang="en">
<head>
  <script>document.documentElement.id = 'js'</script>
  <style>#no-js .no-js-hidden { display: none !important; }</style>
  ...
</head>
<body>
...
<img class="no-js-hidden" src="https://loremflickr.com/g/200/200/carnaval">
...

Плюс вы можете использовать в ваших стилях селекторы #no-js и #js для разделения по принципу наличия включенного javascript

https://github.com/watching - наблюдаемые
https://github.com/%USERNAME%?tab=stars - звездочки

HTTP - текстовый протокол.
Структура запроса - https://ru.wikipedia.org/wiki/HTTP#Структура_протокола

собственно вот сами данные запроса отправки этой формы на тостере

Умеет же

При передаче строки, роутер сначала посмотрит, имеется ли в контейнере такой объект, и если имеется, то вернет его. Если нет, попытается интерпретировать строку как имя контроллера с экшеном и создаст новый экземпляр.
Во втором случае в конструктор контроллера будет передан сам контейнер, из которого вы можете получить доступ к View.
В свою очередь, если вы создадите объект в контейнере так

$container['\App\Controllers\Homecontroller'] = ...

то эта запись должна работать

$app->get('/home', '\App\Controllers\Homecontroller:home');

По идее, контроллеры можно и не включать в контейнер вовсе, а доступ к зависимостям получать через переданный контейнер

public function __construct($c) {
  $this->container = $c;
  
  $this->container->get('view');
}

Но это спорный вопрос.