2017-08-06 22:24:06 +02:00
|
|
|
.network-indicator {
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
2017-08-14 10:31:27 +02:00
|
|
|
font-size: .6em;
|
2017-08-06 22:24:06 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.network-name {
|
2017-09-05 00:55:14 +02:00
|
|
|
line-height: 12px;
|
|
|
|
padding: 0 4px;
|
2017-08-31 00:55:39 +02:00
|
|
|
font-family: 'DIN OT';
|
|
|
|
font-size: 10px;
|
2017-09-01 01:09:39 +02:00
|
|
|
flex: 1 0 auto;
|
2017-08-06 22:24:06 +02:00
|
|
|
}
|
2017-08-31 13:08:11 +02:00
|
|
|
|
2017-09-05 00:55:14 +02:00
|
|
|
.network-droppo {
|
|
|
|
right: 2px;
|
|
|
|
|
|
|
|
@media screen and (min-width: 576px) {
|
|
|
|
right: calc(((100% - 85vw) / 2) + 2px);
|
|
|
|
}
|
|
|
|
|
|
|
|
@media screen and (min-width: 769px) {
|
|
|
|
right: calc(((100% - 80vw) / 2) + 2px);
|
|
|
|
}
|
|
|
|
|
|
|
|
@media screen and (min-width: 1281px) {
|
|
|
|
right: calc(((100% - 65vw) / 2) + 2px);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.network-name-item {
|
2017-08-31 13:08:11 +02:00
|
|
|
font-weight: 100;
|
|
|
|
flex: 1 0 auto;
|
|
|
|
color: $dusty-gray;
|
|
|
|
}
|
|
|
|
|
|
|
|
.network-check,
|
|
|
|
.network-check__transparent {
|
|
|
|
color: $white;
|
|
|
|
margin-left: 7px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.network-check__transparent {
|
|
|
|
opacity: 0;
|
|
|
|
}
|