1
1
/*
2
2
3
- The Web We Want
3
+ Devs of Colour
4
4
5
5
colors:
6
6
- Green: #3b9559
@@ -38,10 +38,6 @@ body {
38
38
flex-direction : column;
39
39
}
40
40
41
- html {
42
- background : # CEF6DA url (/static/img/repeating-pattern.png) center top;
43
- }
44
-
45
41
h1 , h2 , h3 , h4 , h5 , h6 {
46
42
font-weight : 400 ;
47
43
margin : 0 ;
@@ -294,26 +290,17 @@ nav a {
294
290
}
295
291
296
292
/* Tags & votes */
297
- .tags > * ,
298
- .votes > * ,
299
- .want__presented_at > * {
293
+ .tags > * {
300
294
display : inline;
301
295
margin : 0 ;
302
296
padding : 0 ;
303
297
}
304
- .tags dt ,
305
- .votes dt ,
306
- .want__presented_at dt {
298
+ .tags dt {
307
299
font-weight : bold;
308
300
}
309
- .tags dt ::after ,
310
- .votes dt ::after ,
311
- .want__presented_at dt ::after {
301
+ .tags dt ::after {
312
302
content : ": " ;
313
303
}
314
- .votes > dd + dd {
315
- display : block;
316
- }
317
304
318
305
/* Footer */
319
306
footer {
@@ -513,114 +500,26 @@ button:focus:active,
513
500
}
514
501
}
515
502
516
- .events {
517
- display : grid;
518
- grid-template-columns : repeat ( auto-fit, minmax ( 250px , 1fr ) );
519
- column-gap : 1rem ;
520
- row-gap : 1rem ;
521
- list-style : none;
522
- padding : 0 ;
523
- margin-left : 0 ;
524
- }
525
- @supports (display : grid) {
526
- .event {
527
- margin-top : 0 ;
528
- }
529
- }
530
- .event br {
531
- display : none;
532
- }
533
- .event__title ,
534
- .event__timing ,
535
- .event__location {
536
- font-weight : 400 ;
537
- display : block;
538
- margin : 0 ;
539
- }
540
- .event__title {
541
- font-weight : bold;
542
- letter-spacing : .01rem ;
543
- text-transform : uppercase;
544
- }
545
- .event__info {
546
- display : grid;
547
- grid-template-columns : auto 1fr ;
548
- grid-column-gap : 1rem ;
549
- grid-row-gap : .25rem ;
550
- align-items : start;
551
- }
552
- .event__info > * {
553
- margin : 0 ;
554
- }
555
- .event__info dt {
556
- font-weight : bold;
557
- }
558
- .event__info dt ::after {
559
- content : ": " ;
560
- }
561
- .event__info dt [id ]::after {
562
- display : none;
563
- }
564
- .event__pitches {
565
- margin-left : 0 ;
566
- padding-left : 0 ;
567
- list-style : none;
568
- }
569
- .event__pitches li {
570
- margin : 0 ;
571
- padding : 0 ;
572
- }
573
- .event__pitches .event__want + .event__want {
574
- border : 0 ;
575
- margin-top : .5rem ;
576
- padding-top : 0 ;
577
- }
578
- .event__want h3 {
579
- font-size : 1.75rem ;
580
- line-height : 1.1 ;
581
- }
582
- .event__want .want__title {
583
- font-size : 1em ;
584
- }
585
- .event__want .want__meta {
586
- margin-top : 0.5rem ;
587
- }
588
-
589
- .wants {
503
+ .devs {
590
504
list-style : none;
591
505
padding : 0 ;
592
506
margin-left : 0 ;
593
507
}
594
- .want + .want {
508
+ .dev + .dev {
595
509
margin-top : 2rem ;
596
510
border-top : 1px solid # 005e22 ;
597
511
padding-top : 1rem ;
598
512
}
599
- .want__meta {
513
+ .dev__meta {
600
514
font-style : italic;
601
515
font-size : .875rem ;
602
516
}
603
- .want__title {
517
+ .dev__title {
604
518
font-size : 2.125rem ;
605
519
}
606
- h1 .want__title {
520
+ h1 .dev__title {
607
521
font-size : 2.875rem ;
608
522
}
609
- .want__award {
610
- font-weight : bold;
611
- font-size : 1.25rem ;
612
- }
613
- .want__award svg {
614
- vertical-align : middle;
615
- margin-right : .5rem ;
616
- }
617
- .want__presented_at {
618
- margin-bottom : 0 ;
619
- }
620
- .want__presented_at .events {
621
- margin-top : .25rem ;
622
- margin-bottom : 0 ;
623
- }
624
523
625
524
626
525
[hidden ] {
@@ -639,157 +538,3 @@ hr {
639
538
content : " " ;
640
539
}
641
540
}
642
-
643
-
644
- /* Prism */
645
- /**
646
- * a11y-dark theme for JavaScript, CSS, and HTML
647
- * Based on the okaidia theme: https://github.com/PrismJS/prism/blob/gh-pages/themes/prism-okaidia.css
648
- * @author ericwbailey
649
- */
650
-
651
- code [class *= "language-" ],
652
- pre [class *= "language-" ] {
653
- color : # f8f8f2 ;
654
- background : none;
655
- border : 0 ;
656
- font-family : Consolas, Monaco, 'Andale Mono' , 'Ubuntu Mono' , monospace;
657
- text-align : left;
658
- white-space : pre-wrap;
659
- word-spacing : normal;
660
- word-break : normal;
661
- word-wrap : normal;
662
- line-height : 1.5 ;
663
-
664
- -moz-tab-size : 4 ;
665
- -o-tab-size : 4 ;
666
- tab-size : 4 ;
667
-
668
- -webkit-hyphens : none;
669
- -moz-hyphens : none;
670
- -ms-hyphens : none;
671
- hyphens : none;
672
- }
673
-
674
- /* Code blocks */
675
- pre [class *= "language-" ] {
676
- border-radius : 0.3em ;
677
- }
678
-
679
- : not (pre ) > code [class *= "language-" ],
680
- pre [class *= "language-" ] {
681
- background : # 2b2b2b ;
682
- }
683
-
684
- .token .comment ,
685
- .token .prolog ,
686
- .token .doctype ,
687
- .token .cdata {
688
- color : # d4d0ab ;
689
- }
690
-
691
- .token .punctuation {
692
- color : # fefefe ;
693
- }
694
-
695
- .token .property ,
696
- .token .tag ,
697
- .token .constant ,
698
- .token .symbol ,
699
- .token .deleted {
700
- color : # ffa07a ;
701
- }
702
-
703
- .token .boolean ,
704
- .token .number {
705
- color : # 00e0e0 ;
706
- }
707
-
708
- .token .selector ,
709
- .token .attr-name ,
710
- .token .string ,
711
- .token .char ,
712
- .token .builtin ,
713
- .token .inserted {
714
- color : # abe338 ;
715
- }
716
-
717
- .token .operator ,
718
- .token .entity ,
719
- .token .url ,
720
- .language-css .token .string ,
721
- .style .token .string ,
722
- .token .variable {
723
- color : # 00e0e0 ;
724
- }
725
-
726
- .token .atrule ,
727
- .token .attr-value ,
728
- .token .function {
729
- color : # ffd700 ;
730
- }
731
-
732
- .token .keyword {
733
- color : # 00e0e0 ;
734
- }
735
-
736
- .token .regex ,
737
- .token .important {
738
- color : # ffd700 ;
739
- }
740
-
741
- .token .important ,
742
- .token .bold {
743
- font-weight : bold;
744
- }
745
- .token .italic {
746
- font-style : italic;
747
- }
748
-
749
- .token .entity {
750
- cursor : help;
751
- }
752
-
753
- @media screen and (-ms-high-contrast : active) {
754
- code [class *= "language-" ],
755
- pre [class *= "language-" ] {
756
- color : windowText;
757
- background : window;
758
- }
759
-
760
- : not (pre ) > code [class *= "language-" ],
761
- pre [class *= "language-" ] {
762
- background : window;
763
- }
764
-
765
- .token .important {
766
- background : highlight;
767
- color : window;
768
- font-weight : normal;
769
- }
770
-
771
- .token .atrule ,
772
- .token .attr-value ,
773
- .token .function ,
774
- .token .keyword ,
775
- .token .operator ,
776
- .token .selector {
777
- font-weight : bold;
778
- }
779
-
780
- .token .attr-value ,
781
- .token .comment ,
782
- .token .doctype ,
783
- .token .function ,
784
- .token .keyword ,
785
- .token .operator ,
786
- .token .property ,
787
- .token .string {
788
- color : highlight;
789
- }
790
-
791
- .token .attr-value ,
792
- .token .url {
793
- font-weight : normal;
794
- }
795
- }
0 commit comments