src/input.css


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132

@tailwind base;
@tailwind components;
@tailwind utilities;

/* ARTICLES BASIC ELEMENTS */

article .page-content {
  @apply text-lg;
}

/** Pre */

article pre {
  @apply p-4 rounded-md my-4 border-l-4 border-garage-gray shadow-lg whitespace-pre-wrap;
}

/** Tables */

article table {
  @apply my-4 min-w-full divide-y divide-gray-200 shadow overflow-hidden border-b border-gray-200 sm:rounded-lg;
}

article table thead {
  @apply bg-gray-50;
}

article table tbody {
  @apply bg-white divide-y divide-gray-200;
}

article table thead tr th {
  @apply px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider;
}

article table tbody tr td {
  @apply px-6 py-4 whitespace-nowrap;
}

/** Blockquotes */

article blockquote {
  @apply my-2 py-2 pl-4 border-l-4 border-garage-orange;
}

/** Ul */

article ul {
  @apply py-4 list-disc ml-4;
}

article ul ul {
  @apply ml-4 py-0 list-disc;
}

article ul ol {
  @apply ml-4 py-0 list-decimal;
}

/** Ol */

article ol {
  @apply py-4 list-decimal ml-4;
}

article ol ol {
  @apply ml-4 py-0 list-decimal;
}

article ol ul {
  @apply ml-4 py-0 list-disc;
}

p > code, p > strong > code, li > code, li > strong > code {
  @apply bg-gray-100 text-base py-0.5 px-1 rounded font-semibold text-garage-gray shadow-inner;
}

.page-content > h1 {
  @apply text-2xl mt-6 mb-4 font-semibold text-gray-800;
}

.page-content > h2 {
  @apply text-xl mt-6 mb-4 font-semibold text-gray-800;
}

.page-content > h3 {
  @apply text-lg mt-6 mb-4 font-semibold text-gray-800;
}

.page-content {
  @apply text-garage-gray;
}

.page-content a {
  @apply font-semibold text-garage-orange border-b hover:border-garage-gray border-garage-orange bg-transparent hover:bg-garage-orange hover:text-white hover:rounded-sm hover:no-underline duration-150 transition;
}

.page-content img {
  @apply inline-block my-8 shadow rounded;
}

.is-active {
  @apply text-garage-orange;
}

@layer utilities {

  /** Home map */

  #map-container {
    background-image: url('/images/map.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    height: 70vh;
  }

  /** Global ToC */
  #global_toc .deploySubMenu {
    position: absolute;
    left: -100vw;
  }

  #global_toc .deploySubMenu:checked ~ .subMenu {
    display: none;
  }

  #global_toc .deploySubMenu:checked + label .arrow {
    transform: rotate(0deg);
  }

}