featurettes.less 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. .bs-docs-featurette {
  2. padding-top: 40px;
  3. padding-bottom: 40px;
  4. font-size: 16px;
  5. line-height: 1.5;
  6. color: #555;
  7. text-align: center;
  8. background-color: #fff;
  9. border-bottom: 1px solid #e5e5e5;
  10. }
  11. .bs-docs-featurette + .bs-docs-footer {
  12. margin-top: 0;
  13. border-top: 0;
  14. }
  15. .bs-docs-featurette-title {
  16. margin-bottom: 5px;
  17. font-size: 30px;
  18. font-weight: 400;
  19. color: #333;
  20. }
  21. .half-rule {
  22. width: 100px;
  23. margin: 40px auto;
  24. }
  25. .bs-docs-featurette h3 {
  26. margin-bottom: 5px;
  27. font-weight: 400;
  28. color: #333;
  29. }
  30. .bs-docs-featurette-img {
  31. display: block;
  32. margin-bottom: 20px;
  33. color: #333;
  34. }
  35. .bs-docs-featurette-img:hover {
  36. color: #337ab7;
  37. text-decoration: none;
  38. }
  39. .bs-docs-featurette-img img {
  40. display: block;
  41. margin-bottom: 15px;
  42. }
  43. @media (min-width: @screen-xs-min) {
  44. .bs-docs-featurette .img-responsive {
  45. margin-top: 30px;
  46. }
  47. }
  48. @media (min-width: @screen-sm-min) {
  49. .bs-docs-featurette {
  50. padding-top: 100px;
  51. padding-bottom: 100px;
  52. }
  53. .bs-docs-featurette-title {
  54. font-size: 40px;
  55. }
  56. .bs-docs-featurette .lead {
  57. max-width: 80%;
  58. margin-right: auto;
  59. margin-left: auto;
  60. }
  61. .bs-docs-featurette .img-responsive {
  62. margin-top: 0;
  63. }
  64. }