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