search

tleunen / react-mdl

React Components for Material Design Lite
https://tleunen.github.io/react-mdl/
MIT License
1.76k stars 255 forks source link

Grid column styles doesn't applying #455

Closed bsa7 closed 7 years ago

bsa7 commented 7 years ago

I'm looking at result - classes mdl-cell--12-col-phone mdl-cell--6-col-tablet not applying and not loading. In extra/material-grid.css and extra/material.css i'd find strange class definitions:

first explanation of trouble - classes col-8, col-12 not applying

  .mdl-cell--12-col,
  .mdl-cell--12-col-phone.mdl-cell--12-col-phone {
    width: calc(100% - 16px); }
    .mdl-grid--no-spacing > .mdl-cell--12-col, .mdl-grid--no-spacing >
    .mdl-cell--12-col-phone.mdl-cell--12-col-phone {
      width: 100%; }

the problem hide in, i'm think, in strange class concatenation:

strange classes concatenation

bsa7 commented 7 years ago

That is simple, when i remove class names like .mdl-cell--12-col-phone, .mdl-cell--12-col-tablet from tags class attribute and leave only class mdl-cell--12-col - all working fine.

it's may be closed - this is not issue.