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

   1 @import '_variables';
   2 @import '_mixins';
   3
   4 .toggle-plugin-type {
   5   display: flex;
   6   justify-content: center;
   7   margin-bottom: 30px;
   8
   9   p-selectButton {
  10     ::ng-deep {
  11       .ui-button-text {
  12         font-size: 15px;
  13         font-weight: 600;
  14       }
  15
  16       .ui-button.ui-state-default {
  17         background-color: #f0f0f0;
  18         border: 1px solid #f0f0f0;
  19       }
  20
  21       .ui-button.ui-state-active {
  22         background-color: pvar(--mainColor);
  23         border-color: pvar(--mainColor);
  24
  25         &:hover {
  26           background-color: pvar(--mainHoverColor);
  27           border-color: pvar(--mainHoverColor);
  28         }
  29       }
  30
  31       .ui-button:not(.ui-state-active).ui-state-focus {
  32         box-shadow: 0 0 0 .1rem rgba(87, 85, 217, .2);
  33       }
  34     }
  35   }
  36 }