scaffolding.less 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130
  1. //
  2. // Scaffolding
  3. // --------------------------------------------------
  4. // Reset the box-sizing
  5. *,
  6. *:before,
  7. *:after {
  8. .box-sizing(border-box);
  9. }
  10. // Body reset
  11. html {
  12. font-size: 62.5%;
  13. -webkit-tap-highlight-color: rgba(0,0,0,0);
  14. }
  15. body {
  16. font-family: @font-family-base;
  17. font-size: @font-size-base;
  18. line-height: @line-height-base;
  19. color: @text-color;
  20. background-color: @body-bg;
  21. }
  22. // Reset fonts for relevant elements
  23. input,
  24. button,
  25. select,
  26. textarea {
  27. font-family: inherit;
  28. font-size: inherit;
  29. line-height: inherit;
  30. }
  31. // Reset unusual Firefox-on-Android default style.
  32. //
  33. // See https://github.com/necolas/normalize.css/issues/214
  34. button,
  35. input,
  36. select[multiple],
  37. textarea {
  38. background-image: none;
  39. }
  40. // Links
  41. a {
  42. color: @link-color;
  43. text-decoration: none;
  44. &:hover,
  45. &:focus {
  46. color: @link-hover-color;
  47. text-decoration: underline;
  48. }
  49. &:focus {
  50. .tab-focus();
  51. }
  52. }
  53. // Images
  54. img {
  55. vertical-align: middle;
  56. }
  57. // Responsive images (ensure images don't scale beyond their parents)
  58. .img-responsive {
  59. .img-responsive();
  60. }
  61. // Rounded corners
  62. .img-rounded {
  63. border-radius: @border-radius-large;
  64. }
  65. // Image thumbnails
  66. //
  67. // Heads up! This is mixin-ed into thumbnails.less for `.thumbnail`.
  68. .img-thumbnail {
  69. padding: @thumbnail-padding;
  70. line-height: @line-height-base;
  71. background-color: @thumbnail-bg;
  72. border: 1px solid @thumbnail-border;
  73. border-radius: @thumbnail-border-radius;
  74. .transition(all .2s ease-in-out);
  75. // Keep them at most 100% wide
  76. .img-responsive(inline-block);
  77. }
  78. // Perfect circle
  79. .img-circle {
  80. border-radius: 50%; // set radius in percents
  81. }
  82. // Horizontal rules
  83. hr {
  84. margin-top: @line-height-computed;
  85. margin-bottom: @line-height-computed;
  86. border: 0;
  87. border-top: 1px solid @hr-border;
  88. }
  89. // Only display content to screen readers
  90. //
  91. // See: http://a11yproject.com/posts/how-to-hide-content/
  92. .sr-only {
  93. position: absolute;
  94. width: 1px;
  95. height: 1px;
  96. margin: -1px;
  97. padding: 0;
  98. overflow: hidden;
  99. clip: rect(0 0 0 0);
  100. border: 0;
  101. }