Browse Source

Fixes inheritance issues in grid, adds justify aligned

pull/401/head
jlukic 11 years ago
parent
commit
5eaa97077d
1 changed files with 24 additions and 16 deletions
  1. 40
      src/collections/grid.less

40
src/collections/grid.less

@ -141,67 +141,67 @@ body > .ui.grid {
/* Sizing Combinations */
.ui.grid > .row > .one.wide.column,
.ui.grid > .one.wide.column {
width: 6.25%;
width: 6.25% !important;
}
.ui.grid > .row > .two.wide.column,
.ui.grid > .two.wide.column {
width: 12.5%;
width: 12.5% !important;
}
.ui.grid > .row > .three.wide.column,
.ui.grid > .three.wide.column {
width: 18.75%;
width: 18.75% !important;
}
.ui.grid > .row > .four.wide.column,
.ui.grid > .four.wide.column {
width: 25%;
width: 25% !important;
}
.ui.grid > .row > .five.wide.column,
.ui.grid > .five.wide.column {
width: 31.25%;
width: 31.25% !important;
}
.ui.grid > .row > .six.wide.column,
.ui.grid > .six.wide.column {
width: 37.5%;
width: 37.5% !important;
}
.ui.grid > .row > .seven.wide.column,
.ui.grid > .seven.wide.column {
width: 43.75%;
width: 43.75% !important;
}
.ui.grid > .row > .eight.wide.column,
.ui.grid > .eight.wide.column {
width: 50%;
width: 50% !important;
}
.ui.grid > .row > .nine.wide.column,
.ui.grid > .nine.wide.column {
width: 56.25%;
width: 56.25% !important;
}
.ui.grid > .row > .ten.wide.column,
.ui.grid > .ten.wide.column {
width: 62.5%;
width: 62.5% !important;
}
.ui.grid > .row > .eleven.wide.column,
.ui.grid > .eleven.wide.column {
width: 68.75%;
width: 68.75% !important;
}
.ui.grid > .row > .twelve.wide.column,
.ui.grid > .twelve.wide.column {
width: 75%;
width: 75% !important;
}
.ui.grid > .row > .thirteen.wide.column,
.ui.grid > .thirteen.wide.column {
width: 81.25%;
width: 81.25% !important;
}
.ui.grid > .row > .fourteen.wide.column,
.ui.grid > .fourteen.wide.column {
width: 87.5%;
width: 87.5% !important;
}
.ui.grid > .row > .fifteen.wide.column,
.ui.grid > .fifteen.wide.column {
width: 93.75%;
width: 93.75% !important;
}
.ui.grid > .row > .sixteen.wide.column,
.ui.grid > .sixteen.wide.column {
width: 100%;
width: 100% !important;
}
/*-------------------
@ -462,6 +462,14 @@ body > .ui.grid {
text-align: right;
}
.ui.justify.grid,
.ui.justify.grid > .row > .column,
.ui.justify.grid > .column,
.ui.grid .justify.column,
.ui.grid > .justify.row > .column {
text-align: justify;
}
/*----------------------
Vertically Centered

Loading…
Cancel
Save