Diskuze: Sass: grid-template-columns se špatně zobrazí po "compilaci" v css a hlásí error.

Aktivity

Jan Michálek

Člen

Jan Michálek:4.1.2022 20:17

Zdravím,

mám problém ve VS code. Když napíšu tento kód v .scss

header {
    width: $container;
    margin-inline: auto;


        .top-menu {
            display: grid;
            grid-template-columns: repeat(12, 1fr);
            height: 80px;
}

A poté pomocí Live Sass Compiler převedu na css, tak se mi vytvoří tento kód:

header {
  width: Min(95%, 1400px);
  margin-inline: auto;
}

header .top-menu {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[12];
      grid-template-columns: repeat(12, 1fr);
  height: 80px;
}

ms-grid-columns: (1fr)[12]; Mi hlásí chybu: ] expected css(css-Ibracketexpected) [30,27]

Pokud to ručně odstraním a nechám tam jen grid-template-columns: repeat(12, 1fr); tak vše funguje. Samozřejmě to postrádá smysl, když při dalším uložení se chyba znovu zobrazí.

Snažil jsem se to googlit, procházel vlákna v stackowerflow, ale nikde nemohu najít odpověď. Jsem už opravdu zoufalý. Nevíte někdo v čem může být problém?

Odpovědět

4.1.2022 20:17

Nemá cenu nic programovat, pokud se to neprogramuje geniálně.

Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 1 zpráv z 1.