Bootstrap.sass w projekcie mvc. Błędy w resharperze.

0

Cześć wszystkim.

W projekcie mvc 5 zainstalowałem sobie najnowszą wersję bootstrap.sass (4.3.1) przez nugeta. Do projektu dodały mi się pliki *.scss. Web compilerem skompilowałem sobie plik bootstrap.scss. Resharper jednak twierdzi, że ma problem z niektórymi rzeczami i od razu po kompilacji, bez żadnej mojej ingerencji w css'a mam listę błędów:
screenshot-20191001210116.png

Nie jestem perfekcyjnie oblatany z css'ami, używam tego sporadycznie z dokumentacją bootstrapa pod ręką. Powiedzcie mi proszę czy te błędy, które pokazuje Resharper mogę zignorować czy jednak powinienem jakoś to poprawić? Resharper ma validator dla css 4.0.

Będę wdzięczny za wskazówki, jeśli potrzeba jeszcze jakichś informacji to powiedzcie jakich - podeślę.

Pozdrawiam,
Dawid.

0

Cześć z tego to sensowne komunikaty, bo w CSS nie ma czegoś takiego jak: text-decoration-skip-ink i wygląda to jakby coś ci się niedokompilowało.
Z drugiej strony, informacja o tym, że pseudoelement ::placeholder nie istnieje, jest trochę dziwna, bo:
https://www.w3schools.com/cssref/sel_placeholder.asp

Może pokaż ten wynikowy CSS.

0
Freja Draco napisał(a):

Cześć z tego to sensowne komunikaty, bo w CSS nie ma czegoś takiego jak: text-decoration-skip-ink i wygląda to jakby coś ci się niedokompilowało.
Z drugiej strony, informacja o tym, że pseudoelement ::placeholder nie istnieje, jest trochę dziwna, bo:
https://www.w3schools.com/cssref/sel_placeholder.asp

Może pokaż ten wynikowy CSS.

W załączniku pliki, które otrzymałem po kompilacji.
Skąd w takim razie biorą się takie rzeczy jak 'text-decoration-skip-ink'? Nie bardzo też rozumiem jak coś mogło się niedokompilować :D

Edit: przeglądam sobie trochę dokładniej ten plik i widze, że nie ma chociażby dl-horizontal. W internecie niby też podają, że w bootstrapie 4 usunęli tę klasę. To prawda?

0

Nie mam siły dokładnie w to wnikać, ale wydaje się, że wygenerowany CSS nie będzie w chwili obecnej w pełni obsługiwany przez wszystkie przeglądarki, przykładowo:
https://caniuse.com/#search=text-decoration-skip-ink - 64%
https://caniuse.com/#search=prefers-reduced-motion - 78%

Sugerowałabym ustawić generowanie trochę mniej nowoczesnego CSS-a, jeśli to ustrojstwo daje taką możliwość.
Np. FF 52 wypluwa mi takie błędy:

Błąd podczas przetwarzania wartości dla „word-break”. Deklaracja opuszczona. bootstrap.css14
Błąd podczas przetwarzania wartości dla „word-break”. Deklaracja opuszczona. bootstrap.css14

Nieznana własność „appearance”. Deklaracja opuszczona. bootstrap.css12
Nieznana własność „appearance”. Deklaracja opuszczona. bootstrap.css12
Nieznana własność „appearance”. Deklaracja opuszczona. bootstrap.css14
Nieznana własność „appearance”. Deklaracja opuszczona. bootstrap.css12
Nieznana własność „backdrop-filter”. Deklaracja opuszczona. bootstrap.css17
Nieznana własność „line-break”. Deklaracja opuszczona. bootstrap.css12
Nieznana własność „line-break”. Deklaracja opuszczona. bootstrap.css12
Nieznana własność „orphans”. Deklaracja opuszczona. bootstrap.css11
Nieznana własność „orphans”. Deklaracja opuszczona. bootstrap.css11
Nieznana własność „size”. Deklaracja opuszczona. bootstrap.css8
Nieznana własność „text-decoration-skip-ink”. Deklaracja opuszczona. bootstrap.css26
Nieznana własność „user-select”. Deklaracja opuszczona. bootstrap.css13
Nieznana własność „widows”. Deklaracja opuszczona. bootstrap.css10
Nieznana własność „widows”. Deklaracja opuszczona. bootstrap.css10

Oczekiwano koloru, ale odnaleziono „auto”. Oczekiwano koloru, ale odnaleziono „-webkit-focus-ring-color”. Oczekiwano końca wartości, ale odnaleziono „-webkit-focus-ring-color”. Błąd podczas przetwarzania wartości dla „outline”. Deklaracja opuszczona. bootstrap.css15

Oczekiwano nazwy cechy mediów, ale odnaleziono „prefers-reduced-motion”. bootstrap.css10
Oczekiwano nazwy cechy mediów, ale odnaleziono „prefers-reduced-motion”. bootstrap.css10
Oczekiwano nazwy cechy mediów, ale odnaleziono „prefers-reduced-motion”. bootstrap.css10
Oczekiwano nazwy cechy mediów, ale odnaleziono „prefers-reduced-motion”. bootstrap.css10
Oczekiwano nazwy cechy mediów, ale odnaleziono „prefers-reduced-motion”. bootstrap.css12
Oczekiwano nazwy cechy mediów, ale odnaleziono „prefers-reduced-motion”. bootstrap.css12
Oczekiwano nazwy cechy mediów, ale odnaleziono „prefers-reduced-motion”. bootstrap.css12
Oczekiwano nazwy cechy mediów, ale odnaleziono „prefers-reduced-motion”. bootstrap.css12
Oczekiwano nazwy cechy mediów, ale odnaleziono „prefers-reduced-motion”. bootstrap.css10
Oczekiwano nazwy cechy mediów, ale odnaleziono „prefers-reduced-motion”. bootstrap.css10
Oczekiwano nazwy cechy mediów, ale odnaleziono „prefers-reduced-motion”. bootstrap.css10
Oczekiwano nazwy cechy mediów, ale odnaleziono „prefers-reduced-motion”. bootstrap.css10
Oczekiwano nazwy cechy mediów, ale odnaleziono „prefers-reduced-motion”. bootstrap.css12
Oczekiwano nazwy cechy mediów, ale odnaleziono „prefers-reduced-motion”. bootstrap.css10
Oczekiwano nazwy cechy mediów, ale odnaleziono „prefers-reduced-motion”. bootstrap.css10
Oczekiwano nazwy cechy mediów, ale odnaleziono „prefers-reduced-motion”. bootstrap.css10
Oczekiwano nazwy cechy mediów, ale odnaleziono „prefers-reduced-motion”. bootstrap.css12

0

Ok, rozumiem. Dzięki za pomoc. Pozdrawiam!

1 użytkowników online, w tym zalogowanych: 0, gości: 1