|
1 |
| -/** |
2 |
| - * .cotation -> classe de base |
3 |
| - * .default-cotation -> par défaut |
4 |
| - * .level1 -> cotaiton 0 |
5 |
| - * .level2 -> cotation 48 |
6 |
| - * .level4 -> cotation 51 |
7 |
| - * .level5 -> cotation 80 |
8 |
| - * .method -> cotation personnalisée |
9 |
| - */ |
10 |
| - |
11 |
| -.cotation-container { |
12 |
| - .dropdown-toggle { |
| 1 | +/** |
| 2 | + * .cotation -> classe de base |
| 3 | + * .default-cotation -> par défaut |
| 4 | + * .level1 -> cotaiton 0 |
| 5 | + * .level2 -> cotation 48 |
| 6 | + * .level4 -> cotation 51 |
| 7 | + * .level5 -> cotation 80 |
| 8 | + * .method -> cotation personnalisée |
| 9 | + */ |
| 10 | + |
| 11 | +//.cotation-container { |
| 12 | +// .dropdown-toggle { |
| 13 | +// &:hover { |
| 14 | +// background: rgba(0,0,0,0.1); |
| 15 | +// } |
| 16 | +// } |
| 17 | +//} |
| 18 | + |
| 19 | +.cotation { |
| 20 | + display: block; |
| 21 | + width: 50px; |
| 22 | + min-width: 50px; |
| 23 | + height: 50px; |
| 24 | + line-height: 50px; |
| 25 | + text-align: center; |
| 26 | + transition: all 0.2s ease-out; |
| 27 | + |
| 28 | + > * { |
| 29 | + // line-height: 50px; |
| 30 | + } |
| 31 | + |
| 32 | + //.icon-add { |
| 33 | + // position: absolute; |
| 34 | + // top: 12px; |
| 35 | + // right: 8px; |
| 36 | + // font-size: 12px; |
| 37 | + // color: rgba(0,0,0,0.3); |
| 38 | + // transition: color 0.2s ease-out; |
| 39 | + //} |
| 40 | + |
| 41 | + //.icon { |
| 42 | + // font-size: 16px; |
| 43 | + //} |
| 44 | + //&:hover { |
| 45 | + // cursor: pointer; |
| 46 | + // |
| 47 | + // .icon-add { |
| 48 | + // color: $color__primary; |
| 49 | + // } |
| 50 | + //} |
| 51 | + &.default-cotation { |
13 | 52 | &:hover {
|
14 | 53 | background: rgba(0,0,0,0.1);
|
15 | 54 | }
|
16 | 55 | }
|
17 |
| -} |
18 |
| - |
19 |
| -.cotation { |
20 |
| - display: block; |
21 |
| - width: 50px; |
22 |
| - min-width: 50px; |
23 |
| - height: 50px; |
24 |
| - line-height: 50px; |
25 |
| - text-align: center; |
26 |
| - transition: all 0.2s ease-out; |
27 |
| - > * { |
28 |
| - // line-height: 50px; |
29 |
| - } |
30 |
| - |
31 |
| - .icon { |
32 |
| - font-size: 16px; |
33 |
| - } |
34 |
| - &:hover { |
35 |
| - cursor: pointer; |
36 |
| - } |
37 |
| - &.default-cotation { |
38 |
| - &:hover { |
39 |
| - background: rgba(0,0,0,0.1); |
40 |
| - } |
41 |
| - } |
42 | 56 | &[data-scale="2"], &[data-scale="3"], &[data-scale="4"] {
|
43 | 57 | color: #fff !important;
|
44 |
| - } |
45 |
| - &[data-scale="1"], &.level1 { |
46 |
| - background: #e2e2e2; |
47 |
| - color: rgba(0,0,0,0.6); |
48 |
| - &:hover { |
49 |
| - background: darken(#e2e2e2, 8%); |
50 |
| - } |
51 |
| - } |
52 |
| - &[data-scale="2"], &.level2 { |
53 |
| - background: $color__yellow; |
54 |
| - color: #fff; |
55 |
| - &:hover { |
56 |
| - background: darken($color__yellow, 8%); |
57 |
| - } |
58 |
| - } |
59 |
| - &[data-scale="3"], &.level3 { |
60 |
| - background: $color__red; |
61 |
| - color: #fff; |
62 |
| - &:hover { |
63 |
| - background: darken($color__red, 8%); |
64 |
| - } |
65 |
| - } |
66 |
| - &[data-scale="4"], &.level4 { |
67 |
| - background: #2b2b2b; |
68 |
| - color: #fff; |
69 |
| - &:hover { |
70 |
| - background: darken(#2b2b2b, 8%); |
71 |
| - } |
72 |
| - } |
73 |
| - &.method { |
74 |
| - background: $color__primary; |
75 |
| - color: #fff; |
76 |
| - &:hover { |
77 |
| - background: $color__primary_dark; |
78 |
| - } |
79 |
| - } |
80 |
| -} |
81 |
| - |
82 |
| -/** table */ |
83 |
| -.wpeo-modal { |
84 |
| - .cotation { |
85 |
| - float: left; |
86 |
| - } |
| 58 | + } |
| 59 | + &[data-scale="1"], &.level1 { |
| 60 | + background: #e2e2e2; |
| 61 | + color: rgba(0,0,0,0.6); |
| 62 | + &:hover { |
| 63 | + background: darken(#e2e2e2, 8%); |
| 64 | + } |
| 65 | + } |
| 66 | + &[data-scale="2"], &.level2 { |
| 67 | + background: $color__yellow; |
| 68 | + color: #fff; |
| 69 | + &:hover { |
| 70 | + background: darken($color__yellow, 8%); |
| 71 | + } |
| 72 | + } |
| 73 | + &[data-scale="3"], &.level3 { |
| 74 | + background: $color__red; |
| 75 | + color: #fff; |
| 76 | + &:hover { |
| 77 | + background: darken($color__red, 8%); |
| 78 | + } |
| 79 | + } |
| 80 | + &[data-scale="4"], &.level4 { |
| 81 | + background: #2b2b2b; |
| 82 | + color: #fff; |
| 83 | + &:hover { |
| 84 | + background: darken(#2b2b2b, 8%); |
| 85 | + } |
| 86 | + } |
| 87 | + &.method { |
| 88 | + background: $color__primary; |
| 89 | + color: #fff; |
| 90 | + &:hover { |
| 91 | + background: $color__primary_dark; |
| 92 | + } |
| 93 | + } |
| 94 | +} |
| 95 | + |
| 96 | +/** table */ |
| 97 | +.wpeo-modal { |
| 98 | + .cotation { |
| 99 | + float: left; |
| 100 | + } |
87 | 101 | }
|
88 | 102 |
|
89 | 103 | .wpeo-table.evaluation-method {
|
90 |
| - .table-header { |
91 |
| - background: $color__secondary !important; |
| 104 | + background: none !important; |
| 105 | + |
| 106 | + .table-row.table-header { |
| 107 | + background: #fff !important; |
92 | 108 |
|
93 | 109 | @media ( max-width: $media__small ) {
|
94 | 110 | display: none;
|
|
163 | 179 | background: darken($color__primary, 60%);
|
164 | 180 | }
|
165 | 181 | }
|
166 |
| -} |
| 182 | +} |
0 commit comments