Skip to content

Instantly share code, notes, and snippets.

@EdwardIrby
Last active August 29, 2015 14:25
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save EdwardIrby/b3c1ef38655c08f08e91 to your computer and use it in GitHub Desktop.
Save EdwardIrby/b3c1ef38655c08f08e91 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// libsass (v3.2.5)
// ----
@mixin table-column-width($column-widths, $cell-padding:null){
@if $cell-padding == null{
$padding: 8px;
}@else{
$padding: $cell-padding;
}
@for $i from 1 through length($column-widths) {
.xyz-TableCell:nth-child(#{$i}), .xyz-TableHeaderCell:nth-child(#{$i}) {
width: nth($column-widths, $i)+$padding
}
.xyz-TableCellWrapper:nth-child(#{$i}), .xyz-TableHeaderCellWrapper:nth-child(#{$i}) {
width: nth($column-widths, $i)
}
}
}
.target-table{
$widths: 24px, 75px, 75px, 75px, 128px, 75px, 75px, 84px, 75px, 34px;
@include table-column-width($widths);
}
.target-table .xyz-TableCell:nth-child(1), .target-table .xyz-TableHeaderCell:nth-child(1) {
width: 32px;
}
.target-table .xyz-TableCellWrapper:nth-child(1), .target-table .xyz-TableHeaderCellWrapper:nth-child(1) {
width: 24px;
}
.target-table .xyz-TableCell:nth-child(2), .target-table .xyz-TableHeaderCell:nth-child(2) {
width: 83px;
}
.target-table .xyz-TableCellWrapper:nth-child(2), .target-table .xyz-TableHeaderCellWrapper:nth-child(2) {
width: 75px;
}
.target-table .xyz-TableCell:nth-child(3), .target-table .xyz-TableHeaderCell:nth-child(3) {
width: 83px;
}
.target-table .xyz-TableCellWrapper:nth-child(3), .target-table .xyz-TableHeaderCellWrapper:nth-child(3) {
width: 75px;
}
.target-table .xyz-TableCell:nth-child(4), .target-table .xyz-TableHeaderCell:nth-child(4) {
width: 83px;
}
.target-table .xyz-TableCellWrapper:nth-child(4), .target-table .xyz-TableHeaderCellWrapper:nth-child(4) {
width: 75px;
}
.target-table .xyz-TableCell:nth-child(5), .target-table .xyz-TableHeaderCell:nth-child(5) {
width: 136px;
}
.target-table .xyz-TableCellWrapper:nth-child(5), .target-table .xyz-TableHeaderCellWrapper:nth-child(5) {
width: 128px;
}
.target-table .xyz-TableCell:nth-child(6), .target-table .xyz-TableHeaderCell:nth-child(6) {
width: 83px;
}
.target-table .xyz-TableCellWrapper:nth-child(6), .target-table .xyz-TableHeaderCellWrapper:nth-child(6) {
width: 75px;
}
.target-table .xyz-TableCell:nth-child(7), .target-table .xyz-TableHeaderCell:nth-child(7) {
width: 83px;
}
.target-table .xyz-TableCellWrapper:nth-child(7), .target-table .xyz-TableHeaderCellWrapper:nth-child(7) {
width: 75px;
}
.target-table .xyz-TableCell:nth-child(8), .target-table .xyz-TableHeaderCell:nth-child(8) {
width: 92px;
}
.target-table .xyz-TableCellWrapper:nth-child(8), .target-table .xyz-TableHeaderCellWrapper:nth-child(8) {
width: 84px;
}
.target-table .xyz-TableCell:nth-child(9), .target-table .xyz-TableHeaderCell:nth-child(9) {
width: 83px;
}
.target-table .xyz-TableCellWrapper:nth-child(9), .target-table .xyz-TableHeaderCellWrapper:nth-child(9) {
width: 75px;
}
.target-table .xyz-TableCell:nth-child(10), .target-table .xyz-TableHeaderCell:nth-child(10) {
width: 42px;
}
.target-table .xyz-TableCellWrapper:nth-child(10), .target-table .xyz-TableHeaderCellWrapper:nth-child(10) {
width: 34px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment