Skip to content
GitLab
Switch branch/tag
Find file BlameHistoryPermalink
scaffolding.less 2.66 KiB
1 
//
2 
// Scaffolding
3 
// --------------------------------------------------
4
5
6 
// Body reset
7 
// -------------------------
8
9 
html {
10 
  font-size: 62.5%;
11 
  // Touch the Mobile Magic™
12 
  -webkit-overflow-scrolling: touch;
13 
  -webkit-tap-highlight-color: rgba(0,0,0,0);
14 
}
15
16 
// Disable iOS/WinMobile font size changes
17 
@media screen and (max-device-width: 480px) {
18 
  html {
19 
    -webkit-text-size-adjust: 100%;
20 
        -ms-text-size-adjust: 100%;
21 
  }
22 
}
23
24 
body {
25 
  margin: 0;
26 
  color: @text-color;
27 
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
28 
  font-size: 14px;
29 
  font-size: 1.4rem;
30 
  line-height: 1.5;
31 
  background-color: @body-background;
32 
}
33
34 
// Reset fonts for revelant elements
35 
body,
36 
input,
37 
button,
38 
select,
39 
textarea {
40 
  font-family: @font-family-base;
41 
  font-size: @font-size-base;
42 
  line-height: @line-height-base;
43 
}
44
45
46 
// Links
47 
// -------------------------
48
49 
a {
50 
  color: @link-color;
51 
  text-decoration: none;
52 
}
53 
a:hover {
54 
  color: @link-color-hover;
55 
  text-decoration: underline;
56 
}
57 
a:focus {
58 
  .tab-focus();
59 
}
60
61
62 
// Images
63 
// -------------------------
64
65 
img {
66 
  // Responsive images (ensure images don't scale beyond their parents)
67 
  max-width: 100%; // Part 1: Set a maxium relative to the parent
68 
  width: auto\9; // IE8 need help adjusting responsive images
69 
  height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching
70
7172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140
// Match vertical alignment with other comment elements vertical-align: middle; } // Rounded corners .img-rounded { border-radius: 6px; } // Image thumbnails // See thumbnails.less for `.img-thumbnail` // Perfect circle .img-circle { border-radius: 500px; // crank the border-radius so it works with most reasonably sized images } // Printing // ------------------------- // Source: https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css @media print { * { text-shadow: none !important; color: #000 !important; // Black prints faster: h5bp.com/s background: transparent !important; box-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } // Don't show links for images, or javascript/internal links .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; // h5bp.com/t } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; }
141142143144145146147148149150151152153154155156
@page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } }