@lluc_llull/ui-lib 0.2.1 → 0.2.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.
- package/package.json +2 -1
- package/src/lib/styles/main.css +51 -0
- package/styles/main.css +51 -0
- package/src/lib/styles/abstracts/_breakpoints.scss +0 -7
- package/src/lib/styles/abstracts/_mixins.scss +0 -21
- package/src/lib/styles/abstracts/_variables.scss +0 -17
- package/src/lib/styles/abstracts/index.scss +0 -3
- package/src/lib/styles/base/_common.scss +0 -42
- package/src/lib/styles/base/_globals.scss +0 -13
- package/src/lib/styles/base/index.scss +0 -2
- package/src/lib/styles/main.scss +0 -3
- package/src/lib/styles/themes/_dark.scss +0 -0
- package/src/lib/styles/themes/_light.scss +0 -0
- package/src/lib/styles/themes/index.scss +0 -2
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@lluc_llull/ui-lib",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.2",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@angular/common": "^17.3.0",
|
|
6
6
|
"@angular/core": "^17.3.0"
|
|
@@ -21,6 +21,7 @@
|
|
|
21
21
|
"url": "https://github.com/llucllull/ui-lib/issues"
|
|
22
22
|
},
|
|
23
23
|
"homepage": "https://github.com/llucllull/ui-lib#readme",
|
|
24
|
+
"styles": "styles/main.css",
|
|
24
25
|
"module": "fesm2022/lluc_llull-ui-lib.mjs",
|
|
25
26
|
"typings": "index.d.ts",
|
|
26
27
|
"exports": {
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
.btn {
|
|
2
|
+
padding: 0.5rem 1rem;
|
|
3
|
+
border-radius: 6px;
|
|
4
|
+
font-weight: 600;
|
|
5
|
+
cursor: pointer;
|
|
6
|
+
transition: background-color 0.2s ease;
|
|
7
|
+
border: none;
|
|
8
|
+
display: inline-flex;
|
|
9
|
+
align-items: center;
|
|
10
|
+
justify-content: center;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.btn-primary {
|
|
14
|
+
background-color: #007bff;
|
|
15
|
+
color: white;
|
|
16
|
+
}
|
|
17
|
+
.btn-primary:hover {
|
|
18
|
+
background-color: rgb(0, 98.4, 204);
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.btn-secondary {
|
|
22
|
+
background: none;
|
|
23
|
+
border: 1px solid #007bff;
|
|
24
|
+
color: #007bff;
|
|
25
|
+
}
|
|
26
|
+
.btn-secondary:hover {
|
|
27
|
+
background-color: #007bff;
|
|
28
|
+
color: white;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.btn-link {
|
|
32
|
+
background: none;
|
|
33
|
+
color: #007bff;
|
|
34
|
+
}
|
|
35
|
+
.btn-link:hover {
|
|
36
|
+
text-decoration: underline;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
body {
|
|
40
|
+
font-family: "Montserrat", sans-serif;
|
|
41
|
+
font-size: 16px;
|
|
42
|
+
color: #111;
|
|
43
|
+
background-color: #f9f9f9;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
a {
|
|
47
|
+
text-decoration: none;
|
|
48
|
+
color: #007bff;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
/*# sourceMappingURL=main.css.map */
|
package/styles/main.css
ADDED
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
.btn {
|
|
2
|
+
padding: 0.5rem 1rem;
|
|
3
|
+
border-radius: 6px;
|
|
4
|
+
font-weight: 600;
|
|
5
|
+
cursor: pointer;
|
|
6
|
+
transition: background-color 0.2s ease;
|
|
7
|
+
border: none;
|
|
8
|
+
display: inline-flex;
|
|
9
|
+
align-items: center;
|
|
10
|
+
justify-content: center;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.btn-primary {
|
|
14
|
+
background-color: #007bff;
|
|
15
|
+
color: white;
|
|
16
|
+
}
|
|
17
|
+
.btn-primary:hover {
|
|
18
|
+
background-color: rgb(0, 98.4, 204);
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.btn-secondary {
|
|
22
|
+
background: none;
|
|
23
|
+
border: 1px solid #007bff;
|
|
24
|
+
color: #007bff;
|
|
25
|
+
}
|
|
26
|
+
.btn-secondary:hover {
|
|
27
|
+
background-color: #007bff;
|
|
28
|
+
color: white;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.btn-link {
|
|
32
|
+
background: none;
|
|
33
|
+
color: #007bff;
|
|
34
|
+
}
|
|
35
|
+
.btn-link:hover {
|
|
36
|
+
text-decoration: underline;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
body {
|
|
40
|
+
font-family: "Montserrat", sans-serif;
|
|
41
|
+
font-size: 16px;
|
|
42
|
+
color: #111;
|
|
43
|
+
background-color: #f9f9f9;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
a {
|
|
47
|
+
text-decoration: none;
|
|
48
|
+
color: #007bff;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
/*# sourceMappingURL=main.css.map */
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
@use 'breakpoints' as *;
|
|
2
|
-
|
|
3
|
-
@mixin respond-min($breakpoint) {
|
|
4
|
-
@if map-has-key($breakpoints, $breakpoint) {
|
|
5
|
-
@media (min-width: map-get($breakpoints, $breakpoint)) {
|
|
6
|
-
@content;
|
|
7
|
-
}
|
|
8
|
-
} @else {
|
|
9
|
-
@warn "El breakpoint '#{$breakpoint}' no está definido en _breakpoints.scss.";
|
|
10
|
-
}
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
@mixin respond-max($breakpoint) {
|
|
14
|
-
@if map-has-key($breakpoints, $breakpoint) {
|
|
15
|
-
@media (max-width: map-get($breakpoints, $breakpoint)) {
|
|
16
|
-
@content;
|
|
17
|
-
}
|
|
18
|
-
} @else {
|
|
19
|
-
@warn "El breakpoint '#{$breakpoint}' no está definido en _breakpoints.scss.";
|
|
20
|
-
}
|
|
21
|
-
}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
// Colors
|
|
2
|
-
$color-primary: #007bff;
|
|
3
|
-
$color-secondary: #6c757d;
|
|
4
|
-
$color-success: #28a745;
|
|
5
|
-
$color-danger: #dc3545;
|
|
6
|
-
$color-text: #111;
|
|
7
|
-
$color-bg: #f9f9f9;
|
|
8
|
-
|
|
9
|
-
// Typography
|
|
10
|
-
$font-base: 'Montserrat', sans-serif;
|
|
11
|
-
$font-size-base: 16px;
|
|
12
|
-
|
|
13
|
-
// Spacing
|
|
14
|
-
$spacing-xs: 0.25rem;
|
|
15
|
-
$spacing-sm: 0.5rem;
|
|
16
|
-
$spacing-md: 1rem;
|
|
17
|
-
$spacing-lg: 2rem;
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
@use '../abstracts' as *;
|
|
2
|
-
|
|
3
|
-
.btn {
|
|
4
|
-
padding: $spacing-sm $spacing-md;
|
|
5
|
-
border-radius: 6px;
|
|
6
|
-
font-weight: 600;
|
|
7
|
-
cursor: pointer;
|
|
8
|
-
transition: background-color 0.2s ease;
|
|
9
|
-
border: none;
|
|
10
|
-
display: inline-flex;
|
|
11
|
-
align-items: center;
|
|
12
|
-
justify-content: center;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
.btn-primary {
|
|
16
|
-
background-color: $color-primary;
|
|
17
|
-
color: white;
|
|
18
|
-
|
|
19
|
-
&:hover {
|
|
20
|
-
background-color: darken($color-primary, 10%);
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
.btn-secondary {
|
|
25
|
-
background: none;
|
|
26
|
-
border: 1px solid $color-primary;
|
|
27
|
-
color: $color-primary;
|
|
28
|
-
|
|
29
|
-
&:hover {
|
|
30
|
-
background-color: $color-primary;
|
|
31
|
-
color: white;
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
.btn-link {
|
|
36
|
-
background: none;
|
|
37
|
-
color: $color-primary;
|
|
38
|
-
|
|
39
|
-
&:hover {
|
|
40
|
-
text-decoration: underline;
|
|
41
|
-
}
|
|
42
|
-
}
|
package/src/lib/styles/main.scss
DELETED
|
File without changes
|
|
File without changes
|