25 lines
499 B
SCSS
25 lines
499 B
SCSS
|
.device {
|
||
|
|
.header {
|
||
|
|
display: flex !important;
|
||
|
|
flex-direction: column;
|
||
|
|
@media only screen and (min-width : 768px) {
|
||
|
|
flex-direction: row;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.connectionState {
|
||
|
|
@media only screen and (min-width : 768px) {
|
||
|
|
margin-left: .75em;
|
||
|
|
}
|
||
|
|
font-size: .75em;
|
||
|
|
font-weight: lighter;
|
||
|
|
|
||
|
|
&.connected {
|
||
|
|
color: #13D213;
|
||
|
|
}
|
||
|
|
|
||
|
|
&.disconnected {
|
||
|
|
color: #D20000;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|