uxcore-title/demo/TitleDemo.less

uxcore-title component for uxcore.

/**
 * Title Component Demo Style for Uxcore
 * @author eternalsky
 *
 * Copyright 2015-2018, Uxcore Team, Alinw.
 * All rights reserved.
 */

@import "../node_modules/kuma-base/theme/orange";
@import "../src/Title.less";

body {
  padding: 20px;
}

h2 {
  color: @brand-primary;
}

.demo-tilte-icon {
  color: @normal-alpha-4;
  margin-right: 12px;
  vertical-align: middle;
  &.large {
    font-size: 28px;
  }
  &.middle {
    font-size: 24px;
  }
  &.small {
    font-size: 20px;
  }
}

.demo-title-tip {
  margin-left: 12px;
  color: #3C99D8;
  vertical-align: middle;
}