et-style v0.0.7

et-style

Endtour design scss variables and mixins.

Variables

// Color.
$color-primary: #000;
$color-important: #333;
$color-normal: #666;
$color-unimportant: #999;
$color-disabled: #CCC;
$color-success: #4CAF50;
$color-danger: #F44336;
$color-background: #FFF;
$color-border: #EEE;

// Font Family.
$font-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
$font-serif: Georgia, "Times New Roman", Times, serif;
$font-monospace: Monaco, Consolas, Menlo, Courier, monospace;

// Font Size.
$font-size-normal: 14px;
$font-size-s: 12px;
$font-size-l: 16px;

// Line Height.
$line-height-normal: 1.75;

// Space.
$space-normal: 16px;
$space-s: 8px;
$space-xs: 4px;
$space-l: 32px;
$space-xl: 64px;

// Shadow.
$shadow-offset-x-normal: 2px;
$shadow-offset-x-s: 1px;
$shadow-offset-x-l: 3px;
$shadow-offset-y-normal: 2px;
$shadow-offset-y-s: 1px;
$shadow-offset-y-l: 3px;
$shadow-distance-normal: 5px;
$shadow-distance-s: 3px;
$shadow-distance-l: 7px;
$shadow-color-normal: rgba(0, 0, 0, .3);
$shadow-color-s: rgba(0, 0, 0, .2);
$shadow-color-l: rgba(0, 0, 0, .4);

Mixins

See.

License

MIT.