chowa/es/utils/style/utils.css

UI component library based on React

/**
 * @license chowa v1.1.3
 *
 * Copyright (c) Chowa Techonlogies Co.,Ltd.(http://www.chowa.cn).
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */
.cw-mt-8 {
  margin-top: 8px !important; }

.cw-ml-8 {
  margin-left: 8px !important; }

.cw-mb-8 {
  margin-bottom: 8px !important; }

.cw-mr-8 {
  margin-right: 8px !important; }

.cw-mt-12 {
  margin-top: 12px !important; }

.cw-ml-12 {
  margin-left: 12px !important; }

.cw-mb-12 {
  margin-bottom: 12px !important; }

.cw-mr-12 {
  margin-right: 12px !important; }

.cw-mt-16 {
  margin-top: 16px !important; }

.cw-ml-16 {
  margin-left: 16px !important; }

.cw-mb-16 {
  margin-bottom: 16px !important; }

.cw-mr-16 {
  margin-right: 16px !important; }

.cw-mt-18 {
  margin-top: 18px !important; }

.cw-ml-18 {
  margin-left: 18px !important; }

.cw-mb-18 {
  margin-bottom: 18px !important; }

.cw-mr-18 {
  margin-right: 18px !important; }

.cw-mt-22 {
  margin-top: 22px !important; }

.cw-ml-22 {
  margin-left: 22px !important; }

.cw-mb-22 {
  margin-bottom: 22px !important; }

.cw-mr-22 {
  margin-right: 22px !important; }

.cw-round {
  border-radius: 999px !important; }

.cw-fl {
  float: left !important; }

.cw-fr {
  float: right !important; }

.cw-clear {
  clear: both !important; }

.cw-clear-l {
  clear: left !important; }

.cw-clear-r {
  clear: right !important; }

.cw-flex-box {
  display: flex !important;
  overflow-x: hidden; }

.cw-flex-auto {
  flex: auto !important; }

.cw-flex-none {
  flex: none !important; }

.cw-flex-column {
  flex-direction: column !important; }

.cw-flex-column-reverse {
  flex-direction: column-reverse !important; }

.cw-flex-row-reverse {
  flex-direction: row-reverse !important; }

.cw-flex-align-end {
  align-items: flex-end !important; }

.cw-flex-align-middle {
  align-items: center !important; }

.cw-flex-justify-end {
  justify-content: flex-end !important; }

.cw-flex-justify-center {
  justify-content: center !important; }

.cw-flex-justify-space-between {
  justify-content: space-between !important; }

.cw-flex-justify-space-around {
  justify-content: space-around !important; }

.cw-fs-12 {
  font-size: 12px !important; }

.cw-fs-13 {
  font-size: 13px !important; }

.cw-fs-14 {
  font-size: 14px !important; }

.cw-fs-15 {
  font-size: 15px !important; }

.cw-fs-16 {
  font-size: 16px !important; }

.cw-fs-17 {
  font-size: 17px !important; }

.cw-fs-18 {
  font-size: 18px !important; }

.cw-fs-19 {
  font-size: 19px !important; }

.cw-fs-20 {
  font-size: 20px !important; }

.cw-fs-21 {
  font-size: 21px !important; }

.cw-fs-22 {
  font-size: 22px !important; }

.cw-fs-23 {
  font-size: 23px !important; }

.cw-fs-24 {
  font-size: 24px !important; }

.cw-fs-25 {
  font-size: 25px !important; }

.cw-fs-26 {
  font-size: 26px !important; }

.cw-text-color-base {
  color: #414a63; }

.cw-text-color-gray {
  color: #616a6e; }

.cw-text-color-light {
  color: #888da8; }

.cw-text-color-primary {
  color: #7774e7; }

.cw-text-color-info {
  color: #1890ff; }

.cw-text-color-success {
  color: #52c41a; }

.cw-text-color-warning {
  color: #faad14; }

.cw-text-color-error {
  color: #ed4014; }

.cw-text-bold {
  font-weight: 500; }

.cw-clear-btn {
  margin: 0;
  padding: 0;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  border: none;
  outline: none;
  background-color: #888da8;
  font-size: 12px;
  color: #cdc7c7;
  transition: all 0.2s ease-in;
  cursor: pointer;
  border-radius: 50%; }
  .cw-clear-btn:hover {
    color: #fff; }

.cw-clear-btn-absolute {
  position: absolute;
  top: 7px;
  right: 7px; }