Переопределить базовый CSS Zurb в Rails

Question

Переопределить базовый CSS Zurb в Rails

0

Я не могу переопределить класс ".fixed" в foundation_and_overrides.scss, так как класс "фиксированный" не существует на этот файл, я искал его везде (Ctrl + F на "фиксированный")

Или мне нужно установить значение "left" равным none вместо "0". Я не знаю, как это сделать, я уже пытался переопределить класс css непосредственно в своем заголовке или в приложении application.css, но он не работает, я подозреваю, что скомпилированный файл foundation_and_overrides.css принимает приоритет.

Кроме того, я не могу изменить его значение непосредственно на элемент html, потому что связанный javascript при прокрутке уничтожает его данные css. мой html:

<div data-magellan-expedition="fixed">
  <dl class="sub-nav">
    <dd>
      <a href="/en/login">
        Log in
      </a>
    </dd>
    <dd class="active">
      <a href="/en/signin">
        Sign up
      </a>
    </dd>
  </dl>
</div>

Что проверяет элемент хром мне:

enmedia="screen"  http://0.0.0.0:3000/assets/foundation_and_overrides.css?body=1:4367
.fixed {
  width: 100%;
  left: 0;
  position: fixed;
  top: 0;
  z-index: 99;
}

Я не могу создать новый класс и скопировать "исправленные" атрибуты там, я уже пробовал, в таком случае мне также нужно скопировать x-классы, поскольку фиксированные атрибуты являются родителями других атрибутов.

sidney 21 дек. 2013, в 15:14

Источник

1

попробуйте переопределить с! Важно
Godinall 21 дек. 2013, в 13:39
0

THX, это работает, но это довольно уродливо, я бы предпочел установить его на foundation_and_overrides, как я могу это сделать?
sidney 21 дек. 2013, в 14:00
1

в этом случае вам нужно будет определить этот класс в упомянутом выше внешнем CSS-файле и убедиться, что он был последним импортированным в ваш заголовок, чтобы он преобладал над другими
Godinall 21 дек. 2013, в 14:07
0

спасибо чувак я постараюсь
sidney 21 дек. 2013, в 14:19
0

нет проблем приятель, удачи
Godinall 21 дек. 2013, в 14:22

Показать ещё 3 комментария

Теги:

html

ruby-on-rails

zurb-foundation

css

1 ответ

Ещё вопросы

попробуйте переопределить с! Важно
THX, это работает, но это довольно уродливо, я бы предпочел установить его на foundation_and_overrides, как я могу это сделать?
в этом случае вам нужно будет определить этот класс в упомянутом выше внешнем CSS-файле и убедиться, что он был последним импортированным в ваш заголовок, чтобы он преобладал над другими

Slawa Eremkin · Answer 1 · 2013-12-21T20-28-00.000Z

Класс.fixed из компонентов верхней панели: https://github.com/zurb/foundation/blob/master/scss/foundation/components/_top-bar.scss

существует два способа:
1. Установите переменные $ include-html-top-bar-classes: false, если вам не нужен компонент верхнего уровня
2. Добавьте некоторый класс со стилями.your-class {left: none;} в конце ваших стилей и перезапишите по умолчанию.fixed