Revision 9bace48d
Von Werner Hahn vor etwa 1 Monat hinzugefügt
- ID 9bace48d098168de022afeb3a5c7767cc712418a
- Vorgänger 6a559670
| css/design40/less/custom.less | ||
|---|---|---|
| 25 | 25 |
// ********************************** |
| 26 | 26 |
.pos_content{
|
| 27 | 27 |
display: grid; |
| 28 |
grid-column: repeat(12, 1fr);
|
|
| 29 |
grid-template-rows: repeat(12,fr);
|
|
| 30 |
grid-gap: 20px;
|
|
| 28 |
grid-template-columns: repeat(16, 1fr);
|
|
| 29 |
grid-template-rows: auto;
|
|
| 30 |
grid-gap: 2px; |
|
| 31 | 31 |
} |
| 32 | 32 |
|
| 33 |
.container_pos_right{
|
|
| 34 |
display: grid; |
|
| 35 |
grid-column: 3 / 6; |
|
| 36 |
grid-row: 1 /5; |
|
| 37 |
grid-template-columns: repeat(9, 1fr); |
|
| 38 |
grid-template-rows: repeat(6, fr); |
|
| 39 |
grid-gap: 10px; |
|
| 40 |
height: calc(50vh - 10px); |
|
| 41 |
justify-self: center; |
|
| 42 |
align-self: center; |
|
| 33 |
//.container_pos_right{
|
|
| 34 |
// display: grid; |
|
| 35 |
// grid-column: 7/12; |
|
| 36 |
// grid-template-columns: repeat(2, 1fr); |
|
| 37 |
// grid-template-rows: repeat(6, 1fr); |
|
| 38 |
// grid-gap: 1px; |
|
| 39 |
// height: calc(50vh - 10px); |
|
| 40 |
//justify-self: center; |
|
| 41 |
//align-self: center; |
|
| 42 |
//padding-left:1em; |
|
| 43 |
//} |
|
| 44 |
|
|
| 45 |
.input_cv{
|
|
| 46 |
grid-column:2/4; |
|
| 47 |
grid-row: 2/3; |
|
| 43 | 48 |
} |
| 44 | 49 |
|
| 45 |
.container_pos_left{
|
|
| 46 |
display: grid; |
|
| 47 |
grid-column: 1 / 9; |
|
| 48 |
grid-row: 1 /1; |
|
| 49 |
grid-template-columns: repeat(3, 1fr); |
|
| 50 |
grid-template-rows: repeat(6, fr); |
|
| 51 |
grid-gap: 10px; |
|
| 52 |
height: calc(50vh - 10px); |
|
| 53 |
justify-self: center; |
|
| 54 |
align-self: center; |
|
| 55 |
} |
|
| 56 |
|
|
| 57 |
.pos_button{
|
|
| 58 |
//border: green 1px solid; |
|
| 59 |
//font-size: calc(4vw + 4vh + 2vmin); |
|
| 60 |
font-size: 1vi; |
|
| 61 |
font-weight: bold; |
|
| 50 |
.salesman{
|
|
| 51 |
grid-column:4/6; |
|
| 52 |
grid-row: 2/3; |
|
| 53 |
} |
|
| 54 |
|
|
| 55 |
|
|
| 56 |
.order{
|
|
| 57 |
grid-column:2/4; |
|
| 58 |
grid-row: 3/4; |
|
| 59 |
} |
|
| 60 |
|
|
| 61 |
.item_input{
|
|
| 62 |
grid-column:2/8; |
|
| 63 |
grid-row: 4/5; |
|
| 64 |
} |
|
| 65 |
|
|
| 66 |
.show_rows{
|
|
| 67 |
grid-column:1/8; |
|
| 68 |
grid-row: 5/12; |
|
| 69 |
} |
|
| 70 |
//.container_pos_left{
|
|
| 71 |
// display: grid; |
|
| 72 |
// grid-column: 1 / 6; |
|
| 73 |
// grid-row: 1 /6; |
|
| 74 |
// grid-template-columns: repeat(3, 1fr); |
|
| 75 |
// grid-template-rows: repeat(12, 1fr); |
|
| 76 |
// grid-gap: 1px; |
|
| 77 |
// height: calc(50vh - 10px); |
|
| 78 |
//justify-self: center; |
|
| 79 |
//align-self: center; |
|
| 80 |
//padding: 3em; |
|
| 81 |
//} |
|
| 82 |
|
|
| 83 |
.pos_button1{
|
|
| 84 |
grid-column: 9/11; |
|
| 85 |
grid-row: 2/3; |
|
| 86 |
font-size: 1vi; |
|
| 87 |
font-weight: bold; |
|
| 88 |
display: flex; |
|
| 89 |
justify-content: center; |
|
| 90 |
align-items: center; |
|
| 91 |
cursor:pointer; |
|
| 92 |
} |
|
| 93 |
|
|
| 94 |
.pos_button2{
|
|
| 95 |
grid-column: 11/13; |
|
| 96 |
grid-row: 2/3; |
|
| 97 |
font-size: 1vi; |
|
| 98 |
font-weight: bold; |
|
| 99 |
display: flex; |
|
| 100 |
justify-content: center; |
|
| 101 |
align-items: center; |
|
| 102 |
cursor:pointer; |
|
| 103 |
} |
|
| 104 |
|
|
| 105 |
.pos_button3{
|
|
| 106 |
grid-column: 9/11; |
|
| 107 |
grid-row: 3/4; |
|
| 108 |
font-size: 1vi; |
|
| 109 |
font-weight: bold; |
|
| 110 |
display: flex; |
|
| 111 |
justify-content: center; |
|
| 112 |
align-items: center; |
|
| 113 |
cursor:pointer; |
|
| 114 |
} |
|
| 115 |
|
|
| 116 |
.pos_button4{
|
|
| 117 |
grid-column: 11/13; |
|
| 118 |
grid-row: 3/4; |
|
| 119 |
font-size: 1vi; |
|
| 120 |
font-weight: bold; |
|
| 121 |
display: flex; |
|
| 122 |
justify-content: center; |
|
| 123 |
align-items: center; |
|
| 124 |
cursor:pointer; |
|
| 125 |
} |
|
| 126 |
|
|
| 127 |
.pos_button5{
|
|
| 128 |
grid-column: 9/11; |
|
| 129 |
grid-row: 4/5; |
|
| 130 |
font-size: 1vi; |
|
| 131 |
font-weight: bold; |
|
| 132 |
display: flex; |
|
| 133 |
justify-content: center; |
|
| 134 |
align-items: center; |
|
| 135 |
cursor:pointer; |
|
| 136 |
} |
|
| 137 |
|
|
| 138 |
.pos_button6{
|
|
| 139 |
grid-column: 11/13; |
|
| 140 |
grid-row: 4/5; |
|
| 141 |
font-size: 1vi; |
|
| 142 |
font-weight: bold; |
|
| 143 |
display: flex; |
|
| 144 |
justify-content: center; |
|
| 145 |
align-items: center; |
|
| 146 |
cursor:pointer; |
|
| 147 |
} |
|
| 148 |
|
|
| 149 |
.pos_button7{
|
|
| 150 |
grid-column: 9/11; |
|
| 151 |
grid-row: 5/6; |
|
| 152 |
font-size: 1vi; |
|
| 153 |
font-weight: bold; |
|
| 154 |
display: flex; |
|
| 155 |
justify-content: center; |
|
| 156 |
align-items: center; |
|
| 157 |
cursor:pointer; |
|
| 158 |
} |
|
| 159 |
|
|
| 160 |
.pos_button8{
|
|
| 161 |
grid-column: 11/13; |
|
| 162 |
grid-row: 5/6; |
|
| 163 |
font-size: 1vi; |
|
| 164 |
font-weight: bold; |
|
| 165 |
display: flex; |
|
| 166 |
justify-content: center; |
|
| 167 |
align-items: center; |
|
| 168 |
cursor:pointer; |
|
| 169 |
} |
|
| 170 |
|
|
| 171 |
.pos_button9{
|
|
| 172 |
grid-column: 9/11; |
|
| 173 |
grid-row: 6/7; |
|
| 174 |
font-size: 1vi; |
|
| 175 |
font-weight: bold; |
|
| 176 |
display: flex; |
|
| 177 |
justify-content: center; |
|
| 178 |
align-items: center; |
|
| 179 |
cursor:pointer; |
|
| 180 |
} |
|
| 181 |
|
|
| 182 |
.pos_button10{
|
|
| 183 |
grid-column: 11/13; |
|
| 184 |
grid-row: 6/7; |
|
| 185 |
font-size: 1vi; |
|
| 186 |
font-weight: bold; |
|
| 62 | 187 |
display: flex; |
| 63 | 188 |
justify-content: center; |
| 64 | 189 |
align-items: center; |
| 190 |
cursor:pointer; |
|
| 65 | 191 |
} |
| 66 | 192 |
|
| 67 |
.pos_button:hover{
|
|
| 193 |
.pos_button11{
|
|
| 194 |
grid-column: 11/13; |
|
| 195 |
grid-row: 8/9; |
|
| 196 |
font-size: 1vi; |
|
| 197 |
font-weight: bold; |
|
| 198 |
display: flex; |
|
| 199 |
justify-content: center; |
|
| 200 |
align-items: center; |
|
| 68 | 201 |
cursor:pointer; |
| 202 |
} |
|
| 69 | 203 |
|
| 204 |
.pos_button12{
|
|
| 205 |
grid-column: 11/13; |
|
| 206 |
grid-row: 8/9; |
|
| 207 |
font-size: 1vi; |
|
| 208 |
font-weight: bold; |
|
| 209 |
display: flex; |
|
| 210 |
justify-content: center; |
|
| 211 |
align-items: center; |
|
| 212 |
cursor:pointer; |
|
| 70 | 213 |
} |
| 71 | 214 |
|
| 215 |
//.pos_button:hover{
|
|
| 216 |
// cursor:pointer; |
|
| 217 |
// |
|
| 218 |
//} |
|
| 219 |
|
|
| 72 | 220 |
//.my-class-padding: 0.2em ; // just an example |
| 73 | 221 |
|
| 74 | 222 |
// |
Auch abrufbar als: Unified diff
POS WIP