Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.
Pouze tento týden sleva až 80 % na e-learning týkající se Swiftu. Zároveň využij výhodnou slevovou akci až 30 % zdarma při nákupu e-learningu - více informací.
swift week + discount 30

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

Aktivity
Avatar
Jan Michálek:4. ledna 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. ledna 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.