@seqera/docusaurus-theme-seqera 1.0.6-next.29 → 1.0.6-next.30

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.
Files changed (11) hide show
  1. package/lib/main-styles.css +2 -14
  2. package/lib/styles/typography.css +5 -5
  3. package/lib/theme/CodeBlock/Container/styles.module.css +6 -1
  4. package/lib/theme/CodeBlock/Content/styles.module.css +2 -2
  5. package/lib/theme/Tabs/styles.module.css +0 -6
  6. package/package.json +1 -1
  7. package/src/main-styles.css +2 -14
  8. package/src/styles/typography.css +5 -5
  9. package/src/theme/CodeBlock/Container/styles.module.css +6 -1
  10. package/src/theme/CodeBlock/Content/styles.module.css +2 -2
  11. package/src/theme/Tabs/styles.module.css +0 -6
package/lib/main-styles.css CHANGED
@@ -38,7 +38,7 @@
38
38
  }
39
39
 
40
40
  /***
41
- Infima is Docusaurus's built in CSS framework.
41
+ Infima is Docusaurus's built in CSS framework.
42
42
 
43
43
  - We have removed Infima using CSS Cascade Layers (https://docusaurus.io/docs/api/plugins/@docusaurus/plugin-css-cascade-layers),
44
44
  - We do this so we can more seamless integrate Tailwind 4
@@ -71,7 +71,7 @@ Infima is Docusaurus's built in CSS framework.
71
71
  --ifm-global-shadow-md: none;
72
72
  --ifm-global-shadow-tl: none;
73
73
 
74
-
74
+
75
75
  /* Nextflow (green) colors */
76
76
  --color-nextflow-100: #e2f7f3;
77
77
  --color-nextflow-200: #b6ece2;
@@ -435,7 +435,6 @@ Infima is Docusaurus's built in CSS framework.
435
435
 
436
436
  .badge {
437
437
  background-color: var(--ifm-badge-background-color);
438
- color: var(--ifm-color-black);
439
438
  font-size: 70%;
440
439
  font-weight: var(--ifm-font-weight-bold);
441
440
  line-height: 1.2;
@@ -444,18 +443,7 @@ Infima is Docusaurus's built in CSS framework.
444
443
  border-radius: var(--ifm-badge-border-radius);
445
444
  padding: var(--ifm-badge-padding-vertical) var(--ifm-badge-padding-horizontal);
446
445
  }
447
-
448
446
  .badge--primary {
449
447
  background-color: var(--color-wave-600);
450
448
  border-color: var(--color-wave-600);
451
449
  }
452
-
453
- /* Tabs - Allow text wrapping in tab labels */
454
- .tabs {
455
- flex-wrap: nowrap !important;
456
- }
457
-
458
- .tabs__item {
459
- white-space: normal !important;
460
- text-align: left;
461
- }
package/lib/styles/typography.css CHANGED
@@ -27,7 +27,7 @@ h6 {
27
27
  }
28
28
 
29
29
  /***
30
- main prose styles
30
+ main prose styles
31
31
 
32
32
  .prose__wrapper for main prose layout styles
33
33
  .theme-doc-markdown specifies open-api pages
@@ -203,10 +203,10 @@ main prose styles
203
203
 
204
204
  /* Code blocks */
205
205
  pre {
206
- margin-top: 1.5rem;
207
- margin-bottom: 1.5rem;
206
+ margin-top: 0;
207
+ margin-bottom: 0;
208
208
  padding: 1rem;
209
- border-radius: 0.5rem;
209
+ border-radius: 0;
210
210
  overflow-x: auto;
211
211
  background-color: var(--prism-background-color);
212
212
  box-shadow: none;
@@ -370,4 +370,4 @@ main prose styles
370
370
  color: var(--color-primary)!important;
371
371
  }
372
372
  }
373
- }
373
+ }
package/lib/theme/CodeBlock/Container/styles.module.css CHANGED
@@ -5,5 +5,10 @@
5
5
  color: var(--prism-color);
6
6
  margin-bottom: var(--ifm-leading);
7
7
  box-shadow: var(--ifm-global-shadow-lw);
8
- border-radius: var(--ifm-code-border-radius);
8
+ border-radius: 0;
9
+ border: 1px solid var(--color-gray-300);
10
+ }
11
+
12
+ [data-theme='dark'] .codeBlockContainer {
13
+ border-color: var(--ifm-color-emphasis-200);
9
14
  }
package/lib/theme/CodeBlock/Content/styles.module.css CHANGED
@@ -15,12 +15,12 @@
15
15
  /* rtl:ignore */
16
16
  float: left;
17
17
  min-width: 100%;
18
- padding: var(--ifm-pre-padding);
18
+ padding: 0.5rem var(--ifm-pre-padding);
19
19
  }
20
20
 
21
21
  .codeBlockLinesWithNumbering {
22
22
  display: table;
23
- padding: var(--ifm-pre-padding) 0;
23
+ padding: 0.5rem 0;
24
24
  }
25
25
 
26
26
  @media print {
package/lib/theme/Tabs/styles.module.css CHANGED
@@ -2,16 +2,10 @@
2
2
 
3
3
  .tabList {
4
4
  margin-bottom: var(--ifm-leading);
5
- flex-wrap: nowrap !important;
6
5
  }
7
6
 
8
7
  .tabItem {
9
8
  margin-top: 0 !important;
10
9
  padding: .8rem 1rem;
11
10
  margin: 1rem .1rem;
12
- white-space: normal !important;
13
- word-wrap: break-word;
14
- text-align: left;
15
- flex: 1 1 auto;
16
- min-width: 0;
17
11
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@seqera/docusaurus-theme-seqera",
3
- "version": "1.0.6-next.29",
3
+ "version": "1.0.6-next.30",
4
4
  "description": "Seqera docs theme for Docusaurus",
5
5
  "author": "Seqera docs team <education@seqera.io>",
6
6
  "license": "Apache-2.0",
package/src/main-styles.css CHANGED
@@ -38,7 +38,7 @@
38
38
  }
39
39
 
40
40
  /***
41
- Infima is Docusaurus's built in CSS framework.
41
+ Infima is Docusaurus's built in CSS framework.
42
42
 
43
43
  - We have removed Infima using CSS Cascade Layers (https://docusaurus.io/docs/api/plugins/@docusaurus/plugin-css-cascade-layers),
44
44
  - We do this so we can more seamless integrate Tailwind 4
@@ -71,7 +71,7 @@ Infima is Docusaurus's built in CSS framework.
71
71
  --ifm-global-shadow-md: none;
72
72
  --ifm-global-shadow-tl: none;
73
73
 
74
-
74
+
75
75
  /* Nextflow (green) colors */
76
76
  --color-nextflow-100: #e2f7f3;
77
77
  --color-nextflow-200: #b6ece2;
@@ -435,7 +435,6 @@ Infima is Docusaurus's built in CSS framework.
435
435
 
436
436
  .badge {
437
437
  background-color: var(--ifm-badge-background-color);
438
- color: var(--ifm-color-black);
439
438
  font-size: 70%;
440
439
  font-weight: var(--ifm-font-weight-bold);
441
440
  line-height: 1.2;
@@ -444,18 +443,7 @@ Infima is Docusaurus's built in CSS framework.
444
443
  border-radius: var(--ifm-badge-border-radius);
445
444
  padding: var(--ifm-badge-padding-vertical) var(--ifm-badge-padding-horizontal);
446
445
  }
447
-
448
446
  .badge--primary {
449
447
  background-color: var(--color-wave-600);
450
448
  border-color: var(--color-wave-600);
451
449
  }
452
-
453
- /* Tabs - Allow text wrapping in tab labels */
454
- .tabs {
455
- flex-wrap: nowrap !important;
456
- }
457
-
458
- .tabs__item {
459
- white-space: normal !important;
460
- text-align: left;
461
- }
package/src/styles/typography.css CHANGED
@@ -27,7 +27,7 @@ h6 {
27
27
  }
28
28
 
29
29
  /***
30
- main prose styles
30
+ main prose styles
31
31
 
32
32
  .prose__wrapper for main prose layout styles
33
33
  .theme-doc-markdown specifies open-api pages
@@ -203,10 +203,10 @@ main prose styles
203
203
 
204
204
  /* Code blocks */
205
205
  pre {
206
- margin-top: 1.5rem;
207
- margin-bottom: 1.5rem;
206
+ margin-top: 0;
207
+ margin-bottom: 0;
208
208
  padding: 1rem;
209
- border-radius: 0.5rem;
209
+ border-radius: 0;
210
210
  overflow-x: auto;
211
211
  background-color: var(--prism-background-color);
212
212
  box-shadow: none;
@@ -370,4 +370,4 @@ main prose styles
370
370
  color: var(--color-primary)!important;
371
371
  }
372
372
  }
373
- }
373
+ }
package/src/theme/CodeBlock/Container/styles.module.css CHANGED
@@ -5,5 +5,10 @@
5
5
  color: var(--prism-color);
6
6
  margin-bottom: var(--ifm-leading);
7
7
  box-shadow: var(--ifm-global-shadow-lw);
8
- border-radius: var(--ifm-code-border-radius);
8
+ border-radius: 0;
9
+ border: 1px solid var(--color-gray-300);
10
+ }
11
+
12
+ [data-theme='dark'] .codeBlockContainer {
13
+ border-color: var(--ifm-color-emphasis-200);
9
14
  }
package/src/theme/CodeBlock/Content/styles.module.css CHANGED
@@ -15,12 +15,12 @@
15
15
  /* rtl:ignore */
16
16
  float: left;
17
17
  min-width: 100%;
18
- padding: var(--ifm-pre-padding);
18
+ padding: 0.5rem var(--ifm-pre-padding);
19
19
  }
20
20
 
21
21
  .codeBlockLinesWithNumbering {
22
22
  display: table;
23
- padding: var(--ifm-pre-padding) 0;
23
+ padding: 0.5rem 0;
24
24
  }
25
25
 
26
26
  @media print {
package/src/theme/Tabs/styles.module.css CHANGED
@@ -2,16 +2,10 @@
2
2
 
3
3
  .tabList {
4
4
  margin-bottom: var(--ifm-leading);
5
- flex-wrap: nowrap !important;
6
5
  }
7
6
 
8
7
  .tabItem {
9
8
  margin-top: 0 !important;
10
9
  padding: .8rem 1rem;
11
10
  margin: 1rem .1rem;
12
- white-space: normal !important;
13
- word-wrap: break-word;
14
- text-align: left;
15
- flex: 1 1 auto;
16
- min-width: 0;
17
11
  }