Skip to content
GitLab
Switch branch/tag
Find file BlameHistoryPermalink
scaffolding.less 1.82 KiB
1 
//
2 
// Scaffolding
3 
// --------------------------------------------------
4
5
6 
// Reset the box-sizing
7 
// -------------------------
8
9 
*,
10 
*:before,
11 
*:after {
12 
  .box-sizing(border-box);
13 
}
14
15
16 
// Body reset
17 
// -------------------------
18
19 
html {
20 
  font-size: 62.5%;
21 
  -webkit-tap-highlight-color: rgba(0,0,0,0);
22 
}
23
24 
body {
25 
  font-family: @font-family-base;
26 
  font-size: @font-size-base;
27 
  line-height: @line-height-base;
28 
  color: @text-color;
29 
  background-color: @body-bg;
30 
}
31
32 
// Reset fonts for relevant elements
33 
input,
34 
button,
35 
select,
36 
textarea {
37 
  font-family: inherit;
38 
  font-size: inherit;
39 
  line-height: inherit;
40 
}
41
42 
// Reset unusual Firefox-on-Android default style, see https://github.com/necolas/normalize.css/issues/214
43 
button,
44 
input,
45 
select[multiple],
46 
textarea {
47 
  background-image: none;
48 
}
49
50
51 
// Links
52 
// -------------------------
53
54 
a {
55 
  color: @link-color;
56 
  text-decoration: none;
57 
}
58 
a:hover,
59 
a:focus {
60 
  color: @link-hover-color;
61 
  text-decoration: underline;
62 
}
63 
a:focus {
64 
  .tab-focus();
65 
}
66
67
68 
// Images
69 
// -------------------------
70
7172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118
img { vertical-align: middle; } // Responsive images (ensure images don't scale beyond their parents) .img-responsive { .img-responsive(); } // Rounded corners .img-rounded { border-radius: @border-radius-large; } // Image thumbnails // See thumbnails.less for `.img-thumbnail` // Perfect circle .img-circle { border-radius: 50%; // set radius in percents } // Horizontal rules // ------------------------- hr { margin-top: @line-height-computed; margin-bottom: @line-height-computed; border: 0; border-top: 1px solid @hr-border; } // Only display content to screen readers // See: http://a11yproject.com/posts/how-to-hide-content/ // ------------------------- .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); border: 0; }