Skip to content
GitLab
Switch branch/tag
Find file BlameHistoryPermalink
scaffolding.less 2.16 KiB
1 
/*
2 
 * Scaffolding
3 
 * Basic and global styles for generating a grid system, structural layout, and page templates
4 
 */
5
6 
/* Baseline Grid System
7 
-------------------------------------------------- */
8
9 
div.row {
10 
  .clearfix();
11 
  div.span1   { .columns(1); }
12 
  div.span2   { .columns(2); }
13 
  div.span3   { .columns(3); }
14 
  div.span4   { .columns(4); }
15 
  div.span5   { .columns(5); }
16 
  div.span6   { .columns(6); }
17 
  div.span7   { .columns(7); }
18 
  div.span8   { .columns(8); }
19 
  div.span9   { .columns(9); }
20 
  div.span10  { .columns(10); }
21 
  div.span11  { .columns(11); }
22 
  div.span12  { .columns(12); }
23 
  div.span13  { .columns(13); }
24 
  div.span14  { .columns(14); }
25 
  div.span15  { .columns(15); }
26 
  div.span16  { .columns(16); }
27 
}
28
29
30 
/* Structural Layout
31 
-------------------------------------------------- */
32
33 
html, body {
34 
  background-color: #fff;
35 
}
36 
body {
37 
  margin: 0;
38 
  #font > .sans-serif(normal,@basefont,@baseline);
39 
  color: @gray;
40 
  text-rendering: optimizeLegibility;
41 
}
42
43 
// Container (centered, fixed-width layouts)
44 
div.container {
45 
  width: 940px;
46 
  margin: 0 auto;
47 
}
48
49 
// Fluid layouts (left aligned, with sidebar, min- & max-width content)
50 
div.container-fluid {
51 
  padding: 20px;
52 
  .clearfix();
53 
  div.sidebar {
54 
    float: left;
55 
    width: 220px;
56 
  }
57 
  div.content {
58 
    min-width: 700px;
59 
    max-width: 1180px;
60 
    margin-left: 240px;
61 
  }
62 
}
63
64
65 
/* Base Styles
66 
-------------------------------------------------- */
67
68 
// Links
69 
a {
70 
  color: @linkColor;
7172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115
text-decoration: none; line-height: inherit; &:hover { color: @linkColorHover; text-decoration: underline; } } // Buttons .btn { .button(); &.primary { #gradient > .vertical(@blue, @blueDark); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.25); &:hover { color: #fff; } } &.large { font-size: 16px; line-height: 28px; .border-radius(6px); } &.small { padding-right: 9px; padding-left: 9px; font-size: 11px; } &:disabled, &.disabled { background-image: none; .opacity(65); cursor: default; } } // Help Firefox not be a douche about adding extra padding to buttons button.btn, input[type=submit].btn { &::-moz-focus-inner { padding: 0; border: 0; } }