ultimate-jekyll-manager 1.0.8 → 1.0.9

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 (55) hide show
  1. package/dist/build.js +1 -11
  2. package/dist/defaults/src/_config.yml +1 -1
  3. package/dist/defaults/src/assets/css/main.scss +6 -6
  4. package/package.json +1 -1
  5. package/dist/assets/css/bundles/umbra.scss +0 -5
  6. package/dist/assets/themes/umbra/README.md +0 -75
  7. package/dist/assets/themes/umbra/_config.scss +0 -187
  8. package/dist/assets/themes/umbra/_theme.js +0 -36
  9. package/dist/assets/themes/umbra/_theme.scss +0 -34
  10. package/dist/assets/themes/umbra/css/base/_animations.scss +0 -27
  11. package/dist/assets/themes/umbra/css/base/_backgrounds.scss +0 -191
  12. package/dist/assets/themes/umbra/css/base/_borders.scss +0 -65
  13. package/dist/assets/themes/umbra/css/base/_root.scss +0 -68
  14. package/dist/assets/themes/umbra/css/base/_typography.scss +0 -148
  15. package/dist/assets/themes/umbra/css/base/_utilities.scss +0 -15
  16. package/dist/assets/themes/umbra/css/components/_accordion.scss +0 -44
  17. package/dist/assets/themes/umbra/css/components/_badges.scss +0 -25
  18. package/dist/assets/themes/umbra/css/components/_buttons.scss +0 -264
  19. package/dist/assets/themes/umbra/css/components/_cards.scss +0 -47
  20. package/dist/assets/themes/umbra/css/components/_carousel.scss +0 -41
  21. package/dist/assets/themes/umbra/css/components/_forms.scss +0 -150
  22. package/dist/assets/themes/umbra/css/components/_infinite-scroll.scss +0 -140
  23. package/dist/assets/themes/umbra/css/components/_text.scss +0 -53
  24. package/dist/assets/themes/umbra/css/layout/_backend.scss +0 -59
  25. package/dist/assets/themes/umbra/css/layout/_blog.scss +0 -42
  26. package/dist/assets/themes/umbra/css/layout/_general.scss +0 -142
  27. package/dist/assets/themes/umbra/css/layout/_navigation.scss +0 -602
  28. package/dist/assets/themes/umbra/css/layout/_team.scss +0 -18
  29. package/dist/assets/themes/umbra/js/hero-demo-form.js +0 -42
  30. package/dist/assets/themes/umbra/js/infinite-scroll.js +0 -139
  31. package/dist/assets/themes/umbra/js/initialize-tooltips.js +0 -20
  32. package/dist/assets/themes/umbra/js/navbar-scroll.js +0 -65
  33. package/dist/defaults/dist/_includes/themes/umbra/admin/sections/sidebar.html +0 -3
  34. package/dist/defaults/dist/_includes/themes/umbra/admin/sections/topbar.html +0 -3
  35. package/dist/defaults/dist/_includes/themes/umbra/backend/sections/sidebar.html +0 -347
  36. package/dist/defaults/dist/_includes/themes/umbra/backend/sections/topbar.html +0 -184
  37. package/dist/defaults/dist/_includes/themes/umbra/frontend/components/testimonial-scroll.html +0 -84
  38. package/dist/defaults/dist/_includes/themes/umbra/frontend/sections/footer.html +0 -158
  39. package/dist/defaults/dist/_includes/themes/umbra/frontend/sections/nav.html +0 -276
  40. package/dist/defaults/dist/_includes/themes/umbra/global/sections/account.html +0 -72
  41. package/dist/defaults/dist/_layouts/themes/umbra/admin/core/minimal-viewport-locked.html +0 -31
  42. package/dist/defaults/dist/_layouts/themes/umbra/admin/core/minimal.html +0 -32
  43. package/dist/defaults/dist/_layouts/themes/umbra/backend/core/base.html +0 -55
  44. package/dist/defaults/dist/_layouts/themes/umbra/backend/core/minimal-viewport-locked.html +0 -149
  45. package/dist/defaults/dist/_layouts/themes/umbra/backend/core/minimal.html +0 -149
  46. package/dist/defaults/dist/_layouts/themes/umbra/backend/pages/dashboard/index.html +0 -247
  47. package/dist/defaults/dist/_layouts/themes/umbra/frontend/core/base.html +0 -32
  48. package/dist/defaults/dist/_layouts/themes/umbra/frontend/core/cover.html +0 -41
  49. package/dist/defaults/dist/_layouts/themes/umbra/frontend/core/minimal.html +0 -42
  50. package/dist/defaults/dist/_layouts/themes/umbra/frontend/pages/account/index.html +0 -152
  51. package/dist/defaults/dist/_layouts/themes/umbra/frontend/pages/auth/signin.html +0 -85
  52. package/dist/defaults/dist/_layouts/themes/umbra/frontend/pages/auth/signup.html +0 -97
  53. package/dist/defaults/dist/_layouts/themes/umbra/frontend/pages/index.html +0 -188
  54. package/dist/defaults/dist/_layouts/themes/umbra/frontend/pages/pricing.html +0 -129
  55. package/test.css +0 -18
@@ -1,65 +0,0 @@
1
- // Umbra Border Utilities
2
- // Border styles, gradients, and decorative dividers
3
-
4
- // ============================================
5
- // Border Radius
6
- // ============================================
7
- .rounded-sm { border-radius: $umbra-radius-sm !important; }
8
- .rounded-md { border-radius: $umbra-radius-md !important; }
9
- .rounded-lg { border-radius: $umbra-radius-lg !important; }
10
- .rounded-xl { border-radius: $umbra-radius-xl !important; }
11
- .rounded-2xl { border-radius: $umbra-radius-2xl !important; }
12
- .rounded-full { border-radius: $umbra-radius-full !important; }
13
-
14
- // ============================================
15
- // Gradient Borders
16
- // ============================================
17
- .border-gradient-rainbow {
18
- --bs-border-width: 3px;
19
- position: relative;
20
- border: none !important;
21
-
22
- &::before {
23
- content: "";
24
- position: absolute;
25
- inset: calc(var(--bs-border-width) * -1);
26
- border-radius: inherit;
27
- background: $umbra-gradient-rainbow;
28
- background-size: 300% 300%;
29
- z-index: -1;
30
- }
31
-
32
- &::after {
33
- content: "";
34
- position: absolute;
35
- inset: 0;
36
- border-radius: inherit;
37
- background: inherit;
38
- z-index: -1;
39
- }
40
-
41
- // Override Bootstrap border width classes to work with gradient border
42
- &.border-0 { --bs-border-width: 0; }
43
- &.border-1 { --bs-border-width: 1px; }
44
- &.border-2 { --bs-border-width: 2px; }
45
- &.border-3 { --bs-border-width: 3px; }
46
- &.border-4 { --bs-border-width: 4px; }
47
- &.border-5 { --bs-border-width: 5px; }
48
- }
49
-
50
- // ============================================
51
- // Divider Styles
52
- // ============================================
53
- .divider {
54
- height: 1px;
55
- background: $umbra-gray-lighter;
56
- margin: $umbra-spacing-2xl 0;
57
-
58
- &.divider-gradient {
59
- background: $umbra-gradient-primary;
60
- }
61
-
62
- &.divider-fade {
63
- background: linear-gradient(to right, transparent, $umbra-gray-lighter 20%, $umbra-gray-lighter 80%, transparent);
64
- }
65
- }
@@ -1,68 +0,0 @@
1
- // Umbra Theme CSS Custom Properties
2
- // Converts SCSS variables to CSS custom properties for runtime theming
3
- // These override Bootstrap's CSS variables and allow dynamic theme switching
4
-
5
- // ============================================
6
- // Light Mode (Default)
7
- // ============================================
8
- :root,
9
- [data-bs-theme="light"] {
10
- // Background colors
11
- --bs-body-bg: #{$umbra-bg-light};
12
- --bs-body-bg-rgb: #{red($umbra-bg-light)}, #{green($umbra-bg-light)}, #{blue($umbra-bg-light)};
13
-
14
- --bs-secondary-bg: #{$umbra-bg-light-secondary};
15
- --bs-secondary-bg-rgb: #{red($umbra-bg-light-secondary)}, #{green($umbra-bg-light-secondary)}, #{blue($umbra-bg-light-secondary)};
16
-
17
- --bs-tertiary-bg: #{$umbra-bg-light-tertiary};
18
- --bs-tertiary-bg-rgb: #{red($umbra-bg-light-tertiary)}, #{green($umbra-bg-light-tertiary)}, #{blue($umbra-bg-light-tertiary)};
19
-
20
- // Add subtle warmth to borders
21
- --bs-border-color: rgba(139, 122, 117, 0.15);
22
- --bs-border-color-translucent: rgba(139, 122, 117, 0.1);
23
-
24
-
25
- // Component backgrounds - use secondary bg for elevated surfaces
26
- // --bs-card-bg: #{$umbra-bg-light-secondary};
27
- // --bs-dropdown-bg: #{$umbra-bg-light-secondary};
28
- // --bs-modal-bg: #{$umbra-bg-light-secondary};
29
- // --bs-popover-bg: #{$umbra-bg-light-secondary};
30
- // --bs-offcanvas-bg: #{$umbra-bg-light-secondary};
31
- // --bs-accordion-bg: #{$umbra-bg-light-secondary};
32
-
33
- // Add more Bootstrap overrides here as needed
34
- // Examples:
35
- // --bs-body-color: #212529;
36
- // --bs-border-color: #dee2e6;
37
- // --bs-link-color: #{$primary};
38
- }
39
-
40
- // ============================================
41
- // Dark Mode
42
- // ============================================
43
- [data-bs-theme="dark"] {
44
- // Background colors
45
- --bs-body-bg: #{$umbra-bg-dark};
46
- --bs-body-bg-rgb: #{red($umbra-bg-dark)}, #{green($umbra-bg-dark)}, #{blue($umbra-bg-dark)};
47
-
48
- --bs-secondary-bg: #{$umbra-bg-dark-secondary};
49
- --bs-secondary-bg-rgb: #{red($umbra-bg-dark-secondary)}, #{green($umbra-bg-dark-secondary)}, #{blue($umbra-bg-dark-secondary)};
50
-
51
- --bs-tertiary-bg: #{$umbra-bg-dark-tertiary};
52
- --bs-tertiary-bg-rgb: #{red($umbra-bg-dark-tertiary)}, #{green($umbra-bg-dark-tertiary)}, #{blue($umbra-bg-dark-tertiary)};
53
-
54
- // Add subtle warmth to borders for dark mode
55
- --bs-border-color: rgba(226, 114, 91, 0.15); // Terracotta tint
56
- --bs-border-color-translucent: rgba(226, 114, 91, 0.1);
57
-
58
-
59
- // Component backgrounds - use secondary bg for elevated surfaces
60
- // --bs-card-bg: #{$umbra-bg-dark-secondary};
61
- // --bs-dropdown-bg: #{$umbra-bg-dark-secondary};
62
- // --bs-modal-bg: #{$umbra-bg-dark-secondary};
63
- // --bs-popover-bg: #{$umbra-bg-dark-secondary};
64
- // --bs-offcanvas-bg: #{$umbra-bg-dark-secondary};
65
- // --bs-accordion-bg: #{$umbra-bg-dark-secondary};
66
-
67
- // Add more Bootstrap overrides here as needed
68
- }
@@ -1,148 +0,0 @@
1
- // Umbra Typography
2
- // Modern font system with responsive headings and utilities
3
-
4
- // ============================================
5
- // CSS Custom Properties
6
- // ============================================
7
- :root {
8
- --bs-font-sans-serif: #{$font-family-sans-serif};
9
- --bs-font-monospace: #{$umbra-font-mono};
10
-
11
- // Custom CSS variables for easy access
12
- --umbra-font-primary: #{$font-family-sans-serif};
13
- --umbra-font-mono: #{$umbra-font-mono};
14
- }
15
-
16
- // ============================================
17
- // Base Typography
18
- // ============================================
19
- body {
20
- font-family: $font-family-sans-serif;
21
- font-size: $umbra-font-size-base;
22
- font-weight: 400;
23
- line-height: 1.6;
24
- -webkit-font-smoothing: antialiased;
25
- -moz-osx-font-smoothing: grayscale;
26
- }
27
-
28
- // ============================================
29
- // Heading Styles
30
- // ============================================
31
- h1, .h1,
32
- h2, .h2,
33
- h3, .h3,
34
- h4, .h4,
35
- h5, .h5,
36
- h6, .h6 {
37
- font-family: $font-family-sans-serif;
38
- font-weight: 700;
39
- line-height: 1.2;
40
- margin-bottom: 1rem;
41
- letter-spacing: -0.02em;
42
- }
43
-
44
- h1, .h1 {
45
- font-size: clamp(2.5rem, 5vw, $umbra-font-size-6xl);
46
- font-weight: 800;
47
- letter-spacing: -0.03em;
48
-
49
- @media (max-width: $umbra-breakpoint-md) {
50
- font-size: $umbra-font-size-4xl;
51
- }
52
- }
53
-
54
- h2, .h2 {
55
- font-size: clamp(2rem, 4vw, $umbra-font-size-5xl);
56
- font-weight: 700;
57
-
58
- @media (max-width: $umbra-breakpoint-md) {
59
- font-size: $umbra-font-size-3xl;
60
- }
61
- }
62
-
63
- h3, .h3 {
64
- font-size: clamp(1.5rem, 3vw, $umbra-font-size-4xl);
65
- font-weight: 600;
66
-
67
- @media (max-width: $umbra-breakpoint-md) {
68
- font-size: $umbra-font-size-2xl;
69
- }
70
- }
71
-
72
- h4, .h4 {
73
- font-size: $umbra-font-size-2xl;
74
- font-weight: 600;
75
- }
76
-
77
- h5, .h5 {
78
- font-size: $umbra-font-size-xl;
79
- font-weight: 500;
80
- }
81
-
82
- h6, .h6 {
83
- font-size: $umbra-font-size-lg;
84
- font-weight: 500;
85
- }
86
-
87
- // ============================================
88
- // Display Typography
89
- // ============================================
90
- .display-1 {
91
- font-size: clamp(3rem, 7vw, 5rem);
92
- font-weight: 900;
93
- letter-spacing: -0.04em;
94
- line-height: 1;
95
- }
96
-
97
- .display-2 {
98
- font-size: clamp(2.5rem, 6vw, 4rem);
99
- font-weight: 800;
100
- letter-spacing: -0.03em;
101
- line-height: 1.1;
102
- }
103
-
104
- // ============================================
105
- // Lead Text
106
- // ============================================
107
- .lead {
108
- font-size: $umbra-font-size-xl;
109
- font-weight: 400;
110
- line-height: 1.6;
111
- }
112
-
113
- // ============================================
114
- // Code Blocks
115
- // ============================================
116
- code, kbd, pre, samp {
117
- font-family: $umbra-font-mono;
118
- }
119
-
120
- code {
121
- padding: 0.125rem 0.375rem;
122
- font-size: 0.875em;
123
- border-radius: $umbra-radius-sm;
124
- }
125
-
126
- pre {
127
- padding: $umbra-spacing-lg;
128
- border-radius: $umbra-radius-lg;
129
- overflow-x: auto;
130
-
131
- code {
132
- padding: 0;
133
- font-size: inherit;
134
- border-radius: 0;
135
- }
136
- }
137
-
138
- // ============================================
139
- // Blockquotes
140
- // ============================================
141
- blockquote {
142
- padding-left: $umbra-spacing-lg;
143
- border-left-width: 4px;
144
- border-left-style: solid;
145
- font-size: $umbra-font-size-lg;
146
- font-style: italic;
147
- }
148
-
@@ -1,15 +0,0 @@
1
- // Umbra Utility Classes
2
- // Custom helper classes and theme-specific utilities
3
-
4
- // ============================================
5
- // Shadow Utilities (Umbra-specific)
6
- // ============================================
7
- .shadow-xs { box-shadow: $umbra-shadow-xs !important; }
8
- .shadow-sm { box-shadow: $umbra-shadow-sm !important; }
9
- .shadow-md { box-shadow: $umbra-shadow-md !important; }
10
- .shadow-lg { box-shadow: $umbra-shadow-lg !important; }
11
- .shadow-xl { box-shadow: $umbra-shadow-xl !important; }
12
- .shadow-2xl { box-shadow: $umbra-shadow-2xl !important; }
13
- .shadow-glow { box-shadow: $umbra-shadow-glow !important; }
14
- .shadow-none { box-shadow: none !important; }
15
-
@@ -1,44 +0,0 @@
1
- // Umbra Theme Accordion Component
2
- // SVG plus/minus icons using Bootstrap's official approach
3
-
4
- // ============================================
5
- // Accordion Base Styles
6
- // ============================================
7
- .accordion-item {
8
- background-color: var(--bs-secondary-bg);
9
- border-radius: var(--bs-accordion-border-radius) !important;
10
- margin-bottom: 0.5rem;
11
-
12
- &:last-child {
13
- margin-bottom: 0;
14
- }
15
- }
16
-
17
- .accordion-button {
18
- background-color: var(--bs-secondary-bg);
19
- border-radius: var(--bs-accordion-border-radius) !important;
20
-
21
- &:not(.collapsed) {
22
- background-color: var(--bs-secondary-bg);
23
- border-bottom-left-radius: 0 !important;
24
- border-bottom-right-radius: 0 !important;
25
- }
26
- }
27
-
28
- .accordion-body {
29
- background-color: var(--bs-secondary-bg);
30
- border-bottom-left-radius: var(--bs-accordion-border-radius) !important;
31
- border-bottom-right-radius: var(--bs-accordion-border-radius) !important;
32
- }
33
-
34
- // Light mode icons
35
- .accordion-button::after {
36
- --bs-accordion-btn-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%23212529'%3E%3Cpath d='M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 144L48 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l144 0 0 144c0 17.7 14.3 32 32 32s32-14.3 32-32l0-144 144 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-144 0 0-144z'/%3E%3C/svg%3E");
37
- --bs-accordion-btn-active-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%23212529'%3E%3Cpath d='M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z'/%3E%3C/svg%3E");
38
- }
39
-
40
- // Dark mode icons - match Bootstrap's exact selector pattern
41
- [data-bs-theme="dark"] .accordion-button::after {
42
- --bs-accordion-btn-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%23ffffff'%3E%3Cpath d='M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 144L48 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l144 0 0 144c0 17.7 14.3 32 32 32s32-14.3 32-32l0-144 144 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-144 0 0-144z'/%3E%3C/svg%3E");
43
- --bs-accordion-btn-active-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%23ffffff'%3E%3Cpath d='M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z'/%3E%3C/svg%3E");
44
- }
@@ -1,25 +0,0 @@
1
- // Umbra Badge Components
2
- // Badges and labels that can extend outside their containers
3
-
4
- // ============================================
5
- // Badge Soft Colors & Gradient
6
- // ============================================
7
- .badge-gradient {
8
- background: $umbra-gradient-primary;
9
- }
10
-
11
- .badge-soft-primary {
12
- background: $umbra-primary-soft;
13
- }
14
-
15
- // Global fix - any element containing a badge should not clip
16
- // * {
17
- // &:has(.badge) {
18
- // overflow: visible !important;
19
- // }
20
- // }
21
-
22
- // Base badge styling improvements
23
- .badge {
24
- z-index: 100; // Ensure badge is always on top
25
- }
@@ -1,264 +0,0 @@
1
- // Umbra Button Components
2
- // Modern button styles with warm aesthetics and smooth interactions
3
-
4
- // ============================================
5
- // Base Button Styles
6
- // ============================================
7
- .btn {
8
- font-weight: 600;
9
- border-radius: $umbra-radius-lg;
10
- border: 2px solid transparent;
11
- transition: all 0.2s ease;
12
- position: relative;
13
- overflow: hidden;
14
- letter-spacing: -0.01em;
15
-
16
- &:focus {
17
- box-shadow: 0 0 0 0.25rem rgba($primary, 0.25);
18
- }
19
-
20
- // // Slot machine hover effect
21
- // // Works on direct text nodes when wrapped in any inline element
22
- // > * {
23
- // position: relative;
24
- // display: inline-block;
25
- // transition: transform 0.3s ease;
26
-
27
- // // Create duplicate text below using the same content
28
- // &::before {
29
- // content: attr(data-hover);
30
- // position: absolute;
31
- // top: 100%;
32
- // left: 0;
33
- // width: max-content;
34
- // transform: translate3d(0, 0, 0);
35
- // }
36
- // }
37
-
38
- // // On hover, slide the content upward
39
- // &:hover > * {
40
- // transform: translateY(-100%);
41
- // }
42
- }
43
-
44
- // ============================================
45
- // Primary Button Enhancement
46
- // ============================================
47
- .btn-primary {
48
- box-shadow: $umbra-shadow-md, inset 0 1px 0 rgba(255, 255, 255, 0.15);
49
-
50
- &:hover {
51
- box-shadow: $umbra-shadow-lg, inset 0 1px 0 rgba(255, 255, 255, 0.15);
52
- }
53
-
54
- &:active {
55
- box-shadow: $umbra-shadow-sm, inset 0 1px 0 rgba(255, 255, 255, 0.15);
56
- }
57
- }
58
-
59
- // ============================================
60
- // Glass Morphism Buttons
61
- // ============================================
62
- .btn-glass {
63
- background: rgba(255, 255, 255, 0.1);
64
- backdrop-filter: blur(10px);
65
- -webkit-backdrop-filter: blur(10px);
66
- border: 1px solid rgba(255, 255, 255, 0.18);
67
- color: var(--bs-body-color);
68
-
69
- &:hover {
70
- background: rgba(255, 255, 255, 0.2);
71
- color: var(--bs-body-color);
72
- box-shadow: $umbra-shadow-lg;
73
- }
74
-
75
- &.btn-glass-dark {
76
- background: rgba(0, 0, 0, 0.1);
77
-
78
- &:hover {
79
- background: rgba(0, 0, 0, 0.2);
80
- }
81
- }
82
- }
83
-
84
- // ============================================
85
- // Glow Effect Button
86
- // ============================================
87
- .btn-glow {
88
- background: $primary;
89
- color: white;
90
- box-shadow: 0 0 20px rgba($primary, 0.4);
91
-
92
- &:hover {
93
- background: darken($primary, 5%);
94
- color: white;
95
- box-shadow: 0 0 30px rgba($primary, 0.6);
96
- transform: translateY(-2px);
97
- }
98
- }
99
-
100
- // ============================================
101
- // Secondary Button
102
- // ============================================
103
- .btn-secondary {
104
- &:hover {
105
- box-shadow: $umbra-shadow-md;
106
- }
107
- }
108
-
109
- // ============================================
110
- // Outline Button Overrides
111
- // ============================================
112
- [class*="btn-outline-"] {
113
- border-width: 2px !important;
114
- border-style: solid !important;
115
-
116
- &:not(:hover):not(:active):not(.active) {
117
- background: transparent !important;
118
- }
119
-
120
- // btn-check checked state needs active background, not transparent
121
- // Extra :checked specificity to beat the :not(:hover):not(:active):not(.active) rule above (0,4,0)
122
- .btn-check:checked:checked + & {
123
- background: var(--bs-btn-active-bg) !important;
124
- }
125
- }
126
-
127
- .btn-outline-primary {
128
- border-color: $primary !important;
129
- color: $primary !important;
130
-
131
- &:hover {
132
- background: $primary !important;
133
- border-color: $primary !important;
134
- color: white !important;
135
- box-shadow: $umbra-shadow-md;
136
- }
137
- }
138
-
139
- .btn-outline-secondary {
140
- border-color: $secondary !important;
141
- color: $secondary !important;
142
-
143
- &:hover {
144
- background: $secondary !important;
145
- border-color: $secondary !important;
146
- color: white !important;
147
- }
148
- }
149
-
150
- .btn-outline-success {
151
- border-color: $success !important;
152
- color: $success !important;
153
-
154
- &:hover {
155
- background: $success !important;
156
- border-color: $success !important;
157
- color: white !important;
158
- }
159
- }
160
-
161
- .btn-outline-danger {
162
- border-color: $danger !important;
163
- color: $danger !important;
164
-
165
- &:hover {
166
- background: $danger !important;
167
- border-color: $danger !important;
168
- color: white !important;
169
- }
170
- }
171
-
172
- .btn-outline-warning {
173
- border-color: $warning !important;
174
- color: $warning !important;
175
-
176
- &:hover {
177
- background: $warning !important;
178
- border-color: $warning !important;
179
- color: white !important;
180
- }
181
- }
182
-
183
- .btn-outline-info {
184
- border-color: $info !important;
185
- color: $info !important;
186
-
187
- &:hover {
188
- background: $info !important;
189
- border-color: $info !important;
190
- color: white !important;
191
- }
192
- }
193
-
194
- .btn-outline-light {
195
- border-color: $light !important;
196
- color: $light !important;
197
-
198
- &:hover {
199
- background: $light !important;
200
- border-color: $light !important;
201
- color: $dark !important;
202
- }
203
- }
204
-
205
- .btn-outline-dark {
206
- border-color: $dark !important;
207
- color: $dark !important;
208
-
209
- &:hover {
210
- background: $dark !important;
211
- border-color: $dark !important;
212
- color: white !important;
213
- }
214
- }
215
-
216
- // ============================================
217
- // Button Groups
218
- // ============================================
219
- .btn-group {
220
- .btn {
221
- border-radius: 0;
222
-
223
- &:first-child {
224
- border-top-left-radius: $umbra-radius-lg;
225
- border-bottom-left-radius: $umbra-radius-lg;
226
- }
227
-
228
- &:last-child {
229
- border-top-right-radius: $umbra-radius-lg;
230
- border-bottom-right-radius: $umbra-radius-lg;
231
- }
232
- }
233
-
234
- &.btn-group-pill .btn {
235
- &:first-child {
236
- border-top-left-radius: $umbra-radius-full;
237
- border-bottom-left-radius: $umbra-radius-full;
238
- }
239
-
240
- &:last-child {
241
- border-top-right-radius: $umbra-radius-full;
242
- border-bottom-right-radius: $umbra-radius-full;
243
- }
244
- }
245
- }
246
-
247
- // ============================================
248
- // Gradient Rainbow Button
249
- // ============================================
250
- .btn-gradient-rainbow {
251
- border-width: 0 !important;
252
- border-color: transparent !important;
253
- background-color: transparent !important;
254
- background-image: $umbra-gradient-rainbow !important;
255
- background-size: 300% 300% !important;
256
- text-transform: none !important;
257
- color: rgba(255, 255, 255, 1) !important;
258
- box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
259
- transition-duration: 0.3s !important;
260
-
261
- &:hover {
262
- opacity: 0.70;
263
- }
264
- }
@@ -1,47 +0,0 @@
1
- // Umbra Card Components
2
- // Warm, modern cards with subtle glow effects and clean lines
3
-
4
- // ============================================
5
- // Base Card Styles
6
- // ============================================
7
- .card {
8
- background: var(--bs-secondary-bg);
9
- border: 1px solid var(--bs-border-color);
10
- border-radius: $umbra-radius-xl;
11
- box-shadow: $umbra-shadow-sm;
12
- position: relative;
13
- transition: $umbra-transition-base;
14
-
15
- // Allow badges to overflow (except when overflow-hidden is explicitly set)
16
- &:has(.badge):not(.overflow-hidden) {
17
- overflow: visible !important;
18
- }
19
-
20
- .card-header {
21
- border-bottom: 1px solid var(--bs-border-color);
22
- padding: 1.5rem;
23
- font-weight: 600;
24
- }
25
-
26
- .card-body {
27
- padding: 1.5rem;
28
- }
29
-
30
- .card-footer {
31
- border-top: 1px solid var(--bs-border-color);
32
- padding: 1rem 1.5rem;
33
- }
34
- }
35
-
36
- // Hoverable Cards (Links, etc.)
37
- a.card, .card.card-hover {
38
- text-decoration: none;
39
- color: inherit;
40
-
41
- &:hover {
42
- transform: translateY(-2px);
43
- box-shadow: $umbra-shadow-md;
44
- border-color: rgba(226, 114, 91, 0.3); // Terracotta hint
45
- }
46
- }
47
-