Размер шрифта SCSS не применяется

Question

Я впервые использую шаблон веб-сайта, который использует SCSS, и поэтому я понятия не имею, что с этим делать.

У меня есть следующий код, чтобы установить текстовые ссылки моих ссылок в панели навигации:

.nav-link{
    font: 500 15px/120px $rob;
    text-transform: uppercase;
    color: #fff;
    padding: 0px;
    display: inline-block;
    &:after{
        display: none;
    }
}

Я установил минимальный / максимальный размер шрифта 15px / 120px. Однако на моем сайте он продолжает отображаться как 12px. Что я делаю не так?

Элемент проверки показывает это:

Но когда я проверяю код, он выглядит так:

Answer 1

Если вам повезет, вы сможете найти путь к истине, используя исходные карты Sass. Кажется, что ваш шаблон имеет это встроенное, так как вы можете увидеть имя файла _header.scss:17 в вашем коде инспектора. (Если исходные карты не были включены, было бы просто сказать имя скомпилированного .css файла.)

В инструментах разработчика Chrome вы можете щелкнуть левой кнопкой мыши по значению свойства, в данном случае 500 15px/120px $rob какпоказано на скриншоте.

Это приведет вас к панели «Источники» в инструментах разработчика и покажет файл .scss, который компилирует это конкретное значение, и вы увидите, редактировали ли вы нужный файл.

Поскольку обычной практикой является разбиение файлов Sass на более мелкие файлы (или partials ), есть большая вероятность, что ваши изменения будут перезаписаны в одной из других частей шаблона.