Настройка встроенного размера текста Git Gist в html-файле

У меня есть встроенный список на моей html-странице для отображения некоторого кода. Мне интересно, есть ли способ изменить размер шрифта по умолчанию? После поиска в Интернете некоторые люди предложили переопределить gist css. Я плохо разбираюсь в html или css, поэтому извиняюсь за нубский вопрос.

Вот фрагмент моей html-страницы:

<html>
<head>
<style type="text/css">

.gist .gist-file .gist-meta {
    font:30px "Helvetica Neue", Helvetica, arial, freesans, clean, sans-serif;
    text-shadow:1px 1px rgba(255,255,255,0.8);
    overflow:hidden;
    color:#999;
    background-color:#e8e8e8;
    background-image:linear-gradient(#fafafa,#e8e8e8);
    background-repeat:repeat-x;
    padding:10px;
}

</style>
</head>

<body>

<script src="https://gist.github.com/ghost/754a9a308214f2db688e634b64d31597.js"></script>

</body>

</html>

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


git html css gist
person Green Cell    schedule 24.09.2016    source источник

Ответы (1)


arrow_upward
5
arrow_downward

В своем тестировании я обновил .gist .blob-code-inner, чтобы переопределить настройку шрифта по умолчанию для gist. Однако для этого требовалось !important. В зависимости от того, насколько вы конкретны, вам возможно не нужно добавлять !important к своим стилям.

Код CSS (в голове)

.gist .blob-code-inner{ font-size:20px !important; }
person Greg McMullen    schedule 27.09.2016
comment
Оно работает! Теперь, пожалуйста, возьмите всю мою репутацию (когда я смогу ее наградить)! - person Green Cell; 27.09.2016