Blame view

app/bower_components/bootstrap/less/scaffolding.less 2.92 KB
f986e111b   TRUONG   add libs
1
2
3
4
5
6
  //
  // Scaffolding
  // --------------------------------------------------
  
  
  // Reset the box-sizing
87c93a029   Dang YoungWorld   add modal
7
8
9
10
11
12
13
  //
  // Heads up! This reset may cause conflicts with some third-party widgets.
  // For recommendations on resolving such conflicts, see
  // http://getbootstrap.com/getting-started/#third-box-sizing
  * {
    .box-sizing(border-box);
  }
f986e111b   TRUONG   add libs
14
15
16
17
18
19
20
21
22
  *:before,
  *:after {
    .box-sizing(border-box);
  }
  
  
  // Body reset
  
  html {
87c93a029   Dang YoungWorld   add modal
23
    font-size: 10px;
f986e111b   TRUONG   add libs
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
    -webkit-tap-highlight-color: rgba(0,0,0,0);
  }
  
  body {
    font-family: @font-family-base;
    font-size: @font-size-base;
    line-height: @line-height-base;
    color: @text-color;
    background-color: @body-bg;
  }
  
  // Reset fonts for relevant elements
  input,
  button,
  select,
  textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
  }
  
  
  // Links
  
  a {
    color: @link-color;
    text-decoration: none;
  
    &:hover,
    &:focus {
      color: @link-hover-color;
87c93a029   Dang YoungWorld   add modal
55
      text-decoration: @link-hover-decoration;
f986e111b   TRUONG   add libs
56
57
58
59
60
61
    }
  
    &:focus {
      .tab-focus();
    }
  }
87c93a029   Dang YoungWorld   add modal
62
63
64
65
66
67
68
69
  // Figures
  //
  // We reset this here because previously Normalize had no `figure` margins. This
  // ensures we don't break anyone's use of the element.
  
  figure {
    margin: 0;
  }
f986e111b   TRUONG   add libs
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
  // Images
  
  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
  //
  // Heads up! This is mixin-ed into thumbnails.less for `.thumbnail`.
  .img-thumbnail {
    padding: @thumbnail-padding;
    line-height: @line-height-base;
    background-color: @thumbnail-bg;
    border: 1px solid @thumbnail-border;
    border-radius: @thumbnail-border-radius;
    .transition(all .2s ease-in-out);
  
    // Keep them at most 100% wide
    .img-responsive(inline-block);
  }
  
  // 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
  //
87c93a029   Dang YoungWorld   add modal
119
  // See: http://a11yproject.com/posts/how-to-hide-content
f986e111b   TRUONG   add libs
120
121
122
123
124
125
126
127
128
129
130
  
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
  }
87c93a029   Dang YoungWorld   add modal
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
  
  // Use in conjunction with .sr-only to only display content when it's focused.
  // Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
  // Credit: HTML5 Boilerplate
  
  .sr-only-focusable {
    &:active,
    &:focus {
      position: static;
      width: auto;
      height: auto;
      margin: 0;
      overflow: visible;
      clip: auto;
    }
  }
  
  
  // iOS "clickable elements" fix for role="button"
  //
  // Fixes "clickability" issue (and more generally, the firing of events such as focus as well)
  // for traditionally non-focusable elements with role="button"
  // see https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile
  
  [role="button"] {
    cursor: pointer;
  }