Réglage de la largeur du code de Jekyll extraits

Question

Dans mon thème Jekyll je peux ajouter des extraits de code à mes messages de démarques en utilisant:

{% highlight ruby %} 
def print_hi(name) 
    puts "Hi, #{name}" 
end 
print_hi('Tom') 
#=> prints 'Hi, Tom' to STDOUT. 
{% endhighlight %} 

Toutefois, ce bloc de code n'est pas aussi large que je le voudrais. Je veux qu'il couvre une plus grande largeur sur l'écran. Est-il possible de l'ajuster du tout? Toute indication à ce sujet serait vraiment appréciée! Merci

Answer 1

Vous pouvez essayer d'ajouter .highlight { width: 100px; } à la fin de votre fichier css principal.

Answer 2

Voici ce que j'ai fait pour résoudre ce problème pour mon blog. Modifier _sass/_basscss.sccs et ajouter un tweak pour l'élément de figure:

figure { 
    width: 100%; 
} 

Réglage de la largeur à une valeur fixe pourrait muck la mise en page sur les appareils mobiles, alors peut-être ce n'est pas la meilleure solution. De plus, en fonction de votre thème, le code sera de toute façon tronqué dans une boîte de défilement même sur un navigateur de bureau, faites donc un usage judicieux des espaces et des sauts de ligne forcés.