_welcome.scss 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. #welcome .jumbotron {
  2. background: $primary;
  3. color: lighten($primary, 35%);
  4. margin-top: -20px;
  5. }
  6. #welcome .jumbotron__header,
  7. .jumbotron h1 {
  8. font-weight: bold;
  9. color: white;
  10. margin-top: 0;
  11. margin-bottom: 25px;
  12. }
  13. #welcome .jumbotron__body {
  14. max-width: 80%;
  15. margin-bottom: 0;
  16. line-height: 1.6em;
  17. }
  18. #welcome .jumbotron__header, .jumbotron h1 {
  19. font-weight: lighter;
  20. }
  21. #welcome h2 {
  22. margin-bottom: 20px;
  23. }
  24. #welcome .steps {
  25. max-width: 80%;
  26. padding-left: 0;
  27. list-style: none;
  28. counter-reset: welcome-steps;
  29. }
  30. #welcome .steps > .steps__item {
  31. margin-bottom: 2.5em;
  32. padding: 19px;
  33. border: 1px solid $gray-lighter;
  34. border-radius: 4px;
  35. overflow: hidden;
  36. // The step number.
  37. &:before {
  38. content: counter(welcome-steps);
  39. counter-increment: welcome-steps;
  40. width: 50px;
  41. height: 50px;
  42. float: left;
  43. margin-right: 1em;
  44. background: $gray-lighter;
  45. border-radius: 50%;
  46. font: bold 2em monospace;
  47. text-align: center;
  48. line-height: 49px;
  49. }
  50. .body {
  51. float: left;
  52. }
  53. h2 {
  54. font-weight: bold;
  55. margin-top: 0;
  56. }
  57. p:last-child {
  58. margin-bottom: 0;
  59. }
  60. }