Projet

Général

Profil

0001-use-sass-map-for-colors-list.patch

Thomas Jund, 08 décembre 2020 10:28

Télécharger (1,91 ko)

Voir les différences:

Subject: [PATCH 1/2] use sass map for colors list

 chrono/manager/static/css/style.scss | 57 +++++++++-------------------
 1 file changed, 18 insertions(+), 39 deletions(-)
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
-