@canopy-iiif/app 1.3.3 → 1.3.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/ui/styles/components/_work.scss +30 -0
- package/ui/styles/index.css +25 -0
package/package.json
CHANGED
|
@@ -1,4 +1,34 @@
|
|
|
1
1
|
@layer components {
|
|
2
|
+
.canopy-work--layout {
|
|
3
|
+
--canopy-work-gap: clamp(1.5rem, 3vw, 2.75rem);
|
|
4
|
+
display: flex;
|
|
5
|
+
gap: var(--canopy-work-gap);
|
|
6
|
+
align-items: flex-start;
|
|
7
|
+
flex-wrap: nowrap;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.canopy-work--layout > * {
|
|
11
|
+
flex: 1 1 50%;
|
|
12
|
+
min-width: 0;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.canopy-work--primary,
|
|
16
|
+
.canopy-work--secondary {
|
|
17
|
+
flex: 1 1 50%;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
@media (max-width: 960px) {
|
|
21
|
+
.canopy-work--layout {
|
|
22
|
+
flex-direction: column;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.canopy-work--primary,
|
|
26
|
+
.canopy-work--secondary {
|
|
27
|
+
flex-basis: 100%;
|
|
28
|
+
width: 100%;
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
|
|
2
32
|
body.canopy-type-work {
|
|
3
33
|
main {
|
|
4
34
|
h1 {
|
package/ui/styles/index.css
CHANGED
|
@@ -2140,6 +2140,31 @@ html.dark .canopy-iiif-image .clover-iiif-image-openseadragon .clover-iiif-image
|
|
|
2140
2140
|
}
|
|
2141
2141
|
|
|
2142
2142
|
@layer components {
|
|
2143
|
+
.canopy-work--layout {
|
|
2144
|
+
--canopy-work-gap: clamp(1.5rem, 3vw, 2.75rem);
|
|
2145
|
+
display: flex;
|
|
2146
|
+
gap: var(--canopy-work-gap);
|
|
2147
|
+
align-items: flex-start;
|
|
2148
|
+
flex-wrap: nowrap;
|
|
2149
|
+
}
|
|
2150
|
+
.canopy-work--layout > * {
|
|
2151
|
+
flex: 1 1 50%;
|
|
2152
|
+
min-width: 0;
|
|
2153
|
+
}
|
|
2154
|
+
.canopy-work--primary,
|
|
2155
|
+
.canopy-work--secondary {
|
|
2156
|
+
flex: 1 1 50%;
|
|
2157
|
+
}
|
|
2158
|
+
@media (max-width: 960px) {
|
|
2159
|
+
.canopy-work--layout {
|
|
2160
|
+
flex-direction: column;
|
|
2161
|
+
}
|
|
2162
|
+
.canopy-work--primary,
|
|
2163
|
+
.canopy-work--secondary {
|
|
2164
|
+
flex-basis: 100%;
|
|
2165
|
+
width: 100%;
|
|
2166
|
+
}
|
|
2167
|
+
}
|
|
2143
2168
|
body.canopy-type-work main h1 {
|
|
2144
2169
|
font-size: 2rem;
|
|
2145
2170
|
line-height: 1.1;
|