@appartmint/mint 2.6.21 → 2.7.1

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 (8) hide show
  1. package/dist/css/mint.css +78 -63
  2. package/dist/css/mint.css.map +1 -1
  3. package/dist/css/mint.min.css +1 -1
  4. package/dist/css/mint.min.css.map +1 -1
  5. package/package.json +1 -1
  6. package/src/scss/imports/components/section/_landing.scss +6 -1
  7. package/src/scss/imports/global/_grid.scss +37 -64
  8. package/src/scss/imports/global/_inputs.scss +14 -2
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@appartmint/mint",
3
3
  "author": "App Art Mint LLC",
4
- "version": "2.6.21",
4
+ "version": "2.7.1",
5
5
  "license": "MIT",
6
6
  "description": "The front-end TS/SCSS framework of App Art Mint",
7
7
  "keywords": [
package/src/scss/imports/components/section/_landing.scss CHANGED
@@ -22,7 +22,12 @@
22
22
  }
23
23
 
24
24
  #{class(landing)} {
25
- @include exit-padding;
25
+ @include exit-padding;
26
+
27
+ #{class(border)}, #{class(frame)} {
28
+ border: none;
29
+ padding: 0;
30
+ }
26
31
 
27
32
  #{class(section-full)} {
28
33
  align-items: center;
package/src/scss/imports/global/_grid.scss CHANGED
@@ -4,113 +4,88 @@
4
4
  /// Grid mixins
5
5
  @mixin grid-2 {
6
6
  @include break(sm) {
7
- grid-template-columns: repeat(2, 1fr);
7
+ grid-template-columns: repeat(12, 1fr);
8
+
9
+ & > * {
10
+ grid-column: span 6;
11
+ }
8
12
 
9
13
  & > :last-child:nth-child(odd) {
10
- #{class(card)} {
11
- grid-column: span 2;
12
- width: 50%;
13
- margin-left: auto;
14
- margin-right: auto;
15
- }
14
+ grid-column: span 12;
15
+ width: 50%;
16
+ margin-left: auto;
17
+ margin-right: auto;
16
18
  }
17
19
  }
18
20
  }
19
21
 
20
22
  @mixin grid-3 {
21
23
  @include break(lg) {
22
- grid-template-columns: repeat(3, 1fr);
24
+ grid-template-columns: repeat(12, 1fr);
25
+
26
+ & > * {
27
+ grid-column: span 4;
28
+ }
23
29
 
24
30
  & > :last-child:nth-child(odd) {
25
- #{class(card)} {
26
- grid-column: span 1;
27
- width: 100%;
28
- }
31
+ grid-column: span 4;
32
+ width: 100%;
29
33
  }
30
34
 
31
35
  & > :last-child:nth-child(#{'3n+1'}) {
32
- #{class(card)} {
33
- grid-column: 2;
34
- }
36
+ grid-column: 4 / span 6;
35
37
  }
36
38
 
37
39
  & > :last-child:nth-child(#{'3n+2'}) {
38
- #{class(card)} {
39
- grid-column: 3;
40
- }
40
+ grid-column: 7 / span 6;
41
41
  }
42
42
 
43
43
  & > :nth-last-child(2):nth-child(#{'3n+1'}) {
44
- #{class(card)} {
45
- grid-column: 1;
46
- }
44
+ grid-column: 1 / span 6;
47
45
  }
48
46
  }
49
47
  }
50
48
 
51
49
  @mixin grid-4 {
52
50
  @include break(xl) {
53
- grid-template-columns: repeat(4, 1fr);
51
+ grid-template-columns: repeat(12, 1fr);
52
+
53
+ & > * {
54
+ grid-column: span 3;
55
+ }
54
56
 
55
57
  & > :last-child:nth-child(odd),
56
58
  & > :last-child:nth-child(#{'3n+1'}),
57
59
  & > :last-child:nth-child(#{'3n+2'}),
58
60
  & > :nth-last-child(2):nth-child(#{'3n+1'}) {
59
- #{class(card)} {
60
- grid-column: span 1;
61
- width: 100%;
62
- }
61
+ grid-column: span 3;
62
+ width: 100%;
63
63
  }
64
64
 
65
65
  & > :last-child:nth-child(#{'4n+1'}) {
66
- #{class(card)} {
67
- grid-column: 2 / span 2;
68
- width: 50%;
69
- margin-left: auto;
70
- margin-right: auto;
71
- }
66
+ grid-column: 4 / span 6;
72
67
  }
73
68
 
74
69
  & > :last-child:nth-child(#{'4n+2'}) {
75
- #{class(card)} {
76
- grid-column: 3 / span 2;
77
- width: 50%;
78
- margin-left: auto;
79
- margin-right: auto;
80
- }
70
+ grid-column: 7 / span 6;
81
71
  }
82
72
 
83
73
  & > :nth-last-child(2):nth-child(#{'4n+1'}) {
84
- #{class(card)} {
85
- grid-column: 1 / span 2;
86
- width: 50%;
87
- margin-left: auto;
88
- margin-right: auto;
89
- }
74
+ grid-column: 1 / span 6;
90
75
  }
91
76
 
92
77
  & > :last-child:nth-child(#{'4n+3'}) {
93
- #{class(card)} {
94
- grid-column: 4;
95
- }
78
+ grid-column: 9 / span 4;
96
79
  }
97
80
 
98
81
  & > :nth-last-child(2):nth-child(#{'4n+2'}) {
99
- #{class(card)} {
100
- grid-column: 2 / span 2;
101
- width: 50%;
102
- margin-left: auto;
103
- margin-right: auto;
104
- }
82
+ grid-column: 5 / span 4;
105
83
  }
106
84
 
107
85
  & > :nth-last-child(3):nth-child(#{'4n+1'}) {
108
- #{class(card)} {
109
- grid-column: 1;
110
- }
86
+ grid-column: 1 / span 4;
111
87
  }
112
88
  }
113
-
114
89
  }
115
90
 
116
91
  /// Grid styles
@@ -137,17 +112,15 @@
137
112
  @include grid-4;
138
113
  }
139
114
 
140
- #{class(portrait)} {
115
+ #{class(portrait)},
116
+ & > :has(#{class(portrait)}) {
141
117
  grid-row: span 2;
142
118
  }
143
119
 
144
- #{class(landscape)} {
120
+ #{class(landscape)},
121
+ & > :has(#{class(landscape)}) {
145
122
  @include break(sm) {
146
- grid-column: span 2;
147
- }
148
- @include break(lg) {
149
- grid-column: span 3;
123
+ grid-column: span 12;
150
124
  }
151
125
  }
152
126
  }
153
-
package/src/scss/imports/global/_inputs.scss CHANGED
@@ -72,12 +72,17 @@ textarea {
72
72
  filter: grayscale(0);
73
73
 
74
74
  i {
75
- opacity: 1;
75
+ opacity: 0;
76
+
77
+ &:first-child {
78
+ opacity: 1;
79
+ }
76
80
  }
77
81
  }
78
82
  }
79
83
 
80
84
  & + span {
85
+ position: relative;
81
86
  display: flex;
82
87
  align-items: center;
83
88
  justify-content: center;
@@ -93,9 +98,16 @@ textarea {
93
98
  transition: filter 300ms, background-color 300ms, left 300ms;
94
99
 
95
100
  i {
101
+ position: absolute;
102
+ top: 50%;
103
+ left: 50%;
104
+ transform: translate(-50%, -50%);
96
105
  color: css-var(back);
97
- opacity: 0;
98
106
  transition: opacity delay(default);
107
+
108
+ &:first-child {
109
+ opacity: 0;
110
+ }
99
111
  }
100
112
  }
101
113
  }