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.

61 lines
1.3 KiB

  1. /*******************************
  2. Standard
  3. *******************************/
  4. /*-------------------
  5. Segment
  6. --------------------*/
  7. @segmentBorderWidth: 1px;
  8. @border: none;
  9. @boxShadow: 0px 0px 0px @segmentBorderWidth @borderColor;
  10. @verticalPadding: 1em;
  11. @horizontalPadding: 1em;
  12. @margin: 1em;
  13. @borderRadius: 0.25em;
  14. /*-------------------
  15. Coupling
  16. --------------------*/
  17. /* Page Grid Segment */
  18. @pageGridMargin: 2 * @verticalPadding;
  19. /*******************************
  20. Variations
  21. *******************************/
  22. /* Piled */
  23. @piledMargin: 2em;
  24. @piledBoxShadow: 0px 0px 1px 1px @borderColor;
  25. @piledDegrees: 1.2deg;
  26. /* Circular */
  27. @circularPadding: 2em;
  28. /* Stacked */
  29. @stackedPadding: @verticalPadding + (0.7em);
  30. @stackedHeight: 5px;
  31. /* Raised */
  32. @raisedBoxShadow: 0px 1px 2px 1px @borderColor;
  33. /* Colors */
  34. @coloredBorderSize: 0.2em;
  35. @coloredBorderRadius: 0em;
  36. /* Ordinality */
  37. @secondaryBackground: #FAF9FA;
  38. @secondaryColor: @textColor;
  39. @tertiaryBackground: #EBEBEB;
  40. @tertiaryColor: @lightTextColor;
  41. @secondaryInvertedBackground: linear-gradient(rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.3) 100%);
  42. @secondaryInvertedColor: @offWhite;
  43. @tertiaryInvertedBackground: linear-gradient(rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.6) 100%);
  44. @tertiaryInvertedColor: @darkWhite;