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

adding comms

Browse source
This commit is contained in:
Raphael Goetter 2014-05-03 14:03:41 +02:00
parent a54c4a7642
commit df5315b05e
8 changed files with 58 additions and 50 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
less/00-config.less
View file

@ -12,7 +12,7 @@
// font sizes
@basefont : 14px; // if "14px" then 1em = 14px
@lh : 1.5; // equiv line-height 1.5
@line-height : 1.5; // equiv line-height 1.5
@h1-size : 32px; // equiv "32px"
@h2-size : 28px; // equiv "28px"
@h3-size : 24px; // equiv "24px"

4
less/01-base.less
View file

@ -56,7 +56,7 @@ body {
color: @basecolor;
font-family: @fontstack1;
font-size: unit((@basefont / 10), em);
line-height: @lh;
line-height: @line-height;
}
/* font-sizing for content */
@ -77,7 +77,7 @@ figure,
hgroup {
margin-top: 0.75em;
margin-bottom: 0;
line-height: @lh;
line-height: @line-height;
}
h1, .h1-like {
.rem(@h1-size / 10);

38
less/03-tables.less
View file

@ -26,46 +26,10 @@ caption {
}
td,
th {
padding: .3em .8em;
padding: 0.3em 0.8em;
border: 1px #aaa dotted;
vertical-align: top;
min-width: @medium-value;
cursor: default;
text-align: left;
}
/* alternate tables */
.alternate { border: 0; }
.alternate tbody {
border: 1px solid #ccc;
}
.alternate thead tr > * + * {
border-left: 0;
}
.alternate tbody tr > * + * {
border-left: 1px solid #ccc;
}
/* alternate-vert tables */
.alternate-vert {
border: 0;
border-right: 1px solid #ccc;
}
.alternate-vert tr > :first-child {
border-bottom: 0;
}
.alternate-vert tr > * + * {
border-top: 1px solid #ccc;
}
/* striped tables */
.striped tbody tr:nth-child(odd) {
background: #eee;
background: rgba(0, 0, 0, .05);
}
/* striped-vert tables */
.striped-vert tr > :first-child {
background: #eee;
background: rgba(0, 0, 0, .05);
}

14
less/06-rwd.less
View file

@ -1,6 +1,6 @@
@import "00-config";
/* ----------------------------- */
/* ==desktop and retina medias */
/* ==desktop and HD devices */
/* ----------------------------- */
@media (min-width: @small-screen) {
@ -11,7 +11,7 @@
}
/* ---------------------------------- */
/* ==Responsive large / medium / tiny */
/* ==Responsive large / small / tiny */
/* ---------------------------------- */
@media (min-width: @large-screen) {
@ -53,7 +53,7 @@
}
/* margins for large screens */
.large-ma0 { margin: 0 !important; }
.large-man { margin: 0 !important; }
}
@media (max-width: @small-screen) {
@ -104,8 +104,8 @@
border: 0;
}
/* margins for small screens */
.small-ma0 { margin: 0 !important; }
.small-pa0 {padding: 0 !important; }
.small-man { margin: 0 !important; }
.small-pan { padding: 0 !important; }
}
@media (max-width: @tiny-screen) {
@ -176,6 +176,6 @@
border: 0;
}
/* margins for tiny screens */
.tiny-ma0 { margin: 0 !important; }
.tiny-pa0 {padding: 0 !important; }
.tiny-man { margin: 0 !important; }
.tiny-pan { padding: 0 !important; }
}

4
less/09-booleans.less
View file

@ -1,5 +1,7 @@
@import "00-config";
/* ----------------------------- */
/* ==booleans */
/* ----------------------------- */
// skip-links boolean
& when (@skip-links = true) {
/* styling skip links */

4
less/10-gmaps.less
View file

@ -1,5 +1,7 @@
@import "00-config";
/* ----------------------------- */
/* ==gmaps support */
/* ----------------------------- */
// google maps boolean
& when (@gmaps = true) {
/* Google Gmap3 bug fix on images */

4
less/11-ie.less
View file

@ -1,5 +1,7 @@
@import "00-config";
/* ----------------------------- */
/* ==IE6, IE7, IE8 support */
/* ----------------------------- */
// IE6, 7, 8 support boolean
& when (@ie678 = true) {
/* IE678 support */

38
less/12-styling.less
View file

@ -1,4 +1,7 @@
@import "00-config";
/* ----------------------------- */
/* ==minor stylings */
/* ----------------------------- */
// Styling boolean
& when (@styling = true) {
@ -63,4 +66,39 @@
color: #ccc;
background-color: #ccc;
}
/* alternate tables */
.alternate { border: 0; }
.alternate tbody {
border: 1px solid #ccc;
}
.alternate thead tr > * + * {
border-left: 0;
}
.alternate tbody tr > * + * {
border-left: 1px solid #ccc;
}
/* alternate-vert tables */
.alternate-vert {
border: 0;
border-right: 1px solid #ccc;
}
.alternate-vert tr > :first-child {
border-bottom: 0;
}
.alternate-vert tr > * + * {
border-top: 1px solid #ccc;
}
/* striped tables */
.striped tbody tr:nth-child(odd) {
background: #eee;
background: rgba(0, 0, 0, .05);
}
/* striped-vert tables */
.striped-vert tr > :first-child {
background: #eee;
background: rgba(0, 0, 0, .05);
}
}