URL: https://linuxfr.org/forums/programmationweb/posts/resolu-recuperer-le-code-css-de-linuxfr-org-sous-un-format-potable
Title: [Résolu] Récupérer le code css de LinuxFR.org sous un format potable
Authors: tisaac
Date: 2023年08月20日T17:23:31+02:00
License: CC By-SA
Tags: css et linuxfr
Score: 2
Suite à des choix particuliers, je suis l'heureux possesseurs de livre comment faire un site web et sur le couple HTML5/CSS3. De manière curieuse, je lis même ces livres. L'un de leurs conseils est de regarder le code de sites existants. Quoi de plus naturel que de regarder [LinuxFR](https://linuxfr.org/) ? Pour le moment, je me penche surtout sur la feuille de style CSS mais je n'arrive pas à récupérer la feuille de style dans un formatage facile à utiliser.
Si je passe par [là](https://linuxfr.org/stylesheet/modifier), je peux obtenir [ceci](https://linuxfr.org/assets/application.css). C'est j'imagine bien le code css que je cherche mais sans aucune mise en page, tout est sur une seule ligne. Par ailleurs, il ne semble pas y avoir de commentaires. Je peux m'amuser à introduire des retours à la ligne à la main mais je pense que cela mettra trop à contribution mes faibles capacités de patience et de persévérance.
Autre idée, passer par le github du site où je trouve effectivement [cela](https://github.com/linuxfrorg/linuxfr.org/blob/main/app/assets/stylesheets/RonRonnement.scss). De nouveau, cela ressemble à ce que je cherche mais il y a malheureusement ces quelques lignes :
```css
 @import "parts/*";
 @import "responsive/*";
 @import "common/*";
 @import "pygments/colorful";
```
Je n'ai qu'à remplacer les différents imports par leur code et je devrais avoir une feuille de style complète est explicite. Malheureusement, patience et persévérance manquent sans doute aussi pour cette piste vu que cela représente près de 40 fichiers à importer à la main (pour peu que ces mêmes fichiers ne comporte pas eux-mêmes de @import).
Auriez-vous une bonne idée pour récupérer la feuille de style complète mettant moins à contribution ma patience et ma persévérance qui soit facile à comprendre pour un noob tel que moi ?
</div><div class="naked_ctrl">
<form action="/index.cgi/contrast" method="get" name="gate">
<p><a href="http://altstyle.alfasado.net">AltStyle</a> によって変換されたページ <a href="httpS://linuxfr.org/forums/programmationweb/posts/resolu-recuperer-le-code-css-de-linuxfr-org-sous-un-format-potable.md">(-&gt;オリジナル)</a>
/ <label>アドレス: <input type="text" name="naked_post_url" value="httpS://linuxfr.org/forums/programmationweb/posts/resolu-recuperer-le-code-css-de-linuxfr-org-sous-un-format-potable.md" size="22" /></label> <label>モード: <select name="naked_post_mode">
<option value="default">デフォルト</option>
<option value="speech">音声ブラウザ</option>
<option value="ruby">ルビ付き</option>
<option value="contrast" selected="selected">配色反転</option>
<option value="larger-text">文字拡大</option>
<option value="mobile">モバイル</option>
</select>
<input type="submit" value="表示" />
</p>
</form>
</div>