ros.grant.common 2.0.1578 → 2.0.1580
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/Shared/Styles/Base/Grid.less +48 -0
- package/Shared/Styles/myrtex-lib/components/button/button-colors.less +6 -6
- package/Shared/Styles/myrtex-lib/components/button/button-secondary.less +5 -5
- package/Shared/Styles/myrtex-lib/components/button/button-tertiary.less +5 -5
- package/package.json +1 -1
|
@@ -2699,6 +2699,30 @@ html {
|
|
|
2699
2699
|
padding-left: 3rem !important
|
|
2700
2700
|
}
|
|
2701
2701
|
|
|
2702
|
+
.p-12px{
|
|
2703
|
+
padding: var(--spacing-3) !important;
|
|
2704
|
+
}
|
|
2705
|
+
|
|
2706
|
+
.pt-12px,
|
|
2707
|
+
.py-12px {
|
|
2708
|
+
padding-top: var(--spacing-3) !important;
|
|
2709
|
+
}
|
|
2710
|
+
|
|
2711
|
+
.pr-12px,
|
|
2712
|
+
.px-12px {
|
|
2713
|
+
padding-right: var(--spacing-3) !important;
|
|
2714
|
+
}
|
|
2715
|
+
|
|
2716
|
+
.pb-12px,
|
|
2717
|
+
.py-12px {
|
|
2718
|
+
padding-bottom: var(--spacing-3) !important;
|
|
2719
|
+
}
|
|
2720
|
+
|
|
2721
|
+
.pl-12px,
|
|
2722
|
+
.px-12px {
|
|
2723
|
+
padding-left: var(--spacing-3) !important;
|
|
2724
|
+
}
|
|
2725
|
+
|
|
2702
2726
|
.m-n1 {
|
|
2703
2727
|
margin: -.25rem !important
|
|
2704
2728
|
}
|
|
@@ -2847,6 +2871,30 @@ html {
|
|
|
2847
2871
|
max-width: initial !important;
|
|
2848
2872
|
}
|
|
2849
2873
|
|
|
2874
|
+
.m-12px{
|
|
2875
|
+
margin: var(--spacing-3) !important;
|
|
2876
|
+
}
|
|
2877
|
+
|
|
2878
|
+
.mt-12px,
|
|
2879
|
+
.my-12px {
|
|
2880
|
+
margin-top: var(--spacing-3) !important
|
|
2881
|
+
}
|
|
2882
|
+
|
|
2883
|
+
.mr-12px,
|
|
2884
|
+
.mx-12px {
|
|
2885
|
+
margin-right: var(--spacing-3) !important
|
|
2886
|
+
}
|
|
2887
|
+
|
|
2888
|
+
.mb-12px,
|
|
2889
|
+
.my-12px {
|
|
2890
|
+
margin-bottom: var(--spacing-3) !important
|
|
2891
|
+
}
|
|
2892
|
+
|
|
2893
|
+
.ml-12px,
|
|
2894
|
+
.mx-12px {
|
|
2895
|
+
margin-left: var(--spacing-3) !important
|
|
2896
|
+
}
|
|
2897
|
+
|
|
2850
2898
|
@media (min-width:576px) {
|
|
2851
2899
|
.m-sm-0 {
|
|
2852
2900
|
margin: 0 !important
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
// Цвет кнопок
|
|
2
2
|
.mrx-btn.mrx-btn {
|
|
3
3
|
&.mrx-btn-primary {
|
|
4
|
-
&.green, &.color-positive {
|
|
4
|
+
&.green, &.mrx-btn-color-positive {
|
|
5
5
|
background-color: var(--system-bg-controls-positive-default);
|
|
6
6
|
border-color: var(--system-bg-controls-positive-default);
|
|
7
7
|
color: var(--neutral-text-inverse);
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
}
|
|
13
13
|
}
|
|
14
14
|
|
|
15
|
-
&.red, &.color-negative {
|
|
15
|
+
&.red, &.mrx-btn-color-negative {
|
|
16
16
|
background-color: var(--system-bg-controls-negative-default);
|
|
17
17
|
border-color: var(--system-bg-controls-negative-default);
|
|
18
18
|
color: var(--neutral-text-inverse);
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
}
|
|
24
24
|
}
|
|
25
25
|
|
|
26
|
-
&.yellow, &.color-attention {
|
|
26
|
+
&.yellow, &.mrx-btn-color-attention {
|
|
27
27
|
background-color: var(--system-bg-controls-attention-default);
|
|
28
28
|
border-color: var(--system-bg-controls-attention-default);
|
|
29
29
|
color: var(--neutral-text-inverse);
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
}
|
|
37
37
|
|
|
38
38
|
&.mrx-btn-secondary {
|
|
39
|
-
&.green, &.color-positive {
|
|
39
|
+
&.green, &.mrx-btn-color-positive {
|
|
40
40
|
background-color: transparent;
|
|
41
41
|
border-color: var(--system-bg-controls-positive-default);
|
|
42
42
|
color: var(--system-bg-controls-positive-default);
|
|
@@ -116,7 +116,7 @@
|
|
|
116
116
|
}
|
|
117
117
|
}
|
|
118
118
|
|
|
119
|
-
&.red, &.color-negative {
|
|
119
|
+
&.red, &.mrx-btn-color-negative {
|
|
120
120
|
background-color: transparent;
|
|
121
121
|
border-color: var(--system-bg-controls-negative-default);
|
|
122
122
|
color: var(--system-bg-controls-negative-default);
|
|
@@ -196,7 +196,7 @@
|
|
|
196
196
|
}
|
|
197
197
|
}
|
|
198
198
|
|
|
199
|
-
&.yellow, &.color-attention {
|
|
199
|
+
&.yellow, &.mrx-btn-color-attention {
|
|
200
200
|
background-color: transparent;
|
|
201
201
|
border-color: var(--system-bg-controls-attention-default);
|
|
202
202
|
color: var(--system-bg-controls-attention-default);
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
border: var(--border-width-default) solid var(--brand-bg-primary-default);
|
|
5
5
|
color: var(--brand-text-controls-default);
|
|
6
6
|
|
|
7
|
-
&:not(.red, .green, .yellow, .color-positive, .color-negative, .color-attention) {
|
|
7
|
+
&:not(.red, .green, .yellow, .mrx-btn-color-positive, .mrx-btn-color-negative, .mrx-btn-color-attention) {
|
|
8
8
|
.icon-loading {
|
|
9
9
|
path {
|
|
10
10
|
stroke: var(--brand-text-controls-default);
|
|
@@ -54,7 +54,7 @@
|
|
|
54
54
|
}
|
|
55
55
|
}
|
|
56
56
|
|
|
57
|
-
&.red, &.color-negative {
|
|
57
|
+
&.red, &.mrx-btn-color-negative {
|
|
58
58
|
.icon-loading {
|
|
59
59
|
path {
|
|
60
60
|
stroke: var(--system-bg-controls-negative-default);
|
|
@@ -70,7 +70,7 @@
|
|
|
70
70
|
}
|
|
71
71
|
}
|
|
72
72
|
|
|
73
|
-
&.green, &.color-positive {
|
|
73
|
+
&.green, &.mrx-btn-color-positive {
|
|
74
74
|
.icon-loading {
|
|
75
75
|
path {
|
|
76
76
|
stroke: var(--system-bg-controls-positive-default);
|
|
@@ -86,7 +86,7 @@
|
|
|
86
86
|
}
|
|
87
87
|
}
|
|
88
88
|
|
|
89
|
-
&.yellow, &.color-attention {
|
|
89
|
+
&.yellow, &.mrx-btn-color-attention {
|
|
90
90
|
.icon-loading {
|
|
91
91
|
path {
|
|
92
92
|
stroke: var(--Orange);
|
|
@@ -107,7 +107,7 @@
|
|
|
107
107
|
border-color: var(--brand-bg-primary-default);
|
|
108
108
|
color: var(--brand-text-controls-hover);
|
|
109
109
|
|
|
110
|
-
&:not(.red, .green, .yellow, .color-positive, .color-negative, .color-attention) {
|
|
110
|
+
&:not(.red, .green, .yellow, .mrx-btn-color-positive, .mrx-btn-color-negative, .mrx-btn-color-attention) {
|
|
111
111
|
.icon-loading {
|
|
112
112
|
path {
|
|
113
113
|
stroke: var(--brand-text-controls-hover);
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
color: var(--brand-text-controls-default);
|
|
5
5
|
border: var(--border-width-default) solid transparent;
|
|
6
6
|
|
|
7
|
-
&:not(.red, .green, .yellow, .color-positive, .color-negative, .color-attention) {
|
|
7
|
+
&:not(.red, .green, .yellow, .mrx-btn-color-positive, .mrx-btn-color-negative, .mrx-btn-color-attention) {
|
|
8
8
|
.icon-loading {
|
|
9
9
|
path {
|
|
10
10
|
stroke: var(--brand-text-controls-default);
|
|
@@ -54,7 +54,7 @@
|
|
|
54
54
|
}
|
|
55
55
|
}
|
|
56
56
|
|
|
57
|
-
&.red, &.color-negative {
|
|
57
|
+
&.red, &.mrx-btn-color-negative {
|
|
58
58
|
.icon-loading {
|
|
59
59
|
path {
|
|
60
60
|
stroke: var(--system-bg-controls-negative-default);
|
|
@@ -70,7 +70,7 @@
|
|
|
70
70
|
}
|
|
71
71
|
}
|
|
72
72
|
|
|
73
|
-
&.green, &.color-positive {
|
|
73
|
+
&.green, &.mrx-btn-color-positive {
|
|
74
74
|
.icon-loading {
|
|
75
75
|
path {
|
|
76
76
|
stroke: var(--system-bg-controls-positive-default);
|
|
@@ -86,7 +86,7 @@
|
|
|
86
86
|
}
|
|
87
87
|
}
|
|
88
88
|
|
|
89
|
-
&.yellow, &.color-attention {
|
|
89
|
+
&.yellow, &.mrx-btn-color-attention {
|
|
90
90
|
.icon-loading {
|
|
91
91
|
path {
|
|
92
92
|
stroke: var(--Orange);
|
|
@@ -105,7 +105,7 @@
|
|
|
105
105
|
&:hover, &.active {
|
|
106
106
|
color: var(--brand-text-controls-hover);
|
|
107
107
|
|
|
108
|
-
&:not(.red, .green, .yellow, .color-positive, .color-negative, .color-attention) {
|
|
108
|
+
&:not(.red, .green, .yellow, .mrx-btn-color-positive, .mrx-btn-color-negative, .mrx-btn-color-attention) {
|
|
109
109
|
.icon-loading {
|
|
110
110
|
path {
|
|
111
111
|
stroke: var(--brand-text-controls-hover);
|
package/package.json
CHANGED