// Copyright (c) 2021 Terminus, Inc.
//
// This program is free software: you can use, redistribute, and/or modify
// it under the terms of the GNU Affero General Public License, version 3
// or later ("AGPL"), as published by the Free Software Foundation.
//
// This program is distributed in the hope that it will be useful, but WITHOUT
// ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
// FITNESS FOR A PARTICULAR PURPOSE.
//
// You should have received a copy of the GNU Affero General Public License
// along with this program. If not, see <http://www.gnu.org/licenses/>.
.dice-cp-title {
  .dice-cp-title-detail {
    &.small {
      font-size: 16px;

      .subtitle {
        margin-left: 12px;
        color: $color-text-desc;
        font-size: 12px;
      }

      .pre-icon {
        width: 14px;
        height: 14px;
        margin: 12px;
      }

      .pre-image {
        width: 14px;
        height: 14px;
        margin: 12px;
      }

      .circle {
        border-radius: 50%;
      }
    }

    &.normal {
      font-size: 18px;

      .subtitle {
        margin-left: 12px;
        color: $color-text-desc;
        font-size: 14px;
      }

      .pre-icon {
        width: 16px;
        height: 16px;
        margin: 12px;
      }

      .pre-image {
        width: 16px;
        height: 16px;
        margin: 12px;
      }

      .circle {
        border-radius: 50%;
      }
    }

    &.big {
      font-size: 20px;

      .subtitle {
        margin-left: 12px;
        color: $color-text-desc;
        font-size: 16px;
      }

      .pre-icon {
        width: 18px;
        height: 18px;
        margin: 12px;
      }

      .pre-image {
        width: 18px;
        height: 18px;
        margin: 12px;
      }

      .circle {
        border-radius: 50%;
      }
    }

    &.large {
      font-size: 24px;

      .subtitle {
        margin-left: 12px;
        color: $color-text-desc;
        font-size: 20px;
      }

      .pre-icon {
        width: 20px;
        height: 20px;
        margin: 12px;
      }

      .pre-image {
        width: 20px;
        height: 20px;
        margin: 12px;
      }

      .circle {
        border-radius: 50%;
      }
    }
  }

  .no-margin-bottom {
    margin-bottom: 0;
  }
}
