masthead.less 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. // stylelint-disable value-no-vendor-prefix, function-name-case
  2. .bs-docs-masthead,
  3. .bs-docs-header {
  4. position: relative;
  5. padding: 30px 0;
  6. color: #cdbfe3;
  7. text-align: center;
  8. text-shadow: 0 1px 0 rgba(0, 0, 0, .1);
  9. background-color: #6f5499;
  10. background-image: -webkit-gradient(linear, left top, left bottom, from(#563d7c), to(#6f5499));
  11. background-image: -webkit-linear-gradient(top, #563d7c 0%, #6f5499 100%);
  12. background-image: -o-linear-gradient(top, #563d7c 0%, #6f5499 100%);
  13. background-image: linear-gradient(to bottom, #563d7c 0%, #6f5499 100%);
  14. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#563d7c", endColorstr="#6F5499", GradientType=0);
  15. background-repeat: repeat-x;
  16. }
  17. // Masthead (headings and download button)
  18. .bs-docs-masthead .bs-docs-booticon {
  19. margin: 0 auto 30px;
  20. }
  21. .bs-docs-masthead h1 {
  22. font-weight: 300;
  23. line-height: 1;
  24. color: #fff;
  25. }
  26. .bs-docs-masthead .lead {
  27. margin: 0 auto 30px;
  28. font-size: 20px;
  29. color: #fff;
  30. }
  31. .bs-docs-masthead .version {
  32. margin-top: -15px;
  33. margin-bottom: 30px;
  34. color: #9783b9;
  35. }
  36. .bs-docs-masthead .btn {
  37. width: 100%;
  38. padding: 15px 30px;
  39. font-size: 20px;
  40. }
  41. @media (min-width: @screen-xs-min) {
  42. .bs-docs-masthead .btn {
  43. width: auto;
  44. }
  45. }
  46. @media (min-width: @screen-sm-min) {
  47. .bs-docs-masthead {
  48. padding: 80px 0;
  49. }
  50. .bs-docs-masthead h1 {
  51. font-size: 60px;
  52. }
  53. .bs-docs-masthead .lead {
  54. font-size: 24px;
  55. }
  56. }
  57. @media (min-width: @screen-md-min) {
  58. .bs-docs-masthead .lead {
  59. width: 80%;
  60. font-size: 30px;
  61. }
  62. }