@import '../_variables';
@import '../_mixins';

.@{prefix}subscreen-title-wrapper {
  display: flex;
  height: 100%;

  .@{prefix}subscreen-title {
    height: 100%;
    cursor: pointer;
    transition: all .25s;
    // 大盘
    .modify('mode', 'dashboard', {
      padding: 0 16px;
    });
    // 大屏
    .modify('mode', 'screen', {
      padding: 0 32px;
    });

   
    &.selected {
      border-bottom-style: solid;
      border-bottom-color: var(--screen-brand1-6);
      // 大盘
      .modify('mode', 'dashboard', {
        border-bottom-width: 2px;
      });
      // 大屏
      .modify('mode', 'screen', {
        border-bottom-width: 4px;
      });
    }
  }
}
