_angular.scss 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. ._angular {
  2. padding-left: 1rem;
  3. h1, h2, > h3, .banner, .badges, .breadcrumbs { margin-left: -1rem; }
  4. ._mobile & {
  5. padding-left: 0;
  6. h1, h2, > h3, .banner, .badges, .breadcrumbs { margin-left: 0; }
  7. }
  8. h2 { @extend %block-heading; }
  9. > h3 { @extend %block-label, %label-blue; }
  10. .code-example > h4, .pre-title { @extend %pre-heading; }
  11. p > code, dd > code, .status-badge { @extend %label; }
  12. .l-sub-section, .alert, .banner, .breadcrumbs { @extend %note; }
  13. .banner { @extend %note-green; }
  14. .alert.is-important { @extend %note-red; }
  15. .alert.is-helpful, .breadcrumbs { @extend %note-blue; }
  16. .breadcrumbs { padding-left: 2em; }
  17. td > h3, .l-sub-section > h3, .l-sub-section > h4, .alert > h3, .alert > h4, .row-margin > h3 {
  18. margin-top: .25rem;
  19. font-size: 1em;
  20. }
  21. img {
  22. display: block;
  23. margin: 1em auto;
  24. &[align="left"] {
  25. float: left;
  26. margin: 0 1em 0 0;
  27. }
  28. &[align="right"] {
  29. float: right;
  30. margin: 0 0 0 1em;
  31. }
  32. }
  33. .location-badge {
  34. text-align: right;
  35. font-style: italic;
  36. }
  37. .filetree {
  38. white-space: normal;
  39. @extend %pre;
  40. .children { padding-left: 1em; }
  41. }
  42. }