Newer
Older
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
/* Cozy UI utilities classes */
@import '~cozy-ui/dist/cozy-ui.min.css';
/* Cozy UI React components styles */
@import '~cozy-ui/react/stylesheet.css';
/* App styles */
@import 'base/layout';
@import 'base/color';
@import 'base/breakpoint';
@import 'base/typography';
@import 'components/card';
@import 'components/form';
@import 'components/button';
@import 'components/konnector';
@import 'components/fluid';
@import 'components/navigator';
@import 'components/consumptionvisualizer';
@import 'components/barchart';
@import 'components/nav';
@import 'components/indicators';
@import 'components/challenges';
@import 'components/ecogesture';
@import 'components/modal';
@import 'components/faq';
@import 'components/splash';
:root {
--blue: #{$blue};
--blue40: #{$blue-40};
--blueBackground: #{$blue-radial-gradient};
--blueRadialGradient: #{$blue-radial-gradient};
--blueRadialGradientTrans: #{$blue-radial-gradient-transparent};
--elecColor: #{$elec-color};
--elecCompareColor: #{$elec-compare-color};
--gasColor: #{$gas-color};
--gasCompareColor: #{$gas-compare-color};
--waterColor: #{$water-color};
--waterCompareColor: #{$water-compare-color};
--multiColor: #{$multi-color};
--multiCompareColor: #{$multi-compare-color};
--greyBright: #{$grey-bright};
--greyDark: #{$grey-dark};
--textBlack: #{$text-black};
--textWhite: #{$text-white};
--textBright: #{$text-bright};
--textDark: #{$text-dark};
--darkLight: #{$dark-light};
--darkLight2: #{$dark-light-2};
--textFont: #{$text-font};
--greyBackground: #{$grey-background};
--multiColorRadialGradientTrans: #{$multi-color-radial-gradient-transparent};
--elecColorRadialGradientTrans: #{$elec-color-radial-gradient-transparent};
--waterColorRadialGradientTrans: #{$water-color-radial-gradient-transparent};
--gasColorRadialGradientTrans: #{$multi-color-radial-gradient-transparent};
--multiColorRadialGradient: #{$multi-color-radial-gradient};
--elecColorRadialGradient: #{$elec-color-radial-gradient};
--gasColorRadialGradient: #{$gas-color-radial-gradient};
--waterColorRadialGradient: #{$water-color-radial-gradient};
}
.application {
@media #{$large-phone} {
min-height: 100vh;
}
overflow-x: hidden;
}