mirror of
https://github.com/DeviceFarmer/stf.git
synced 2026-04-18 08:13:31 +02:00
79 lines
1.4 KiB
CSS
79 lines
1.4 KiB
CSS
.device-stats {
|
|
min-height: 100px;
|
|
height: 100px;
|
|
text-align: center;
|
|
}
|
|
|
|
.device-stats [class^="col-"],
|
|
.device-stats [class*="col-"] {
|
|
height: 100%;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.device-stats [class^="col-"]:last-child,
|
|
.device-stats [class*="col-"]:last-child {
|
|
border: 0;
|
|
}
|
|
|
|
.device-stats [class^="col-"] .number,
|
|
.device-stats [class*="col-"] .number {
|
|
font-size: 3.4em;
|
|
font-weight: 100;
|
|
line-height: 1.5em;
|
|
letter-spacing: -0.06em;
|
|
}
|
|
|
|
.device-stats [class^="col-"] .number .icon,
|
|
.device-stats [class*="col-"] .number .icon {
|
|
width: 50px;
|
|
height: 38px;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
margin: 20px 12px 0 0;
|
|
}
|
|
|
|
.device-stats [class^="col-"] .text,
|
|
.device-stats [class*="col-"] .text {
|
|
font-weight: 300;
|
|
color: #aeaeae;
|
|
text-transform: uppercase;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.device-stats .fa {
|
|
font-size: 0.8em;
|
|
}
|
|
|
|
|
|
@media (max-width: 600px) {
|
|
.device-stats {
|
|
min-height: 60px;
|
|
height: 60px;
|
|
text-align: center;
|
|
}
|
|
|
|
.device-stats .fa {
|
|
font-size: 0.6em;
|
|
}
|
|
|
|
.device-stats [class^="col-"] .number,
|
|
.device-stats [class*="col-"] .number {
|
|
font-size: 1.8em;
|
|
line-height: normal;
|
|
font-weight: 300;
|
|
}
|
|
|
|
.device-stats [class^="col-"] .number .icon,
|
|
.device-stats [class*="col-"] .number .icon {
|
|
width: 25px;
|
|
height: 19px;
|
|
margin: 10px 6px 0 0;
|
|
}
|
|
|
|
.device-stats [class^="col-"] .text,
|
|
.device-stats [class*="col-"] .text {
|
|
font-size: 0.8em;
|
|
font-weight: 500;
|
|
}
|
|
}
|