tina4ruby 3.13.96 → 3.13.98

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.
@@ -1,117 +0,0 @@
1
- // Tina4 CSS Framework - Design Tokens
2
- // ------------------------------------
3
-
4
- // Colors
5
- $primary: #4a90d9 !default;
6
- $secondary: #6c757d !default;
7
- $success: #28a745 !default;
8
- $danger: #dc3545 !default;
9
- $warning: #ffc107 !default;
10
- $info: #17a2b8 !default;
11
- $light: #f8f9fa !default;
12
- $dark: #212529 !default;
13
- $white: #fff !default;
14
- $black: #000 !default;
15
- $body-bg: $white !default;
16
- $body-color: $dark !default;
17
- $muted: #6c757d !default;
18
-
19
- $theme-colors: (
20
- "primary": $primary,
21
- "secondary": $secondary,
22
- "success": $success,
23
- "danger": $danger,
24
- "warning": $warning,
25
- "info": $info,
26
- "light": $light,
27
- "dark": $dark
28
- ) !default;
29
-
30
- // Spacing
31
- $spacer: 1rem !default;
32
- $spacers: (
33
- 0: 0,
34
- 1: $spacer * 0.25,
35
- 2: $spacer * 0.5,
36
- 3: $spacer,
37
- 4: $spacer * 1.5,
38
- 5: $spacer * 3
39
- ) !default;
40
-
41
- // Border radius
42
- $border-radius: 0.25rem !default;
43
- $border-radius-sm: 0.25rem !default;
44
- $border-radius-lg: 0.5rem !default;
45
- $border-radius-xl: 1rem !default;
46
- $border-radius-pill: 50rem !default;
47
-
48
- // Typography
49
- $font-family-base: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !default;
50
- $font-family-mono: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
51
-
52
- $font-size-sm: 0.875rem !default;
53
- $font-size-base: 1rem !default;
54
- $font-size-lg: 1.125rem !default;
55
- $font-size-xl: 1.25rem !default;
56
- $font-size-2xl: 1.5rem !default;
57
- $font-size-3xl: 1.875rem !default;
58
- $font-size-4xl: 2.25rem !default;
59
-
60
- $font-sizes: (
61
- 1: $font-size-4xl,
62
- 2: $font-size-3xl,
63
- 3: $font-size-2xl,
64
- 4: $font-size-xl,
65
- 5: $font-size-base,
66
- 6: $font-size-sm
67
- ) !default;
68
-
69
- $line-height-base: 1.5 !default;
70
- $line-height-sm: 1.25 !default;
71
- $line-height-lg: 2 !default;
72
-
73
- $font-weight-light: 300 !default;
74
- $font-weight-normal: 400 !default;
75
- $font-weight-bold: 700 !default;
76
-
77
- // Breakpoints
78
- $breakpoints: (
79
- sm: 576px,
80
- md: 768px,
81
- lg: 992px,
82
- xl: 1200px,
83
- xxl: 1400px
84
- ) !default;
85
-
86
- // Container max-widths
87
- $container-max-widths: (
88
- sm: 540px,
89
- md: 720px,
90
- lg: 960px,
91
- xl: 1140px,
92
- xxl: 1320px
93
- ) !default;
94
-
95
- // Grid
96
- $grid-columns: 12 !default;
97
- $grid-gutter: 1.5rem !default;
98
-
99
- // Shadows
100
- $shadow-sm: 0 0.125rem 0.25rem rgba($black, 0.075) !default;
101
- $shadow: 0 0.5rem 1rem rgba($black, 0.15) !default;
102
- $shadow-lg: 0 1rem 3rem rgba($black, 0.175) !default;
103
-
104
- // Transitions
105
- $transition-base: all 0.2s ease-in-out !default;
106
- $transition-fade: opacity 0.15s linear !default;
107
-
108
- // Z-index
109
- $zindex-dropdown: 1000 !default;
110
- $zindex-sticky: 1020 !default;
111
- $zindex-fixed: 1030 !default;
112
- $zindex-backdrop: 1040 !default;
113
- $zindex-modal: 1050 !default;
114
-
115
- // Links
116
- $link-color: $primary !default;
117
- $link-hover-color: darken($primary, 15%) !default;
@@ -1 +0,0 @@
1
- @import 'tina4';
@@ -1,48 +0,0 @@
1
- // Tina4 CSS Framework - CSS Custom Properties
2
- // Exposes the design tokens as CSS custom properties for runtime use
3
-
4
- @import 'variables';
5
-
6
- :root {
7
- // Theme colors
8
- --t4-primary: #{$primary};
9
- --t4-secondary: #{$secondary};
10
- --t4-success: #{$success};
11
- --t4-danger: #{$danger};
12
- --t4-warning: #{$warning};
13
- --t4-info: #{$info};
14
- --t4-light: #{$light};
15
- --t4-dark: #{$dark};
16
- --t4-white: #{$white};
17
- --t4-black: #{$black};
18
- --t4-muted: #{$muted};
19
-
20
- // Body
21
- --t4-body-bg: #{$body-bg};
22
- --t4-body-color: #{$body-color};
23
-
24
- // Typography
25
- --t4-font-family: #{$font-family-base};
26
- --t4-font-family-mono: #{$font-family-mono};
27
- --t4-font-size-base: #{$font-size-base};
28
- --t4-line-height-base: #{$line-height-base};
29
-
30
- // Spacing
31
- --t4-spacer: #{$spacer};
32
-
33
- // Border radius
34
- --t4-border-radius: #{$border-radius};
35
- --t4-border-radius-lg: #{$border-radius-lg};
36
- --t4-border-radius-xl: #{$border-radius-xl};
37
-
38
- // Shadows
39
- --t4-shadow-sm: #{$shadow-sm};
40
- --t4-shadow: #{$shadow};
41
- --t4-shadow-lg: #{$shadow-lg};
42
-
43
- // Transitions
44
- --t4-transition: #{$transition-base};
45
-
46
- // Link
47
- --t4-link-color: #{$link-color};
48
- }
@@ -1,18 +0,0 @@
1
- // Tina4 CSS Framework
2
- // A lightweight, modern, responsive CSS framework
3
- // ================================================
4
-
5
- @import 'variables';
6
- @import 'reset';
7
- @import 'typography';
8
- @import 'grid';
9
- @import 'buttons';
10
- @import 'forms';
11
- @import 'cards';
12
- @import 'nav';
13
- @import 'modals';
14
- @import 'alerts';
15
- @import 'tables';
16
- @import 'badges';
17
- @import 'pagination';
18
- @import 'utilities';