client/src/app/+admin/plugins/shared/toggle-plugin-type.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36

@import '_variables';
@import '_mixins';

.toggle-plugin-type {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;

  p-selectButton {
    ::ng-deep {
      .ui-button-text {
        font-size: 15px;
        font-weight: 600;
      }

      .ui-button.ui-state-default {
        background-color: #f0f0f0;
        border: 1px solid #f0f0f0;
      }

      .ui-button.ui-state-active {
        background-color: var(--mainColor);
        border-color: var(--mainColor);

        &:hover {
          background-color: var(--mainHoverColor);
          border-color: var(--mainHoverColor);
        }
      }

      .ui-button:not(.ui-state-active).ui-state-focus {
        box-shadow: 0 0 0 .1rem rgba(87, 85, 217, .2);
      }
    }
  }
}