Browse Source

Fixes #238 specificty of css rules for overriding 100% column with a 'x wide column'

pull/258/head
jlukic 11 years ago
parent
commit
3d816068ab
1 changed files with 32 additions and 16 deletions
  1. 48
      src/collections/grid.less

48
src/collections/grid.less

@ -139,52 +139,68 @@ body > .ui.grid {
--------------------*/
/* Sizing Combinations */
.ui.grid .one.wide.column {
.ui.grid > .row > .one.wide.column,
.ui.grid > .one.wide.column {
width: 6.25%;
}
.ui.grid .two.wide.column {
.ui.grid > .row > .two.wide.column,
.ui.grid > .two.wide.column {
width: 12.5%;
}
.ui.grid .three.wide.column {
.ui.grid > .row > .three.wide.column,
.ui.grid > .three.wide.column {
width: 18.75%;
}
.ui.grid .four.wide.column {
.ui.grid > .row > .four.wide.column,
.ui.grid > .four.wide.column {
width: 25%;
}
.ui.grid .five.wide.column {
.ui.grid > .row > .five.wide.column,
.ui.grid > .five.wide.column {
width: 31.25%;
}
.ui.grid .six.wide.column {
.ui.grid > .row > .six.wide.column,
.ui.grid > .six.wide.column {
width: 37.5%;
}
.ui.grid .seven.wide.column {
.ui.grid > .row > .seven.wide.column,
.ui.grid > .seven.wide.column {
width: 43.75%;
}
.ui.grid .eight.wide.column {
.ui.grid > .row > .eight.wide.column,
.ui.grid > .eight.wide.column {
width: 50%;
}
.ui.grid .nine.wide.column {
.ui.grid > .row > .nine.wide.column,
.ui.grid > .nine.wide.column {
width: 56.25%;
}
.ui.grid .ten.wide.column {
.ui.grid > .row > .ten.wide.column,
.ui.grid > .ten.wide.column {
width: 62.5%;
}
.ui.grid .eleven.wide.column {
.ui.grid > .row > .eleven.wide.column,
.ui.grid > .eleven.wide.column {
width: 68.75%;
}
.ui.grid .twelve.wide.column {
.ui.grid > .row > .twelve.wide.column,
.ui.grid > .twelve.wide.column {
width: 75%;
}
.ui.grid .thirteen.wide.column {
.ui.grid > .row > .thirteen.wide.column,
.ui.grid > .thirteen.wide.column {
width: 81.25%;
}
.ui.grid .fourteen.wide.column {
.ui.grid > .row > .fourteen.wide.column,
.ui.grid > .fourteen.wide.column {
width: 87.5%;
}
.ui.grid .fifteen.wide.column {
.ui.grid > .row > .fifteen.wide.column,
.ui.grid > .fifteen.wide.column {
width: 93.75%;
}
.ui.grid .sixteen.wide.column {
.ui.grid > .row > .sixteen.wide.column,
.ui.grid > .sixteen.wide.column {
width: 100%;
}

Loading…
Cancel
Save