@taiga-ui/styles 4.0.0-rc.8 → 4.0.0

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/basic/main.less CHANGED
@@ -74,7 +74,7 @@ svg use {
74
74
  * the ::after blocks aren't removed
75
75
  * after the destruction of the parent class
76
76
  */
77
- :after {
77
+ ::after {
78
78
  content: none;
79
79
  }
80
80
  }
@@ -12,7 +12,7 @@
12
12
  outline: none;
13
13
  box-sizing: content-box;
14
14
 
15
- &:not(&_hoverable):before {
15
+ &:not(&_hoverable)::before {
16
16
  .fullsize();
17
17
 
18
18
  content: '';
@@ -24,7 +24,7 @@
24
24
 
25
25
  &:focus,
26
26
  &:hover:focus {
27
- &:before {
27
+ &::before {
28
28
  border-color: var(--tui-border-focus);
29
29
  }
30
30
  }
@@ -43,7 +43,7 @@
43
43
  margin-top: 0;
44
44
  }
45
45
 
46
- &:before {
46
+ &::before {
47
47
  content: '';
48
48
  position: absolute;
49
49
  left: 0;
@@ -69,7 +69,7 @@
69
69
  .tui-list_linear & {
70
70
  padding-left: 1.75rem;
71
71
 
72
- &:before {
72
+ &::before {
73
73
  content: '\2014';
74
74
  left: 0;
75
75
  top: auto;
@@ -82,7 +82,7 @@
82
82
  .tui-list_ordered & {
83
83
  padding-left: 1.25rem;
84
84
 
85
- &:before {
85
+ &::before {
86
86
  content: counter(counter) '.';
87
87
  left: 0;
88
88
  top: auto;
@@ -97,7 +97,7 @@
97
97
  .tui-list_triangle > & {
98
98
  padding-left: 1.75rem;
99
99
 
100
- &:before {
100
+ &::before {
101
101
  content: '\25E4'; // represent symbol '◤'
102
102
  left: 0;
103
103
  top: 1px;
@@ -1,13 +1,13 @@
1
1
  .tui-required {
2
- &:after {
2
+ &::after {
3
3
  content: '*';
4
4
  }
5
5
 
6
- &_float:after {
6
+ &_float::after {
7
7
  position: absolute;
8
8
  }
9
9
 
10
- &_spacing:after {
10
+ &_spacing::after {
11
11
  content: '\0000a0*';
12
12
  }
13
13
  }
@@ -5,7 +5,7 @@
5
5
  pointer-events: none;
6
6
  user-select: none;
7
7
 
8
- &:after {
8
+ &::after {
9
9
  .fullsize();
10
10
 
11
11
  content: '';
@@ -14,25 +14,25 @@
14
14
  border-radius: var(--tui-skeleton-radius, 0);
15
15
  }
16
16
 
17
- &_light:after {
17
+ &_light::after {
18
18
  background-color: fade(#fff, 24%);
19
19
  }
20
20
 
21
- &_rounded:after {
21
+ &_rounded::after {
22
22
  border-radius: inherit;
23
23
  }
24
24
 
25
- &_short:after {
25
+ &_short::after {
26
26
  width: 40%;
27
27
  }
28
28
 
29
- &_center:after {
29
+ &_center::after {
30
30
  .center-left();
31
31
 
32
32
  width: 40%;
33
33
  }
34
34
 
35
- &_text:before {
35
+ &_text::before {
36
36
  content: '\a0';
37
37
  }
38
38
 
@@ -79,14 +79,14 @@
79
79
  box-sizing: border-box;
80
80
  text-align: left;
81
81
 
82
- .tui-table_size_l &:before {
82
+ .tui-table_size_l &::before {
83
83
  width: 1rem;
84
84
  border-top-left-radius: 1rem;
85
85
  border-bottom-left-radius: 1rem;
86
86
  }
87
87
 
88
- &_first:before,
89
- &_last:before {
88
+ &_first::before,
89
+ &_last::before {
90
90
  content: '';
91
91
  position: absolute;
92
92
  top: 0;
@@ -102,7 +102,7 @@
102
102
  padding-left: 0;
103
103
  overflow: visible;
104
104
 
105
- &:before {
105
+ &::before {
106
106
  right: 100%;
107
107
  }
108
108
  }
@@ -112,7 +112,7 @@
112
112
  padding-right: 0;
113
113
  overflow: visible;
114
114
 
115
- &:before {
115
+ &::before {
116
116
  left: 100%;
117
117
  transform: scaleX(-1);
118
118
  }
package/package.json CHANGED
@@ -1,10 +1,10 @@
1
1
  {
2
2
  "name": "@taiga-ui/styles",
3
- "version": "4.0.0-rc.8",
3
+ "version": "4.0.0",
4
4
  "description": "Global Styles for Taiga UI",
5
5
  "peerDependencies": {
6
- "@taiga-ui/cdk": "^4.0.0-rc.8",
7
- "@taiga-ui/core": "^4.0.0-rc.8",
6
+ "@taiga-ui/cdk": "^4.0.0",
7
+ "@taiga-ui/core": "^4.0.0",
8
8
  "tslib": "^2.6.3"
9
9
  }
10
10
  }