0001-use-sass-map-for-colors-list.patch
chrono/manager/static/css/style.scss | ||
---|---|---|
354 | 354 |
text-align: center; |
355 | 355 |
} |
356 | 356 | |
357 |
// booking colors |
|
358 |
$booking-colors: ( |
|
359 |
0: hsl(30, 100%, 46%), |
|
360 |
1: hsl(120, 57%, 35%), |
|
361 |
2: hsl(270, 40%, 50%), |
|
362 |
3: hsl(355, 80%, 45%), |
|
363 |
4: hsl(10, 70%, 30%), |
|
364 |
5: hsl(60, 98%, 30%), |
|
365 |
6: hsl(150, 57%, 25%), |
|
366 |
7: hsl(320, 70%, 60%) |
|
367 |
); |
|
357 | 368 |
.booking-colors { |
358 | 369 |
margin-top: 1.5rem; |
359 | 370 |
} |
... | ... | |
364 | 375 |
font-weight: bold; |
365 | 376 |
font-size: .65em; |
366 | 377 |
} |
367 | ||
368 |
.agenda-table tbody td div.booking-color-0 { |
|
369 |
color: hsl(28, 100%, 45%); |
|
370 |
} |
|
371 | ||
372 |
.agenda-table tbody td div.booking-color-1 { |
|
373 |
color: hsl(120, 56.9%, 40%); |
|
374 |
} |
|
375 | ||
376 |
.agenda-table tbody td div.booking-color-2 { |
|
377 |
color: hsl(359.7, 69.2%, 49.6%); |
|
378 |
} |
|
379 | ||
380 |
.agenda-table tbody td div.booking-color-3 { |
|
381 |
color: hsl(271.4, 39.4%, 57.3%); |
|
382 |
} |
|
383 | ||
384 |
.agenda-table tbody td div.booking-color-4 { |
|
385 |
color: hsl(10.2, 30.2%, 42.2%); |
|
386 |
} |
|
387 | ||
388 |
.booking-bg-color-0 { |
|
389 |
background-color: hsl(28, 100%, 45%); |
|
390 |
} |
|
391 | ||
392 |
.booking-bg-color-1 { |
|
393 |
background-color: hsl(120, 56.9%, 40%); |
|
394 |
} |
|
395 | ||
396 |
.booking-bg-color-2 { |
|
397 |
background-color: hsl(359.7, 69.2%, 49.6%); |
|
398 |
} |
|
399 | ||
400 |
.booking-bg-color-3 { |
|
401 |
background-color: hsl(271.4, 39.4%, 57.3%); |
|
402 |
} |
|
403 | ||
404 |
.booking-bg-color-4 { |
|
405 |
background-color: hsl(10.2, 30.2%, 42.2%); |
|
378 |
@each $index, $color in $booking-colors { |
|
379 |
.agenda-table tbody td div.booking-color-#{$index} { |
|
380 |
color: $color; |
|
381 |
} |
|
382 |
.booking-bg-color-#{$index} { |
|
383 |
background-color: $color; |
|
384 |
} |
|
406 | 385 |
} |
407 |
- |