You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

80 lines
1.4 KiB

10 years ago
  1. /*******************************
  2. Message
  3. *******************************/
  4. // @textColor
  5. /*-------------------
  6. Elements
  7. --------------------*/
  8. @verticalMargin: 1em;
  9. @verticalPadding: 1em;
  10. @horizontalPadding: 1.5em;
  11. @background: #EFEFEF;
  12. @lineHeight: 1.3;
  13. @borderRadius: 0.25em;
  14. @boxShadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.075) inset;
  15. @transition:
  16. opacity 0.2s ease,
  17. color 0.2s ease,
  18. background 0.2s ease,
  19. box-shadow 0.2s ease
  20. ;
  21. /* Header */
  22. @headerFontSize: 1.3em;
  23. @headerFontWeight: bold;
  24. @headerBottomMargin: 0.25em;
  25. @headerDisplay: block;
  26. @headerHorizontalDistance: 0em;
  27. /* Paragraph */
  28. @messageTextOpacity: 0.85;
  29. @messageParagraphMargin: 0.75em;
  30. /* List */
  31. @listOpacity: 0.85;
  32. @listStylePosition: inside;
  33. @listMargin: 0.5em;
  34. @listItemIndent: 1em;
  35. @listItemMargin: 0.3em;
  36. /* Close Icon */
  37. @closeTopDistance: 1em;
  38. @closeRightDistance: 0.5em;
  39. @closeOpacity: 0.7;
  40. /*-------------------
  41. Types
  42. --------------------*/
  43. /* Icon Message */
  44. @iconSize: 2em;
  45. @iconOpacity: 0.8;
  46. @iconDistance: 1.5em;
  47. @iconVerticalAlign: top;
  48. /* Attached */
  49. @attachedOffset: -1px;
  50. @attachedBoxShadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.1) inset;
  51. /* Floating */
  52. @floatingBoxShadow:
  53. 0px 1px 3px 0px rgba(0, 0, 0, 0.1),
  54. 0px 0px 0px 1px rgba(0, 0, 0, 0.05) inset
  55. ;
  56. /*-------------------
  57. Variations
  58. --------------------*/
  59. @small: 0.875em;
  60. @medium: 1em;
  61. @large: 1.125em;
  62. @huge: 1.5em;
  63. @massive: 2em;