server-control/styles/power-operations.scss

3 .power-operations {
5   .power__current-status {
6     border-bottom: 1px solid $border-color-01;
10   // Power state indicator on/off
12     font-weight: 700;
13     margin-top: -0.3em;
17   .power__indicator-bar {
18     font-weight: bold;
21     margin-bottom: 3em;
22     background-size: 200% 100%;
23     background-image: linear-gradient(to right, darken($background-02, 3%) 50%, $accent-02--02 50%);
24     background-position: 0;
25     transition: background-position 2s ease;
28     justify-content: space-between;
29     align-items: center;
33       font-size: 1.2em;
35     &.power__state-on {
36       background-position: -100%;
38     &.power__state-off {
39       background-position: 0;
40       color: $primary-dark;
42     &.power__state-indet {
43       color: $text-02;
44       @include indeterminate-bar;
46     &.power__state-error {
47       background-position: 0;
48       color: $primary-dark;
52   .boot-options,
53   .boot-operations {
54     margin-bottom: 1em;
57   .boot-options {
58     .control-check {
59       padding-top: 4px;
61     .boot-checkbox {
62       padding-left: 2em;
63       text-transform: none;
64       font-weight: 400;
65       font-size: 16px;
66       color: $primary-dark;
70   .boot-options-wrapper {
74   .operations-wrapper {
77       margin-bottom: 1.5em;
78       .control-radio {
80         text-transform: none;
81         font-weight: 400;
82         font-size: 16px;
83         color: $primary-dark;
87     .alert-warning {
88       border: 1px solid $accent-03--01;
90       margin-bottom: 1em;
92       align-items: center;
93       .pending-icon {
96       .alert-pending {
97         margin-top: 0.3em;
98         margin-bottom: 0;
103   .boot-settings-form {
104     background-color: $base-02--06;
106     .boot-form-actions {
107       margin-bottom: 4em;
116   .control-radio .control__indicator-on {
123   .control-radio .control__indicator-on:after {
129 } //end power-operations