Jekyll Horizo​​ntal Nav Bar Troubles

Question

私はジーキルサイトで水平ナビゲーションバーを作ろうとしています。私が使っているCSSが間違っているのか、それともJekyllで正しくコンパイルされていないのか分かりません。ここで

が私の現在のアプローチです： - _scss/_layout.css での変更 - 変更内容を確認してください_site /のmain.css（彼らは） である - ジキルのエラーがコンソールにサービスを提供するためにチェックします（しませんいずれかを参照してください）

私が生成したサイトを見て、inspectを打つと、CSSの変更が適用されていません。 _sass/_layout.scssで

サスコード：

ul { 
list-style-type: none; 
margin: 0; 
padding: 0; 
} 

li { 
list-style-type: none; 
margin: 0; 
padding: 0; 
} 

h1 { 
text-align: center; 
font-weight: 200; 
} 

header { 
background: $header; 
padding: 0px 15px; 
text-align: center; 
margin: 50px 0 0; 
height: 50vh; 
display: flex; 
justify-content: center; 
align-items: center; 
} 

私のサイトのための完全なレポはこちら - https://github.com/ericadohring/groupdayout/と助けをいただければ幸いです！

Answer 1

Jiggyllがサイトを構築できないようにするエラーがあるため、Githubページに変更が表示されなくなりました。今

$header: #f0ad4e; 
header { 
    background: $header; 
    ... 
} 

あなたがされます：

header { 
    background: $header; 
    ... 
} 

は、変数を使用する前に、それはちょうどそれに値を代入修正するには、例えば：_sass/_layout.scssで

は、未定義の変数を使用しているプロパティがありあなたのサイトで作業し、Githubのページに反映された変更を見ることができます。