CSS: Как изменить исходный код начальной загрузки LESS code.less, чтобы настроить раскраску кода?

Question

В настоящее время тема, которую я использую, основана на bootstrap.min.css от maxcdn в Интернете, но я не могу найти исходный код code.less в любом месте для редактирования, так что я могу изменить раскраску моего встроенного кода и типа шрифта используемый.

Я написал файл custom.css наложить оригинальные самозагрузки CSS с помощью следующей опции:

pre { 
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; 
} 

// Inline code 
code { 
    padding: 2px 4px; 
    font-size: 90%; 
    color: #000000; 
    background-color: #eff0f1; 
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; 
} 

// Enable scrollable blocks of code 
.pre-scrollable { 
    overflow-x: scroll; 
} 

Но ничего не изменилось. Есть ли способ, которым я мог бы позволить изменения, которые я хочу использовать? В настоящее время мой сайт основан на Jekyll.

Это исходный код, где я поставил custom.css над оригинальной начальной загрузки CSS: https://github.com/kwotsin/kwotsin.github.io/blob/master/_includes/head.html

я делаю это правильно?

Answer 1

Вы в основном есть 3 вариант:

Опция: 1 Скачать исходный код начальной загрузки less.css , изменить файл и использовать его.

Опция: 2 Место !important рядом с CSS, который вы хотите переопределить в вашем custom.css

Вариант: 3 Перейти к инструментам разработчика определению частей less.css, которые вы хотите переопределить и использовать свой собственный id с этими элементами. После этого создайте их в своем собственном файле css.

Answer 2

Вы должны установить исходную версию начальной загрузки локально и самостоятельно скомпилировать файлы меньшего размера - например, с помощью grunt.

Взгляните на Bootstrap documentation.

Answer 3

Убедитесь, что ваш пользовательский файл CSS находится по ссылке начальной загрузки, который вы пытаетесь изменить в вашей секции Head