_welcome.scss 1.2 KB

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