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.css:417:14
Błąd podczas przetwarzania wartości dla „word-break”. Deklaracja opuszczona. bootstrap.css:6953:14

Nieznana własność „appearance”. Deklaracja opuszczona. bootstrap.css:2665:12
Nieznana własność „appearance”. Deklaracja opuszczona. bootstrap.css:2756:12
Nieznana własność „appearance”. Deklaracja opuszczona. bootstrap.css:2796:14
Nieznana własność „appearance”. Deklaracja opuszczona. bootstrap.css:3956:12
Nieznana własność „backdrop-filter”. Deklaracja opuszczona. bootstrap.css:3969:17
Nieznana własność „line-break”. Deklaracja opuszczona. bootstrap.css:4162:12
Nieznana własność „line-break”. Deklaracja opuszczona. bootstrap.css:4247:12
Nieznana własność „orphans”. Deklaracja opuszczona. bootstrap.css:3331:11
Nieznana własność „orphans”. Deklaracja opuszczona. bootstrap.css:6989:11
Nieznana własność „size”. Deklaracja opuszczona. bootstrap.css:6995:8
Nieznana własność „text-decoration-skip-ink”. Deklaracja opuszczona. bootstrap.css:83:26
Nieznana własność „user-select”. Deklaracja opuszczona. bootstrap.css:1673:13
Nieznana własność „widows”. Deklaracja opuszczona. bootstrap.css:3332:10
Nieznana własność „widows”. Deklaracja opuszczona. bootstrap.css:6990:10

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.css:194:15

Oczekiwano nazwy cechy mediów, ale odnaleziono „prefers-reduced-motion”. bootstrap.css:1303:10
Oczekiwano nazwy cechy mediów, ale odnaleziono „prefers-reduced-motion”. bootstrap.css:1681:10
Oczekiwano nazwy cechy mediów, ale odnaleziono „prefers-reduced-motion”. bootstrap.css:2088:10
Oczekiwano nazwy cechy mediów, ale odnaleziono „prefers-reduced-motion”. bootstrap.css:2102:10
Oczekiwano nazwy cechy mediów, ale odnaleziono „prefers-reduced-motion”. bootstrap.css:2642:12
Oczekiwano nazwy cechy mediów, ale odnaleziono „prefers-reduced-motion”. bootstrap.css:2776:12
Oczekiwano nazwy cechy mediów, ale odnaleziono „prefers-reduced-motion”. bootstrap.css:2797:12
Oczekiwano nazwy cechy mediów, ale odnaleziono „prefers-reduced-motion”. bootstrap.css:2821:12
Oczekiwano nazwy cechy mediów, ale odnaleziono „prefers-reduced-motion”. bootstrap.css:2856:10
Oczekiwano nazwy cechy mediów, ale odnaleziono „prefers-reduced-motion”. bootstrap.css:3465:10
Oczekiwano nazwy cechy mediów, ale odnaleziono „prefers-reduced-motion”. bootstrap.css:3693:10
Oczekiwano nazwy cechy mediów, ale odnaleziono „prefers-reduced-motion”. bootstrap.css:3703:10
Oczekiwano nazwy cechy mediów, ale odnaleziono „prefers-reduced-motion”. bootstrap.css:4019:12
Oczekiwano nazwy cechy mediów, ale odnaleziono „prefers-reduced-motion”. bootstrap.css:4372:10
Oczekiwano nazwy cechy mediów, ale odnaleziono „prefers-reduced-motion”. bootstrap.css:4405:10
Oczekiwano nazwy cechy mediów, ale odnaleziono „prefers-reduced-motion”. bootstrap.css:4424:10
Oczekiwano nazwy cechy mediów, ale odnaleziono „prefers-reduced-motion”. bootstrap.css:4482:12

0

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

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.