Browse Source

Adds collapsing, aligned, attached tables.

pull/1139/merge
jlukic 10 years ago
parent
commit
68c58055f9
2 changed files with 67 additions and 2 deletions
  1. 64
      src/definitions/collections/table.less
  2. 5
      src/themes/packages/default/collections/table.variables

64
src/definitions/collections/table.less

@ -199,7 +199,7 @@
Definition
---------------*/
.ui.definition.table th:first-child {
.ui.definition.table thead th:first-child {
pointer-events: none;
background: @definitionHeaderBackground;
font-weight: @definitionHeaderFontWeight;
@ -208,7 +208,7 @@
}
/* Remove Border */
.ui.celled.definition.table th:first-child {
.ui.celled.definition.table thead th:first-child {
box-shadow: 0px -1px 0px @borderWidth @definitionPageBackground;
}
@ -347,6 +347,66 @@
Variations
*******************************/
/*--------------
Aligned
---------------*/
.ui.table[class*="left aligned"],
.ui.table [class*="left aligned"] {
text-align: left;
}
.ui.table[class*="center aligned"],
.ui.table [class*="center aligned"] {
text-align: center;
}
.ui.table[class*="right aligned"],
.ui.table [class*="right aligned"] {
text-align: right;
}
/*--------------
Collapsing
---------------*/
.ui.table th.collapsing,
.ui.table td.collapsing {
width: 1px;
white-space: nowrap;
}
/*--------------
Attached
---------------*/
/* All */
.ui.attached.table {
width: @attachedTableWidth;
margin: 0em @attachedHorizontalOffset;
border-radius: 0px;
box-shadow: @attachedBoxShadow;
}
/* Top */
.ui[class*="top attached"].table {
margin-top: @margin;
border-radius: @borderRadius @borderRadius 0em 0em;
}
.ui.table[class*="top attached"]:first-child {
margin-top: 0em;
}
/* Bottom */
.ui.table[class*="bottom attached"] {
margin-top: 0em;
margin-bottom: @margin;
border-radius: 0em 0em @borderRadius @borderRadius;
}
.ui.table[class*="bottom attached"]:last-child {
margin-bottom: 0em;
}
/*--------------
Striped
---------------*/

5
src/themes/packages/default/collections/table.variables

@ -121,6 +121,11 @@
Types
---------------*/
/* Attached */
@attachedHorizontalOffset: -1px;
@attachedBoxShadow: none;
@attachedTableWidth: ~"calc(100% + "-@attachedHorizontalOffset * 2~")";
/* Striped */
@stripedBackground: rgba(0, 0, 50, 0.03);
@invertedStripedBackground: rgba(255, 255, 255, 0.06);

Loading…
Cancel
Save