base.less 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738
  1. // Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved.
  2. // For licensing, see LICENSE.html or http://cksource.com/ckeditor/license
  3. @base-font-size: 16px;
  4. @base-line-height: 24px;
  5. @base-line-ratio: 1.8;
  6. @sample-font-stack: Arial, Helvetica, sans-serif;
  7. @sample-font-stack-monospace: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;
  8. @sample-font-maven: "Maven Pro";
  9. @sample-font-indie: "Indie Flower";
  10. @sample-text-color: #575757;
  11. @sample-link-color: #cf5d4e;
  12. @sample-link-color-hover: lighten( @sample-link-color, -10% );
  13. @sample-box-background-color: #f5f5f5;
  14. @sample-box-border-color: #ddd;
  15. @sample-top-navigation-background: #454545;
  16. // Standard gaps
  17. @sample-standard-vgap: 1.2em;
  18. @sample-standard-hgap: 1.5em;
  19. // Generic font-size/line-height mixin.
  20. .font-size( @remSize ) {
  21. @pxSize: round( @remSize * @base-font-size, 2 );
  22. @remHeight: round( @remSize * @base-line-ratio, 2 );
  23. @pxHeight: round( @pxSize * @base-line-ratio, 2 );
  24. font-size: ~"@{pxSize}";
  25. font-size: ~"@{remSize}rem";
  26. line-height: ~"@{pxHeight}";
  27. line-height: ~"@{remHeight}rem";
  28. }