blue-web 1.14.1 → 1.14.2

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/dist/merged.scss +49 -92
  2. package/dist/style.css +40 -80
  3. package/dist/style.css.map +1 -1
  4. package/dist/style.min.css +5 -5
  5. package/dist/style.scss +1 -1
  6. package/dist/styles/_collapse.scss +1 -1
  7. package/dist/styles/_general.scss +5 -28
  8. package/dist/styles/_page-header.scss +0 -4
  9. package/dist/styles/_tabs.scss +28 -45
  10. package/dist/styles/_variables.scss +0 -4
  11. package/package.json +2 -2
package/dist/style.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Blue Web v1.14.1 (https://bruegmann.github.io/blue-web)
2
+ * Blue Web v1.14.2 (https://bruegmann.github.io/blue-web)
3
3
  * Licensed under GNU General Public License v3.0 (https://github.com/bruegmann/blue-web/blob/master/LICENSE).
4
4
  */
5
5
 
package/dist/styles/_collapse.scss CHANGED
@@ -33,7 +33,7 @@
33
33
  &::details-content {
34
34
  block-size: 0;
35
35
  opacity: 0;
36
- translate: 0 -100%;
36
+ translate: 0 -4rem;
37
37
  transition:
38
38
  block-size 0.2s,
39
39
  content-visibility 0.2s,
package/dist/styles/_general.scss CHANGED
@@ -2,33 +2,6 @@
2
2
  scrollbar-width: thin;
3
3
  }
4
4
 
5
- @media screen and (min-width: 768px) {
6
- ::-webkit-scrollbar {
7
- height: var(--blue-scrollbar-size);
8
- overflow: visible;
9
- width: var(--blue-scrollbar-size);
10
- }
11
- ::-webkit-scrollbar-thumb {
12
- background-clip: padding-box;
13
- border: solid transparent;
14
- border-width: 1px;
15
- min-height: 28px;
16
- padding: 100px 0 0;
17
- border-radius: 0.3rem;
18
- }
19
- ::-webkit-scrollbar-button {
20
- height: 0;
21
- width: 0;
22
- }
23
- ::-webkit-scrollbar-track {
24
- border: solid transparent;
25
- border-width: 0 0 0 4px;
26
- }
27
- ::-webkit-scrollbar-corner {
28
- background: 0 0;
29
- }
30
- }
31
-
32
5
  html,
33
6
  body {
34
7
  height: 100%;
@@ -63,7 +36,11 @@ body {
63
36
  .pagination > li > a,
64
37
  .list-group a.list-group-item {
65
38
  &:not(.disabled):not(.readonly):not(.dropdown-toggle) {
66
- transition: background-color 0.3s, color 0.15s, box-shadow 0.3s, opacity 0.3s;
39
+ transition:
40
+ background-color 0.3s,
41
+ color 0.15s,
42
+ box-shadow 0.3s,
43
+ opacity 0.3s;
67
44
 
68
45
  @media (prefers-reduced-motion) {
69
46
  transition: none;
package/dist/styles/_page-header.scss CHANGED
@@ -11,10 +11,6 @@
11
11
  right: 0;
12
12
  z-index: 4;
13
13
 
14
- @media screen and (min-width: 768px) {
15
- right: $scrollbar-size;
16
- }
17
-
18
14
  .navbar-nav {
19
15
  margin: 0;
20
16
 
package/dist/styles/_tabs.scss CHANGED
@@ -1,46 +1,15 @@
1
1
  .blue-tabs {
2
- display: grid;
3
- align-items: flex-end;
4
-
5
- --#{$prefix}nav-link-padding-x: #{$nav-link-padding-x};
6
- --#{$prefix}nav-link-padding-y: #{$nav-link-padding-y};
7
- @include rfs($nav-link-font-size, --#{$prefix}nav-link-font-size);
8
- --#{$prefix}nav-link-font-weight: #{$nav-link-font-weight};
9
- --#{$prefix}nav-link-color: #{$nav-link-color};
10
- --#{$prefix}nav-link-hover-color: #{$nav-link-hover-color};
11
- --#{$prefix}nav-link-disabled-color: #{$nav-link-disabled-color};
12
-
13
- --#{$prefix}nav-tabs-border-width: #{$nav-tabs-border-width};
14
- --#{$prefix}nav-tabs-border-color: #{$nav-tabs-border-color};
15
- --#{$prefix}nav-tabs-border-radius: #{$nav-tabs-border-radius};
16
- --#{$prefix}nav-tabs-link-hover-border-color: #{$nav-tabs-link-hover-border-color};
17
- --#{$prefix}nav-tabs-link-active-color: #{$nav-tabs-link-active-color};
18
- --#{$prefix}nav-tabs-link-active-bg: #{$nav-tabs-link-active-bg};
19
- --#{$prefix}nav-tabs-link-active-border-color: #{$nav-tabs-link-active-border-color};
2
+ display: flex;
3
+ flex-wrap: wrap;
4
+ flex-direction: row;
20
5
  }
21
6
 
22
7
  .blue-tab {
23
8
  position: relative;
24
- grid-row-start: 1;
9
+ order: 0;
25
10
  cursor: pointer;
26
11
  user-select: none;
27
12
  appearance: none;
28
-
29
- font-size: var(--#{$prefix}nav-link-font-size, 1rem);
30
- font-weight: var(--#{$prefix}nav-link-font-weight);
31
- color: var(--#{$prefix}nav-link-color);
32
- padding: var(--#{$prefix}nav-link-padding-y) var(--#{$prefix}nav-link-padding-x);
33
- margin-bottom: calc(-1 * var(--#{$prefix}nav-tabs-border-width)); // stylelint-disable-line function-disallowed-list
34
- border: var(--#{$prefix}nav-tabs-border-width) solid transparent;
35
- @include border-top-radius(var(--#{$prefix}nav-tabs-border-radius));
36
-
37
- &:hover,
38
- &:focus {
39
- color: var(--#{$prefix}nav-link-hover-color);
40
- // Prevents active .nav-link tab overlapping focus outline of previous/next .nav-link
41
- isolation: isolate;
42
- border-color: var(--#{$prefix}nav-tabs-link-hover-border-color);
43
- }
44
13
  }
45
14
 
46
15
  .blue-tab::before {
@@ -49,19 +18,33 @@
49
18
 
50
19
  .blue-tab-content {
51
20
  display: none;
52
- grid-column-start: 1;
53
- grid-column-end: span 9999;
54
- grid-row-start: 2;
21
+ order: 1;
22
+ width: 100%;
23
+ }
55
24
 
56
- border-top: var(--#{$prefix}nav-tabs-border-width) solid var(--#{$prefix}nav-tabs-border-color);
25
+ input.blue-tab:checked + .blue-tab-content {
26
+ display: block;
57
27
  }
58
28
 
59
- .blue-tab:checked {
60
- color: var(--bs-nav-tabs-link-active-color);
61
- background-color: var(--bs-nav-tabs-link-active-bg);
62
- border-color: var(--bs-nav-tabs-link-active-border-color);
29
+ .blue-tabs.nav-tabs {
30
+ border-bottom: none;
31
+
32
+ .blue-tab-content {
33
+ border-top: var(--#{$prefix}nav-tabs-border-width) solid var(--#{$prefix}nav-tabs-border-color);
34
+ }
35
+
36
+ .blue-tab:checked {
37
+ color: var(--bs-nav-tabs-link-active-color);
38
+ background-color: var(--bs-nav-tabs-link-active-bg);
39
+ border-color: var(--bs-nav-tabs-link-active-border-color);
40
+ }
63
41
  }
64
42
 
65
- input.blue-tab:checked + .blue-tab-content {
66
- display: block;
43
+ .blue-tabs.nav-underline {
44
+ row-gap: 0;
45
+ .blue-tab:checked {
46
+ font-weight: var(--blue-tabs-underline-active-font-weight, 700);
47
+ color: var(--bs-nav-underline-link-active-color);
48
+ border-bottom-color: var(--blue-tabs-underline-active-border-bottom-color, currentcolor);
49
+ }
67
50
  }
package/dist/styles/_variables.scss CHANGED
@@ -81,9 +81,6 @@ $header-deep-bg: darken($header-bg, 4%) !default;
81
81
  // Background color, when hovering action menu item.
82
82
  $actions-control-bg-hover: $bla-button-bg-hover !default;
83
83
 
84
- // Width and height of the scrollbar indicators
85
- $scrollbar-size: 10px;
86
-
87
84
  // Shrink sidebar on smaller screens
88
85
  $sidebar-shrink: true !default;
89
86
 
@@ -97,7 +94,6 @@ $sidebar-expanded-breakpoint: 1400px !default;
97
94
  --blue-app-bg: #{$app-bg};
98
95
 
99
96
  --blue-scrollbar-thumb-color-rgb: #{$scrollbar-thumb-color-rgb};
100
- --blue-scrollbar-size: #{$scrollbar-size};
101
97
 
102
98
  --blue-sidebar-width: #{$bla-sidebar-width};
103
99
  --blue-sidebar-color: #{$sidebar-color};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "blue-web",
3
- "version": "1.14.1",
3
+ "version": "1.14.2",
4
4
  "description": "UI components built on top of Bootstrap 5",
5
5
  "license": "LGPL-3.0-or-later",
6
6
  "type": "module",
@@ -33,7 +33,7 @@
33
33
  },
34
34
  "dependencies": {
35
35
  "@popperjs/core": "^2.11.5",
36
- "bootstrap": "~5.3.5"
36
+ "bootstrap": "~5.3.6"
37
37
  },
38
38
  "devDependencies": {
39
39
  "@astrojs/mdx": "^4.2.3",