Skip to content

Commit 0b83025

Browse files
Stripped out a lot of the styles
1 parent ec360e5 commit 0b83025

File tree

1 file changed

+9
-264
lines changed

1 file changed

+9
-264
lines changed

_includes/assets/css/inline.css

Lines changed: 9 additions & 264 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
/*
22
3-
The Web We Want
3+
Devs of Colour
44
55
colors:
66
- Green: #3b9559
@@ -38,10 +38,6 @@ body {
3838
flex-direction: column;
3939
}
4040

41-
html {
42-
background: #CEF6DA url(/static/img/repeating-pattern.png) center top;
43-
}
44-
4541
h1, h2, h3, h4, h5, h6 {
4642
font-weight: 400;
4743
margin: 0;
@@ -294,26 +290,17 @@ nav a {
294290
}
295291

296292
/* Tags & votes */
297-
.tags > *,
298-
.votes > *,
299-
.want__presented_at > * {
293+
.tags > * {
300294
display: inline;
301295
margin: 0;
302296
padding: 0;
303297
}
304-
.tags dt,
305-
.votes dt,
306-
.want__presented_at dt {
298+
.tags dt {
307299
font-weight: bold;
308300
}
309-
.tags dt::after,
310-
.votes dt::after,
311-
.want__presented_at dt::after {
301+
.tags dt::after {
312302
content: ": ";
313303
}
314-
.votes > dd + dd {
315-
display: block;
316-
}
317304

318305
/* Footer */
319306
footer {
@@ -513,114 +500,26 @@ button:focus:active,
513500
}
514501
}
515502

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 {
590504
list-style: none;
591505
padding: 0;
592506
margin-left: 0;
593507
}
594-
.want + .want {
508+
.dev + .dev {
595509
margin-top: 2rem;
596510
border-top: 1px solid #005e22;
597511
padding-top: 1rem;
598512
}
599-
.want__meta {
513+
.dev__meta {
600514
font-style: italic;
601515
font-size: .875rem;
602516
}
603-
.want__title {
517+
.dev__title {
604518
font-size: 2.125rem;
605519
}
606-
h1.want__title {
520+
h1.dev__title {
607521
font-size: 2.875rem;
608522
}
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-
}
624523

625524

626525
[hidden] {
@@ -639,157 +538,3 @@ hr {
639538
content: " ";
640539
}
641540
}
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

Comments
 (0)