_shortcodes.scss 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. @import "variables";
  2. /**
  3. Alert
  4. */
  5. .alert {
  6. border: 1px solid;
  7. border-radius: 2px;
  8. padding: 0 18px;
  9. &.primary { border-color: $color-default; background: transparentize($color-default, 0.9); }
  10. &.danger { border-color: $color-danger; background: transparentize($color-danger, 0.9); }
  11. &.warning { border-color: $color-warning; background: transparentize($color-warning, 0.9); }
  12. &.success { border-color: $color-success; background: transparentize($color-success, 0.9); }
  13. }
  14. /**
  15. Member info for generated docs
  16. */
  17. .member-info {
  18. display: flex;
  19. align-items: center;
  20. margin-top: -16px;
  21. font-size: 14px;
  22. .kind-label {
  23. font-size: $font-size-12;
  24. background-color: #eaf9f5;
  25. color: #38979f;
  26. border-radius: 4px;
  27. padding: 0 6px;
  28. margin-right: 12px;
  29. }
  30. .type, .default {
  31. margin-right: 12px;
  32. a:link, a:visited {
  33. color: darken($brand-color, 20%);
  34. }
  35. }
  36. .type {
  37. code {
  38. }
  39. }
  40. .label{
  41. display: inline-block;
  42. color: $gray-600;
  43. }
  44. }
  45. /**
  46. Info on the generated document
  47. */
  48. .generation-info {
  49. font-size: $font-size-12;
  50. border-bottom: 1px dashed $gray-400;
  51. }