adding comms

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

View file

@ -12,7 +12,7 @@
// font sizes // font sizes
@basefont : 14px; // if "14px" then 1em = 14px @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" @h1-size : 32px; // equiv "32px"
@h2-size : 28px; // equiv "28px" @h2-size : 28px; // equiv "28px"
@h3-size : 24px; // equiv "24px" @h3-size : 24px; // equiv "24px"

View file

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

View file

@ -26,46 +26,10 @@ caption {
} }
td, td,
th { th {
padding: .3em .8em; padding: 0.3em 0.8em;
border: 1px #aaa dotted; border: 1px #aaa dotted;
vertical-align: top; vertical-align: top;
min-width: @medium-value; min-width: @medium-value;
cursor: default; cursor: default;
text-align: left; 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);
} }

View file

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

View file

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

View file

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

View file

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

View file

@ -1,4 +1,7 @@
@import "00-config"; @import "00-config";
/* ----------------------------- */
/* ==minor stylings */
/* ----------------------------- */
// Styling boolean // Styling boolean
& when (@styling = true) { & when (@styling = true) {
@ -63,4 +66,39 @@
color: #ccc; color: #ccc;
background-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);
}
} }