Newer
Older
@import '../base/color';
@import '../base/breakpoint';
// EcogestureCardContainer
.ecogesture-root {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
.negawatt-button-content{
width: calc(53rem - 2%);
margin: 0 1%;
@media #{$large-phone} {
width: 97%;
}
@media #{$tablet} {
width: 97%;
}
}
.ecogesture-content {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
width: 53rem;
@media #{$large-phone} {
width: 100%;
}
@media #{$tablet} {
width: 100%;
}
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
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
.ecogesture-list-item {
width: 48%;
height: 7rem;
margin: 1% 1%;
}
.ecogesture-list-item > button {
height: 100%;
overflow: hidden;
}
}
}
// EcogestureCard
.ec-link {
color: black;
}
.ec {
display: flex;
width: 100%;
height: 100%;
.ec-content {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-end;
.ec-content-short-name {
display: flex;
flex: 1;
align-items: center;
// color: var(--textWhite)
}
.ec-content-nwh-true {
margin-top: 0.25rem;
color: $dark-light-2;
}
.ec-content-nwh-undefined {
margin-top: 0.25rem;
color: $text-dark;
}
}
}
.cp-eg-1 {
width: 100%;
margin-right: 0.25rem;
text-align: center;
}
.cp-eg-2 {
width: 100%;
margin-left: 0.25rem;
text-align: center;
}
// EcogestureModal
.em-header {
color: $text-bright;
border-bottom: 1px solid rgba(163, 163, 163, 0.4);
padding-bottom: 1em;
width: 100%;
display: flex;
justify-content: center;
}
.em-icon {
margin-bottom: 1rem;
}
.em-title {
margin-bottom: 0;
}
.em-detail {
display: flex;
flex-direction: row;
margin: 0.5em 0;
.em-detail-nwh {
display: flex;
flex: 1;
align-self: flex-start;
margin-top: 0.65rem;
color: var(--textDark);
.em-detail-nwh-unit {
margin-left: 0.2rem;
}
}
.em-picto-flow {
display: flex;
align-self: flex-end;
.em-pic-content {
margin: 0.3em;
}
}
}
.em-content-box {
width: 100%;
display: flex;
justify-content: center;
/* width */
&::-webkit-scrollbar {
width: 10px;
}
/* Track */
&::-webkit-scrollbar-track {
background: #3e4045;
}
/* Handle */
&::-webkit-scrollbar-thumb {
background: #6f7074;
}
.em-content-box-text {
display: flex;
flex-direction: column;
width: 22.125rem;
@media #{$large-phone} {
width: 100%;
}