adding comms
This commit is contained in:
parent
a54c4a7642
commit
df5315b05e
8 changed files with 58 additions and 50 deletions
|
@ -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"
|
||||||
|
|
|
@ -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);
|
||||||
|
|
|
@ -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);
|
|
||||||
}
|
}
|
|
@ -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; }
|
||||||
}
|
}
|
||||||
|
|
|
@ -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 */
|
||||||
|
|
|
@ -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 */
|
||||||
|
|
|
@ -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 */
|
||||||
|
|
|
@ -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);
|
||||||
|
}
|
||||||
}
|
}
|
Loading…
Reference in a new issue