dbroqua/KNACSS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

booleans variables deleted

Browse Source 
not needed actually : just @ import (or not) the file(s)
This commit is contained in:
raphaelgoettter 2014-10-20 17:42:52 +02:00
parent 903d4c260a
commit 43a2ddd2e3
13 changed files with 555 additions and 599 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
bower.json
View File

@ -1,6 +1,6 @@
{ {
"name": "KNACSS", "name": "KNACSS",
"version": "3.0.9", "version": "3.1.0",
"homepage": "http://www.knacss.com/", "homepage": "http://www.knacss.com/",
"authors": [ "authors": [
"Raphaël GOETTER, Alsacreations" "Raphaël GOETTER, Alsacreations"

9
less/_00-config.less
View File

@ -48,15 +48,6 @@
// misc (choose unit you prefer) // misc (choose unit you prefer)
@gutter : 20px; // gutter value for grid layouts. Unit can be: %, px, em, rem @gutter : 20px; // gutter value for grid layouts. Unit can be: %, px, em, rem
// booleans
@enable-ie678 : true; // "true" to activate IE6/IE7/IE8 support
@enable-styling : true; // "true" to design basic elements like code, mark, blockquotes, etc.
@enable-gmaps : true; // if google maps is used
@enable-skip-links : true; // "true" to design skip links for accessibility concerns
@enable-hyphens : true; // activate automatic hyphens on small screens
@enable-helpers-width : true; // decide whether or not you need width helpers
@enable-helpers-spacing : true; // decide whether or not you need spacing helpers
// LESS mixins : don't touch or you'll be banned ;) // LESS mixins : don't touch or you'll be banned ;)
// px to em/rem // px to em/rem
.rem(@size, @bf: @base-font-size){ .rem(@size, @bf: @base-font-size){

2
less/_01-base.less
View File

@ -1,5 +1,5 @@
/*! /*!
* www.KNACSS.com V3.0.9 (2014-09-12) @author: Raphael Goetter, Alsacreations * www.KNACSS.com V3.1.0 (2014-10-20) @author: Raphael Goetter, Alsacreations
* Licence WTFPL http://www.wtfpl.net/ * Licence WTFPL http://www.wtfpl.net/
*/ */

21
less/_09-booleans.less
View File

@ -1,12 +1,11 @@
/* ----------------------------- */ /* ----------------------------- */
/* ==booleans */ /* ==skip-hyphens */
/* ----------------------------- */ /* ----------------------------- */
// skip-links boolean
& when (@enable-skip-links = true) {
/* styling skip links */
.skip-links {
position: absolute;
/* styling skip links */
.skip-links {
position: absolute;
a { a {
position: absolute; position: absolute;
overflow: hidden; overflow: hidden;
@ -15,19 +14,16 @@
background: black; background: black;
color: white; color: white;
text-decoration: none; text-decoration: none;
&: focus {
&:focus {
position: static; position: static;
overflow: visible; overflow: visible;
clip: auto; clip: auto;
} }
} }
}
} }
// hyphens boolean // hyphens
& when (@enable-hyphens = true) { @media (max-width: @small-screen) {
@media (max-width: @small-screen) {
/* you shall not pass */ /* you shall not pass */
div, div,
textarea, textarea,
@ -40,5 +36,4 @@
word-wrap: break-word; word-wrap: break-word;
hyphens: auto; hyphens: auto;
} }
}
} }

28
less/_10-gmaps.less
View File

@ -1,20 +1,18 @@
/* ----------------------------- */ /* ----------------------------- */
/* ==gmaps support */ /* ==gmaps support */
/* ----------------------------- */ /* ----------------------------- */
// google maps boolean
& when (@enable-gmaps = true) { /* Google Gmap3 bug fix on images */
/* Google Gmap3 bug fix on images */ .gm-style img {
.gm-style img {
height: 100%; height: 100%;
} }
:not(.gm-style) img { :not(.gm-style) img {
height: auto; height: auto;
} }
.gm-style img, .gm-style img,
.gmnoscreen img, .gmnoscreen img,
.gmnoprint img { .gmnoprint img {
max-width: none !important; max-width: none !important;
}
} }

130
less/_11-ie.less
View File

@ -1,111 +1,107 @@
/* ----------------------------- */ /* ----------------------------- */
/* ==IE6, IE7, IE8 support */ /* ==IE6, IE7, IE8 support */
/* ----------------------------- */ /* ----------------------------- */
// IE6, 7, 8 support boolean
& when (@enable-ie678 = true) {
/* Active box-sizing for IE6/IE7 */ /* Active box-sizing for IE6/IE7 */
/* @source https://github.com/Schepp/box-sizing-polyfill */ /* @source https://github.com/Schepp/box-sizing-polyfill */
.ie67 * { .ie67 * {
behavior: url(/js/boxsizing.htc); behavior: url(/js/boxsizing.htc);
} }
.ie678 h1, .ie678 .h1-like {
.ie678 h1, .ie678 .h1-like {
@em: @h1-size * 10 / @base-font-size; @em: @h1-size * 10 / @base-font-size;
font-size: unit(round(@em,2), em); font-size: unit(round(@em,2), em);
} }
.ie678 h2, .ie678 .h2-like { .ie678 h2, .ie678 .h2-like {
@em: @h2-size * 10 / @base-font-size; @em: @h2-size * 10 / @base-font-size;
font-size: unit(round(@em,2), em); font-size: unit(round(@em,2), em);
} }
.ie678 h3, .ie678 .h3-like { .ie678 h3, .ie678 .h3-like {
@em: @h3-size * 10 / @base-font-size; @em: @h3-size * 10 / @base-font-size;
font-size: unit(round(@em,2), em); font-size: unit(round(@em,2), em);
} }
.ie678 h4, .ie678 .h4-like { .ie678 h4, .ie678 .h4-like {
@em: @h4-size * 10 / @base-font-size; @em: @h4-size * 10 / @base-font-size;
font-size: unit(round(@em,2), em); font-size: unit(round(@em,2), em);
} }
.ie678 h5, .ie678 .h5-like { .ie678 h5, .ie678 .h5-like {
@em: @h5-size * 10 / @base-font-size; @em: @h5-size * 10 / @base-font-size;
font-size: unit(round(@em,2), em); font-size: unit(round(@em,2), em);
} }
.ie678 h6, .ie678 .h6-like { .ie678 h6, .ie678 .h6-like {
@em: @h6-size * 10 / @base-font-size; @em: @h6-size * 10 / @base-font-size;
font-size: unit(round(@em,2), em); font-size: unit(round(@em,2), em);
} }
/* @bugfix for IE8 */ /* @bugfix for IE8 */
.ie678 img { .ie678 img {
width: auto; width: auto;
} }
.ie678 .gm-style img { .ie678 .gm-style img {
height: 100%; height: 100%;
} }
/* hasLayout for IE6/IE7 */ /* hasLayout for IE6/IE7 */
.clearfix, .clearfix,
.line, .line,
.mod, .mod,
.row, .row,
.col { .col {
*zoom: 1; *zoom: 1;
} }
/*! inline-block and table-cell for IE6/IE7 */ /*! inline-block and table-cell for IE6/IE7 */
/*! warning: .col needs width on IE6/IE7 */ /*! warning: .col needs width on IE6/IE7 */
.btn, .btn,
.col, .col,
.inbl { .inbl {
*display: inline; *display: inline;
*zoom: 1; *zoom: 1;
} }
/* old syntax of clip for IE6/IE7 */ /* old syntax of clip for IE6/IE7 */
.visually-hidden { .visually-hidden {
*clip: rect(1px 1px 1px 1px); *clip: rect(1px 1px 1px 1px);
} }
/* IE8 grid hack */ /* IE8 grid hack */
.ie8 .grid > *, .ie8 .grid > *,
.ie8 [class*="autogrid"] > * { .ie8 [class*="autogrid"] > * {
letter-spacing: -0.31em; letter-spacing: -0.31em;
text-rendering: optimizespeed; text-rendering: optimizespeed;
} }
.ie8 .grid > * > *, .ie8 .grid > * > *,
.ie8 [class*="autogrid"] > * > *{ .ie8 [class*="autogrid"] > * > *{
letter-spacing: normal; letter-spacing: normal;
word-spacing: normal; word-spacing: normal;
text-rendering: auto; text-rendering: auto;
}
/* IE7 grid hack */
.grid > * > *,
[class*="autogrid"] > * > *{
*display: inline;
*zoom: 1;
}
/* forms */
/* Corrects excess space around these inputs in IE8/9 */
.ie678 input[type="checkbox"],
.ie678 input[type="radio"] {
padding: 0;
}
/* Removes default vertical scrollbar on empty textarea in IE6/7/8/9 */
.ie678 textarea {
overflow: auto;
}
} }
/* IE7 grid hack */
.grid > * > *,
[class*="autogrid"] > * > *{
*display: inline;
*zoom: 1;
}
/* forms */
/* Corrects excess space around these inputs in IE8/9 */
.ie678 input[type="checkbox"],
.ie678 input[type="radio"] {
padding: 0;
}
/* Removes default vertical scrollbar on empty textarea in IE6/7/8/9 */
.ie678 textarea {
overflow: auto;
}

139
less/_12-styling.less
View File

@ -2,57 +2,55 @@
/* ==minor stylings */ /* ==minor stylings */
/* ----------------------------- */ /* ----------------------------- */
// Styling boolean /* styling elements */
& when (@enable-styling = true) { code,
/* styling elements */ kbd,
code, mark {
kbd,
mark {
border-radius: 2px; border-radius: 2px;
} }
kbd { kbd {
padding: 0 2px; padding: 0 2px;
border: 1px solid #999; border: 1px solid #999;
} }
code { code {
padding: 2px 4px; padding: 2px 4px;
background: rgba(0,0,0,0.04); background: rgba(0,0,0,0.04);
color: #b11; color: #b11;
} }
pre code { pre code {
padding: none; padding: none;
background: none; background: none;
color: inherit; color: inherit;
border-radius: 0; border-radius: 0;
} }
mark { mark {
padding:2px 4px; padding:2px 4px;
background: #ff0; background: #ff0;
} }
sup, sup,
sub { sub {
vertical-align: 0; vertical-align: 0;
position: relative; position: relative;
} }
sup { sup {
bottom: 1ex; bottom: 1ex;
} }
sub { sub {
top: 0.5ex; top: 0.5ex;
} }
blockquote { blockquote {
position: relative; position: relative;
padding-left: 3em; padding-left: 3em;
} }
blockquote:before { blockquote:before {
content: "\201C"; content: "\201C";
position: absolute; position: absolute;
left: 0; left: 0;
@ -61,32 +59,32 @@
font-size: 5em; font-size: 5em;
line-height: 0.9; line-height: 0.9;
color: rgba(0, 0, 0, .3); color: rgba(0, 0, 0, .3);
} }
blockquote > footer { blockquote > footer {
margin-top: .75em; margin-top: .75em;
font-size: 0.9em; font-size: 0.9em;
color: rgba(0, 0, 0, .7); color: rgba(0, 0, 0, .7);
} }
blockquote > footer:before { blockquote > footer:before {
content: "\2014 \0020"; content: "\2014 \0020";
} }
q { q {
font-style: normal; font-style: normal;
} }
q, q,
.q { .q {
quotes: "“\00a0" "\00a0”"; quotes: "“\00a0" "\00a0”";
} }
q:lang(fr), q:lang(fr),
.q:lang(fr) { .q:lang(fr) {
quotes: "«\00a0" "\00a0»"; quotes: "«\00a0" "\00a0»";
} }
hr { hr {
display: block; display: block;
clear: both; clear: both;
height: 1px; height: 1px;
@ -95,45 +93,44 @@
border: 0; border: 0;
color: #ccc; color: #ccc;
background-color: #ccc; background-color: #ccc;
} }
/* alternate tables */ /* alternate tables */
.alternate { border: 0; } .alternate { border: 0; }
.alternate tbody { .alternate tbody {
border: 1px solid #ccc; border: 1px solid #ccc;
} }
.alternate thead tr > * + * { .alternate thead tr > * + * {
border-left: 0; border-left: 0;
} }
.alternate tbody tr > * + * { .alternate tbody tr > * + * {
border-left: 1px solid #ccc; border-left: 1px solid #ccc;
} }
/* alternate-vert tables */ /* alternate-vert tables */
.alternate-vert { .alternate-vert {
border: 0; border: 0;
border-right: 1px solid #ccc; border-right: 1px solid #ccc;
} }
.alternate-vert tr > :first-child { .alternate-vert tr > :first-child {
border-bottom: 0; border-bottom: 0;
} }
.alternate-vert tr > * + * { .alternate-vert tr > * + * {
border-top: 1px solid #ccc; border-top: 1px solid #ccc;
} }
/* striped tables */ /* striped tables */
.striped tbody tr:nth-child(odd) { .striped tbody tr:nth-child(odd) {
background: #eee; background: #eee;
background: rgba(0, 0, 0, .05); background: rgba(0, 0, 0, .05);
} }
/* striped-vert tables */ /* striped-vert tables */
.striped-vert tr > :first-child { .striped-vert tr > :first-child {
background: #eee; background: #eee;
background: rgba(0, 0, 0, .05); background: rgba(0, 0, 0, .05);
}
} }

10
sass/_00-config.scss
View File

@ -48,16 +48,6 @@ $ultra-large-screen : 1920px; // ultra large screens
// misc (choose unit you prefer) // misc (choose unit you prefer)
$gutter : 20px; // gutter value for grid layouts. Unit can be: %, px, em, rem $gutter : 20px; // gutter value for grid layouts. Unit can be: %, px, em, rem
// booleans
$enable-ie678 : true; // "true" to activate IE6/IE7/IE8 support
$enable-styling : true; // "true" to design basic elements like code, mark, blockquotes, etc.
$enable-gmaps : true; // if google maps is used
$enable-skip-links : true; // "true" to design skip links for accessibility concerns
$enable-hyphens : true; // activate automatic hyphens on small screens
$enable-helpers-width : true; // decide whether or not you need width helpers
$enable-helpers-spacing : true; // decide whether or not you need spacing helpers
// Sass mixins : don't touch or you'll be banned ;) // Sass mixins : don't touch or you'll be banned ;)
// px to em/rem // px to em/rem

2
sass/_01-base.scss
View File

@ -1,5 +1,5 @@
/*! /*!
* www.KNACSS.com V3.0.9 (2014-09-12) @author: Raphael Goetter, Alsacreations (with help from Hugo Giraudel) * www.KNACSS.com V3.1.0 (2014-10-20) @author: Raphael Goetter, Alsacreations (with help from Hugo Giraudel)
* Licence WTFPL http://www.wtfpl.net/ * Licence WTFPL http://www.wtfpl.net/
*/ */

14
sass/_09-booleans.scss
View File

@ -1,10 +1,8 @@
/* ----------------------------- */ /* ----------------------------- */
/* ==booleans */ /* ==skip-hyphens */
/* ----------------------------- */ /* ----------------------------- */
// skip-links boolean /* styling skip links */
@if $enable-skip-links == true { .skip-links {
/* styling skip links */
.skip-links {
position: absolute; position: absolute;
a { a {
@ -22,12 +20,10 @@
clip: auto; clip: auto;
} }
} }
}
} }
// hyphens boolean // hyphens boolean
@if $enable-hyphens == true { @media (max-width: $small-screen) {
@media (max-width: $small-screen) {
/* you shall not pass */ /* you shall not pass */
div, div,
textarea, textarea,
@ -40,5 +36,5 @@
word-wrap: break-word; word-wrap: break-word;
hyphens: auto; hyphens: auto;
} }
}
} }

28
sass/_10-gmaps.scss
View File

@ -1,20 +1,18 @@
/* ----------------------------- */ /* ----------------------------- */
/* ==gmaps support */ /* ==gmaps support */
/* ----------------------------- */ /* ----------------------------- */
// google maps boolean
@if $enable-gmaps == true { /* Google Gmap3 bug fix on images */
/* Google Gmap3 bug fix on images */ .gm-style img {
.gm-style img {
height: 100%; height: 100%;
} }
:not(.gm-style) img { :not(.gm-style) img {
height: auto; height: auto;
} }
.gm-style img, .gm-style img,
.gmnoscreen img, .gmnoscreen img,
.gmnoprint img { .gmnoprint img {
max-width: none !important; max-width: none !important;
}
} }

128
sass/_11-ie.scss
View File

@ -2,112 +2,110 @@
/* ==IE6, IE7, IE8 support */ /* ==IE6, IE7, IE8 support */
/* ----------------------------- */ /* ----------------------------- */
// IE6, 7, 8 support boolean // IE6, 7, 8 support boolean
@if $enable-ie678 == true { $bf: $base-font-size / 1px;
$bf: $base-font-size / 1px; /* IE678 support */
/* IE678 support */ .ie678 h1, .ie678 .h1-like {
.ie678 h1, .ie678 .h1-like {
$val: $h1-size / 1rem; $val: $h1-size / 1rem;
$em : $val * 10 / $bf; $em : $val * 10 / $bf;
font-size: $em +0em; font-size: $em +0em;
} }
.ie678 h2, .ie678 .h2-like { .ie678 h2, .ie678 .h2-like {
$val: $h2-size / 1rem; $val: $h2-size / 1rem;
$em : $val * 10 / $bf; $em : $val * 10 / $bf;
font-size: $em +0em; font-size: $em +0em;
} }
.ie678 h3, .ie678 .h3-like { .ie678 h3, .ie678 .h3-like {
$val: $h3-size / 1rem; $val: $h3-size / 1rem;
$em : $val * 10 / $bf; $em : $val * 10 / $bf;
font-size: $em +0em; font-size: $em +0em;
} }
.ie678 h4, .ie678 .h4-like { .ie678 h4, .ie678 .h4-like {
$val: $h4-size / 1rem; $val: $h4-size / 1rem;
$em : $val * 10 / $bf; $em : $val * 10 / $bf;
font-size: $em +0em; font-size: $em +0em;
} }
.ie678 h5, .ie678 .h5-like { .ie678 h5, .ie678 .h5-like {
$val: $h5-size / 1rem; $val: $h5-size / 1rem;
$em : $val * 10 / $bf; $em : $val * 10 / $bf;
font-size: $em +0em; font-size: $em +0em;
} }
.ie678 h6, .ie678 .h6-like { .ie678 h6, .ie678 .h6-like {
$val: $h6-size / 1rem; $val: $h6-size / 1rem;
$em : $val * 10 / $bf; $em : $val * 10 / $bf;
font-size: $em +0em; font-size: $em +0em;
} }
.ie678 img { .ie678 img {
width: auto; /* @bugfix for IE8 */ width: auto; /* @bugfix for IE8 */
} }
.ie678 .gm-style img { .ie678 .gm-style img {
height: 100%; height: 100%;
} }
/* hasLayout for IE6/IE7 */ /* hasLayout for IE6/IE7 */
.clearfix, .clearfix,
.line, .line,
.mod, .mod,
.row, .row,
.col { .col {
*zoom: 1; *zoom: 1;
} }
/* inline-block and table-cell for IE6/IE7 */ /* inline-block and table-cell for IE6/IE7 */
/* warning: .col needs width on IE6/IE7 */ /* warning: .col needs width on IE6/IE7 */
.btn, .btn,
.col, .col,
.inbl { .inbl {
*display: inline; *display: inline;
*zoom: 1; *zoom: 1;
} }
.visually-hidden { .visually-hidden {
*clip: rect(1px 1px 1px 1px); *clip: rect(1px 1px 1px 1px);
} }
/* IE8 grid hack */ /* IE8 grid hack */
.ie8 .grid > *, .ie8 .grid > *,
.ie8 [class*="autogrid"] > * { .ie8 [class*="autogrid"] > * {
letter-spacing: -0.31em; letter-spacing: -0.31em;
text-rendering: optimizespeed; text-rendering: optimizespeed;
} }
.ie8 .grid > * > *, .ie8 .grid > * > *,
.ie8 [class*="autogrid"] > * > *{ .ie8 [class*="autogrid"] > * > *{
letter-spacing: normal; letter-spacing: normal;
word-spacing: normal; word-spacing: normal;
text-rendering: auto; text-rendering: auto;
} }
/* IE7 grid hack */ /* IE7 grid hack */
.grid > * > *, .grid > * > *,
[class*="autogrid"] > * > *{ [class*="autogrid"] > * > *{
*display: inline; *display: inline;
*zoom: 1; *zoom: 1;
}
/* forms */
/* Corrects excess space around these inputs in IE8/9 */
.ie678 input[type="checkbox"],
.ie678 input[type="radio"] {
padding: 0;
}
/* Removes default vertical scrollbar on empty textarea in IE6/7/8/9 */
.ie678 textarea {
overflow: auto;
}
/* Active box-sizing for IE6/IE7 */
/* @source https://github.com/Schepp/box-sizing-polyfill */
/*
.ie67 * {
behavior: url(/lib/box-sizing-polyfill/boxsizing.htc);
}
*/
} }
/* forms */
/* Corrects excess space around these inputs in IE8/9 */
.ie678 input[type="checkbox"],
.ie678 input[type="radio"] {
padding: 0;
}
/* Removes default vertical scrollbar on empty textarea in IE6/7/8/9 */
.ie678 textarea {
overflow: auto;
}
/* Active box-sizing for IE6/IE7 */
/* @source https://github.com/Schepp/box-sizing-polyfill */
/*
.ie67 * {
behavior: url(/lib/box-sizing-polyfill/boxsizing.htc);
}
*/

135
sass/_12-styling.scss
View File

@ -2,55 +2,53 @@
/* ==minor stylings */ /* ==minor stylings */
/* ----------------------------- */ /* ----------------------------- */
// Styling boolean /* styling elements */
@if $enable-styling == true { code, kbd, mark {
/* styling elements */
code, kbd, mark {
border-radius: 2px; border-radius: 2px;
} }
kbd { kbd {
padding: 0 2px; padding: 0 2px;
border: 1px solid #999; border: 1px solid #999;
} }
code { code {
padding: 2px 4px; padding: 2px 4px;
background: rgba(0,0,0,0.04); background: rgba(0,0,0,0.04);
color: #b11; color: #b11;
} }
pre code { pre code {
padding: none; padding: none;
background: none; background: none;
color: inherit; color: inherit;
border-radius: 0; border-radius: 0;
} }
mark { mark {
padding:2px 4px; padding:2px 4px;
background: #ff0; background: #ff0;
} }
sup, sup,
sub { sub {
vertical-align: 0; vertical-align: 0;
position: relative; position: relative;
} }
sup { sup {
bottom: 1ex; bottom: 1ex;
} }
sub { sub {
top: 0.5ex; top: 0.5ex;
} }
blockquote { blockquote {
position: relative; position: relative;
padding-left: 3em; padding-left: 3em;
} }
blockquote:before { blockquote:before {
content: "\201C"; content: "\201C";
position: absolute; position: absolute;
left: 0; left: 0;
@ -59,31 +57,31 @@
font-size: 5em; font-size: 5em;
line-height: 0.9; line-height: 0.9;
color: rgba(0, 0, 0, .3); color: rgba(0, 0, 0, .3);
} }
blockquote > footer { blockquote > footer {
margin-top: .75em; margin-top: .75em;
font-size: 0.9em; font-size: 0.9em;
color: rgba(0, 0, 0, .7); color: rgba(0, 0, 0, .7);
} }
blockquote > footer:before { blockquote > footer:before {
content: "\2014 \0020"; content: "\2014 \0020";
} }
q { q {
font-style: normal; font-style: normal;
} }
q, q,
.q { .q {
quotes: "“\00a0" "\00a0”"; quotes: "“\00a0" "\00a0”";
} }
q:lang(fr), q:lang(fr),
.q:lang(fr) { .q:lang(fr) {
quotes: "«\00a0" "\00a0»"; quotes: "«\00a0" "\00a0»";
} }
hr { hr {
display: block; display: block;
clear: both; clear: both;
height: 1px; height: 1px;
@ -92,45 +90,44 @@
border: 0; border: 0;
color: #ccc; color: #ccc;
background-color: #ccc; background-color: #ccc;
} }
/* alternate tables */ /* alternate tables */
.alternate { border: 0; } .alternate { border: 0; }
.alternate tbody { .alternate tbody {
border: 1px solid #ccc; border: 1px solid #ccc;
} }
.alternate thead tr > * + * { .alternate thead tr > * + * {
border-left: 0; border-left: 0;
} }
.alternate tbody tr > * + * { .alternate tbody tr > * + * {
border-left: 1px solid #ccc; border-left: 1px solid #ccc;
} }
/* alternate-vert tables */ /* alternate-vert tables */
.alternate-vert { .alternate-vert {
border: 0; border: 0;
border-right: 1px solid #ccc; border-right: 1px solid #ccc;
} }
.alternate-vert tr > :first-child { .alternate-vert tr > :first-child {
border-bottom: 0; border-bottom: 0;
} }
.alternate-vert tr > * + * { .alternate-vert tr > * + * {
border-top: 1px solid #ccc; border-top: 1px solid #ccc;
} }
/* striped tables */ /* striped tables */
.striped tbody tr:nth-child(odd) { .striped tbody tr:nth-child(odd) {
background: #eee; background: #eee;
background: rgba(0, 0, 0, .05); background: rgba(0, 0, 0, .05);
} }
/* striped-vert tables */ /* striped-vert tables */
.striped-vert tr > :first-child { .striped-vert tr > :first-child {
background: #eee; background: #eee;
background: rgba(0, 0, 0, .05); background: rgba(0, 0, 0, .05);
}
} }