1@mixin state-label {
2  text-transform: uppercase;
3  font-weight: 700;
4  font-size: .8em;
5}
6
7$title-minWidth: 210px;
8
9.header__actions-bar {
10  padding-left: 1.5em;
11  padding-right: 1em;
12  font-weight: 700;
13  .sensor__title {
14    margin-left: 1.5em;
15  }
16  .sensor__reading {
17    margin-right: .2em;
18  }
19  .sensor__heading-current {
20    padding-right: 1em;
21  }
22}
23
24.sensor__heading-current {
25  margin: 0;
26  @include mediaQuery(medium) {
27    margin-left: 10px;
28    margin-right: 10px;
29  }
30}
31
32.sensor__label {
33  float: left;
34  font-weight: 300;
35  @include mediaQuery(medium) {
36    display: none;
37  }
38}
39
40.sensor__table {
41  width: auto;
42  min-width: 60%;
43  margin: 0;
44  background: $white;
45  text-decoration: none;
46  border: 1px solid $medgrey;
47  background: lighten($lightgrey,1%);
48  @include mediaQuery(medium) {
49    margin-top: 0;
50    border-top: 0;
51    background: transparent;
52  }
53  .sensor__title {
54    font-weight: 700;
55    background: darken($lightgrey, 5%);
56    min-width: 25%;
57    overflow: visible;
58    @include mediaQuery(medium) {
59      min-width: 25%;
60      background: transparent;
61    }
62  }
63  .sensor__reading,
64  .sensor__status {
65    display: block;
66    min-width: 15%;
67    overflow: visible;
68    @include mediaQuery(medium) {
69      display: inline-block;
70    }
71  }
72  .sensor__threshold {
73    display: block;
74    overflow: visible;
75    @include mediaQuery(medium) {
76      display: inline-block;
77    }
78  }
79  .sensor__Critical {
80    background: $thresh-critical;
81    color: $white;
82    .content-label {
83      color: $white;
84    }
85  }
86  .sensor__Warning {
87    background: $thresh-warning;
88    color: $black;
89    .content-label {
90      color: $black;
91    }
92  }
93  .sensor__OK {
94    background: $thresh-normal;
95    color: $black;
96    .content-label {
97      color: $black;
98    }
99  }
100}
101
102// Sensors
103#sensors, #sensors-overview {
104  .toggle-filter {
105    margin-bottom: 20px;
106  }
107  .column, .columns {
108    padding-left: 0px;
109    padding-right: 0px;
110  }
111  .dropdown__button {
112    margin-bottom: 1.2em;
113  }
114  .dropdown__list {
115    margin-top: -17px;
116  }
117  .dropdown__button {
118    width: 25em;
119    margin-top: 0;
120    text-align: left;
121    border: 0.1em solid;
122  }
123  .dropdown__wrapper {
124    width: 25em;
125    margin-top: 0.4em;
126    text-align: left;
127  }
128  .select__filter {
129    margin-bottom: 20px;
130    margin-left: 15px;
131  }
132}
133
134//end sensor details
135