diff options
author | Eric Bidelman | 2012-04-09 23:35:39 -0700 |
---|---|---|
committer | Eric Bidelman | 2012-04-09 23:35:39 -0700 |
commit | 10b9ae9cd661540c377b5e598cd1f38b7f79cc2d (patch) | |
tree | 597303be5d80cd1c1a52f5034984e9a211d17188 /theme/sass | |
parent | e14c8eaca6aa822bdac44de2147ad2b6285532bc (diff) | |
download | io-slides-remote-10b9ae9cd661540c377b5e598cd1f38b7f79cc2d.tar.gz |
Tables that kick azz
Diffstat (limited to 'theme/sass')
-rw-r--r-- | theme/sass/default.scss | 50 |
1 files changed, 35 insertions, 15 deletions
diff --git a/theme/sass/default.scss b/theme/sass/default.scss index a473b97..222ac08 100644 --- a/theme/sass/default.scss +++ b/theme/sass/default.scss | |||
@@ -441,20 +441,40 @@ img.centered { | |||
441 | 441 | ||
442 | table { | 442 | table { |
443 | width: 100%; | 443 | width: 100%; |
444 | border-collapse: collapse; | 444 | border-collapse: -moz-initial; |
445 | margin-top: 40px; | 445 | border-collapse: initial; |
446 | } | 446 | border-spacing: 2px; |
447 | border-bottom: 1px solid $gray-3; | ||
447 | 448 | ||
448 | th { | 449 | tr > td:first-child, th { |
449 | font-weight: 600; | 450 | font-weight: 600; |
450 | text-align: left; | 451 | color: $gray-4; |
451 | } | 452 | } |
453 | |||
454 | tr:nth-child(odd) { | ||
455 | background-color: $gray-1; | ||
456 | } | ||
457 | |||
458 | th { | ||
459 | color: white; | ||
460 | font-size: 18px; | ||
461 | @include background(linear-gradient(top, $brand-blue 40%, $brand-blue-secondary2 80%) no-repeat); | ||
462 | } | ||
452 | 463 | ||
453 | td, | 464 | td, th { |
454 | th { | 465 | font-size: 18px; |
455 | border: 1px solid rgb(224, 224, 224); | 466 | padding: 1em 0.5em; |
456 | padding: 5px 10px; | 467 | } |
457 | vertical-align: top; | 468 | |
469 | td.highlight { | ||
470 | color: $gray-4; | ||
471 | @include background(linear-gradient(top, $brand-yellow 40%, $brand-yellow-secondary2 80%) no-repeat); | ||
472 | } | ||
473 | |||
474 | &.rows { | ||
475 | border-bottom: none; | ||
476 | border-right: 1px solid $gray-3; | ||
477 | } | ||
458 | } | 478 | } |
459 | 479 | ||
460 | q { | 480 | q { |
@@ -504,9 +524,9 @@ article.smaller { | |||
504 | letter-spacing: 0; | 524 | letter-spacing: 0; |
505 | } | 525 | } |
506 | table { | 526 | table { |
507 | font-size: 20px; | 527 | td, th { |
508 | line-height: 24px; | 528 | font-size: 14px; |
509 | letter-spacing: 0; | 529 | } |
510 | } | 530 | } |
511 | pre { | 531 | pre { |
512 | font-size: 15px; | 532 | font-size: 15px; |