У меня верхний регистр в html вызывает отвращение. Это противоречит эстетике html.)
И да, классов типа aboutUs__text - быть вообще не должно. Должны быть классы типа accented-link__text, т.е. по логике отображения, а не по логике содержимого.
P.S. Придерживаюсь БЭМ, за исключением того что для модификаторов вместо _ юзаю --. Так легче на глаз отличить элемент от модификатора.
BATPYIIIKOB, собсно с этим sass и должен справиться: у вас будет 1 файл sass с использованием переменных и несколько итоговых css собирающихся с разными значениями этих переменных.
hesy, про осла в вопросе ничего не было.)
В нём grid работает очень грустно, тот же gap вообще не поддерживается.
Теоретически можно как-то накостылять конкретно для него, но мне лень.
Вот тебе на флексах вариант):
Влад, сходите на официальный сайт и почитайте про все преимущества.
В вашем конкретном случае - вы меняете одну sass переменную и значение применяется ко всем местам где она используется(возможно с дополнительными вычислениями). Вручную вам придётся менять это значение в десяти местах, с риском что-либо упустить и сломать.
Sass "компилируется" в css. Ни на каком сайте вы не увидите никакого sass, less и проч. stylus, потому что в итоге результат - css.
Вы можете редактировать итоговый css, но как только исходник sass будет "перекомпилирован" - всё легко может развалиться. Если исходники не трогать и подключать только конкретную версию - можно жить и так, но не нужно.
Через direction явно делать не стоит, это свойство предназначено для текста.)
Вот раскрыл сокращённую форму до полной, теперь вы просто по названию свойства можете понять что да как там происходит.)
Разберитесь с grid - рано или поздно всё равно придётся.
Вместо Ionic смотрите лучше на Quasar.
Он куда лучше для Vue.
В целом Юрий всю грустноту описал как есть.
Но лучше медленно, чем краши и инконсистентность.)
Если приложение раскрутится и наберёт популярность - всегда можно будет потом нанять нативщиков и запилить под каждую платформу своё.
Игорь Mакаров, не зависнет и от миллиона.
Если нужен пример - идёте в список расширений и ищете похожее на то что вам надо, но не слишком навороченное. Скачиваете, распаковываете(это обычный zip), да смотрите как там всё устроено.
router-link?