ros.grant.common 2.0.1057 → 2.0.1061

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.
@@ -45,10 +45,6 @@
45
45
  list-style-type: none;
46
46
  margin: 0 -8px;
47
47
 
48
- .social-link__top-item--visible-sm {
49
- display: none !important;
50
- }
51
-
52
48
  @media (max-width: 659px) {
53
49
  width: 100%;
54
50
  min-width: 100%;
@@ -60,6 +56,10 @@
60
56
  .social-link__top-item {
61
57
  display: inline-flex !important;
62
58
  }
59
+
60
+ .social-link__top-item--visible-sm {
61
+ display: none !important;
62
+ }
63
63
  }
64
64
 
65
65
  &_item {
@@ -2,7 +2,10 @@
2
2
  padding: 24px 0;
3
3
  background: #0090D4;
4
4
  color: #fff;
5
- font-family: 'PT Sans', sans-serif;
5
+
6
+ & * {
7
+ font-family: 'PT Sans', sans-serif !important;
8
+ }
6
9
 
7
10
  // footer-wrapper
8
11
  &-wrapper {
@@ -133,20 +133,26 @@
133
133
  display: none;
134
134
 
135
135
  @media (max-width: 900px) {
136
- display: inline-block;
136
+ display: inline-flex;
137
+ }
138
+ }
139
+
140
+ .social-buttons__button{
141
+ &:hover{
142
+ background: transparent !important;
137
143
  }
138
144
  }
139
145
 
140
146
  .header-nav-vse-btn {
141
- border: 1px solid fade(#3A3A3A, 80%);
142
- color: fade(#3A3A3A, 80%);
147
+ border: 1px solid var(--Main1);
148
+ color: var(--Main1);
143
149
  border-radius: 16px;
144
150
  display: flex;
145
151
  justify-content: center;
146
152
  align-items: center;
147
153
  padding: 0 25px;
148
154
  margin: 0 6px;
149
- min-height: 38px;
155
+ min-height: 40px;
150
156
  transition: 0.2s;
151
157
 
152
158
  @media (max-width: 656px) {
@@ -159,7 +165,7 @@
159
165
  }
160
166
 
161
167
  &:hover {
162
- background-color: fade(#3A3A3A, 80%);
168
+ background-color: var(--Main1);
163
169
  border-color: transparent;
164
170
 
165
171
  .header-nav-vse-btn-link {
@@ -168,7 +174,7 @@
168
174
  }
169
175
 
170
176
  .header-nav-vse-btn-link {
171
- color: fade(#3A3A3A, 80%);
177
+ color: var(--Main1);
172
178
 
173
179
  &:after {
174
180
  content: 'Оценка реализованных проектов';
@@ -185,18 +191,18 @@
185
191
  }
186
192
 
187
193
  &.header-vse--light {
188
- border: 1px solid rgba(255, 255, 255, 0.75);
194
+ border: 1px solid #fff;
189
195
 
190
196
  .header-nav-vse-btn-link {
191
- color: rgba(255, 255, 255, 0.75);
197
+ color: #fff;
192
198
  }
193
199
 
194
200
  &:hover {
195
201
  border-color: transparent;
196
- background-color: rgba(255, 255, 255, 0.75);
202
+ background-color: #fff;
197
203
 
198
204
  .header-nav-vse-btn-link {
199
- color: fade(#3A3A3A, 80%);
205
+ color: var(--Main1);
200
206
  }
201
207
  }
202
208
  }
@@ -318,7 +324,7 @@
318
324
  display: none;
319
325
 
320
326
  @media (max-width: 479px) {
321
- display: inline-block;
327
+ display: inline-flex;
322
328
  }
323
329
  }
324
330
 
@@ -361,16 +367,24 @@
361
367
  display: block;
362
368
  position: absolute;
363
369
  top: 15px;
364
- width: 38px;
365
- height: 38px;
370
+ width: 24px;
371
+ height: 24px;
366
372
  right: 15px;
367
373
 
368
374
  &-btn {
375
+ border: none;
376
+ width: 24px;
377
+ height: 24px;
378
+
379
+ &:hover {
380
+ background-color: transparent !important;
381
+ }
382
+
369
383
  &-icon {
370
- top: 17px;
384
+ top: 13px;
371
385
  position: absolute;
372
- width: 24px;
373
- height: 3px;
386
+ width: 18px;
387
+ height: 2px;
374
388
  background: #050506;
375
389
  border-radius: 2px;
376
390
  left: 6px;
@@ -382,21 +396,21 @@
382
396
  }
383
397
 
384
398
  &:before {
385
- top: 10px;
399
+ top: 6px;
386
400
  content: ''
387
401
  }
388
402
 
389
403
  &:after {
390
- top: 24px;
404
+ top: 20px;
391
405
  content: '';
392
406
  }
393
407
 
394
408
  &:before,
395
409
  &:after {
396
410
  position: absolute;
397
- width: 24px;
398
- height: 3px;
399
- background: #050506;
411
+ width: 18px;
412
+ height: 2px;
413
+ background: #000;
400
414
  border-radius: 2px;
401
415
  left: 6px;
402
416
  display: block;
@@ -409,7 +423,7 @@
409
423
  &.active {
410
424
  .header__nav-trigger-btn-icon {
411
425
  transform: translate3d(0, 0, 0) rotate(45deg);
412
- background: #050506;
426
+ background: #000;
413
427
  }
414
428
 
415
429
  &:before {
@@ -419,7 +433,7 @@
419
433
 
420
434
  &:after {
421
435
  transform: rotate(-45deg) translate3d(5px, -5px, 0);
422
- background: #050506;
436
+ background: #000;
423
437
  }
424
438
  }
425
439
  }
@@ -711,20 +725,21 @@
711
725
  }
712
726
 
713
727
  &__wrapper {
714
- border-radius: 26px;
728
+ border-radius: 16px;
715
729
  box-sizing: border-box;
716
- border: 1px solid rgba(58, 58, 58, .8);
730
+ border: 1px solid var(--Main1);
717
731
  text-align: center;
718
732
  display: flex;
719
733
  align-items: center;
720
734
  justify-content: center;
721
735
  cursor: pointer;
722
- height: 38px;
736
+ height: 40px;
737
+ font-weight: bold;
723
738
  width: 78px;
724
739
  line-height: 40px;
725
740
 
726
741
  &:hover {
727
- background-color: rgba(58, 58, 58, .8);
742
+ background-color: var(--Main1);
728
743
  border-color: transparent;
729
744
 
730
745
  .login-button {
@@ -733,7 +748,7 @@
733
748
  }
734
749
 
735
750
  .login-button {
736
- color: rgba(58, 58, 58, .8);
751
+ color: var(--Main1);
737
752
  font-size: 14px;
738
753
  width: 100%;
739
754
  }
@@ -741,14 +756,14 @@
741
756
 
742
757
  &.header--light {
743
758
  .login-button-container__wrapper {
744
- border-color: rgba(255, 255, 255, .75);
759
+ border-color: #fff;
745
760
 
746
761
  &:hover {
747
762
  border-color: transparent;
748
- background-color: rgba(255, 255, 255, .75);
763
+ background-color: #fff;
749
764
 
750
765
  .login-button {
751
- color: rgba(58, 58, 58, .8);
766
+ color: var(--Main1);
752
767
  }
753
768
  }
754
769
 
@@ -41,13 +41,84 @@
41
41
  }
42
42
  }
43
43
 
44
+ .social-link__top-item {
45
+ display: inline-block;
46
+ vertical-align: middle;
47
+ margin: 0 6px;
48
+
49
+ @media (max-width: 900px) {
50
+ margin: 0 4px;
51
+ display: none;
52
+ }
53
+
54
+ &--visible-sm {
55
+ display: none;
56
+
57
+ @media (max-width: 479px) {
58
+ display: inline-block;
59
+ }
60
+ }
61
+
62
+ &--hidden-sm {
63
+ @media (max-width: 479px) {
64
+ display: none;
65
+ }
66
+ }
67
+
68
+ .btn-icon {
69
+
70
+ .btn-icon__img,
71
+ use {
72
+ fill: var(--Main1);
73
+ fill-opacity: 0.8;
74
+ transition: all .2s ease-in-out;
75
+ }
76
+
77
+ &.active,
78
+ &:active,
79
+ &:hover {
80
+ background: fade(#3A3A3A, 80%);
81
+ border-color: transparent;
82
+
83
+ .btn-icon__img,
84
+ use {
85
+ fill: #FFF;
86
+ fill-opacity: 1;
87
+ }
88
+ }
89
+
90
+ &--light {
91
+ border-color: #fff;
92
+ fill: #fff;
93
+ transition: all .2s ease-in-out;
94
+
95
+ .btn-icon__img,
96
+ use {
97
+ fill: #fff;
98
+ transition: all .2s ease-in-out;
99
+ }
100
+
101
+ &.active,
102
+ &:active,
103
+ &:hover {
104
+ background: #fff;
105
+
106
+ .btn-icon__img,
107
+ use {
108
+ fill: fade(#3A3A3A, 80%);
109
+ }
110
+ }
111
+ }
112
+ }
113
+ }
114
+
44
115
  // .social-link__top-item {
45
- // display: inline-block;
46
- // vertical-align: middle;
47
- // margin: 0 6px;
116
+ // display: inline-flex;
117
+ // align-items: center;
118
+ // margin: 0 8px;
48
119
 
49
120
  // @media (max-width: 900px) {
50
- // margin: 0 4px;
121
+ // margin: 0 8px;
51
122
  // display: none;
52
123
  // }
53
124
 
@@ -66,6 +137,9 @@
66
137
  // }
67
138
 
68
139
  // .btn-icon {
140
+ // border: none !important;
141
+ // width: 24px;
142
+ // height: 24px;
69
143
 
70
144
  // .btn-icon__img,
71
145
  // use {
@@ -74,21 +148,20 @@
74
148
  // transition: all .2s ease-in-out;
75
149
  // }
76
150
 
77
- // &.active,
78
- // &:active,
79
- // &:hover {
80
- // background: fade(#3A3A3A, 80%);
81
- // border-color: transparent;
151
+ // // &.active,
152
+ // // &:active,
153
+ // // &:hover {
154
+ // // background: fade(#3A3A3A, 80%);
155
+ // // border-color: transparent;
82
156
 
83
- // .btn-icon__img,
84
- // use {
85
- // fill: #FFF;
86
- // fill-opacity: 1;
87
- // }
88
- // }
157
+ // // .btn-icon__img,
158
+ // // use {
159
+ // // fill: #FFF;
160
+ // // fill-opacity: 1;
161
+ // // }
162
+ // // }
89
163
 
90
164
  // &--light {
91
- // border-color: #fff;
92
165
  // fill: #fff;
93
166
  // transition: all .2s ease-in-out;
94
167
 
@@ -98,89 +171,16 @@
98
171
  // transition: all .2s ease-in-out;
99
172
  // }
100
173
 
101
- // &.active,
102
- // &:active,
103
- // &:hover {
104
- // background: #fff;
174
+ // // &.active,
175
+ // // &:active,
176
+ // // &:hover {
177
+ // // background: #fff;
105
178
 
106
- // .btn-icon__img,
107
- // use {
108
- // fill: fade(#3A3A3A, 80%);
109
- // }
110
- // }
179
+ // // .btn-icon__img,
180
+ // // use {
181
+ // // fill: fade(#3A3A3A, 80%);
182
+ // // }
183
+ // // }
111
184
  // }
112
185
  // }
113
- // }
114
-
115
- .social-link__top-item {
116
- display: inline-flex;
117
- align-items: center;
118
- margin: 0 8px;
119
-
120
- @media (max-width: 900px) {
121
- margin: 0 8px;
122
- display: none;
123
- }
124
-
125
- &--visible-sm {
126
- display: none;
127
-
128
- @media (max-width: 479px) {
129
- display: inline-block;
130
- }
131
- }
132
-
133
- &--hidden-sm {
134
- @media (max-width: 479px) {
135
- display: none;
136
- }
137
- }
138
-
139
- .btn-icon {
140
- border: none !important;
141
- width: 24px;
142
- height: 24px;
143
- }
144
-
145
- .btn-icon__img,
146
- use {
147
- fill: var(--Main1);
148
- fill-opacity: 0.8;
149
- transition: all .2s ease-in-out;
150
- }
151
-
152
- &.active,
153
- &:active,
154
- &:hover {
155
- background: fade(#3A3A3A, 80%);
156
- border-color: transparent;
157
-
158
- .btn-icon__img,
159
- use {
160
- fill: #FFF;
161
- fill-opacity: 1;
162
- }
163
- }
164
-
165
- &--light {
166
- fill: #fff;
167
- transition: all .2s ease-in-out;
168
-
169
- .btn-icon__img,
170
- use {
171
- fill: #fff;
172
- transition: all .2s ease-in-out;
173
- }
174
-
175
- &.active,
176
- &:active,
177
- &:hover {
178
- background: #fff;
179
-
180
- .btn-icon__img,
181
- use {
182
- fill: fade(#3A3A3A, 80%);
183
- }
184
- }
185
- }
186
- }
186
+ // }
@@ -1,132 +1,132 @@
1
1
  .page-wrapper.default-theme {
2
2
 
3
- .project__cards,
4
- .news,
5
- .news-info,
6
- .event,
7
- .event-info,
8
- .project__present,
9
- .project__item {
10
- .divider {
11
- background: transparent;
12
- }
13
- }
14
-
15
- // ------------File-input------------
16
-
17
- .new-custom-file-input {
18
- &__item {
19
- &:hover {
20
- .qq-file-name {
21
- &:before {
22
- content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 21.25H6C5.30964 21.25 4.75 20.6904 4.75 20V4C4.75 3.30964 5.30964 2.75 6 2.75H13.1893L19.25 8.81066V20C19.25 20.6904 18.6904 21.25 18 21.25Z' stroke='%23B79B7E' stroke-width='1.5'/%3E%3C/svg%3E%0A") !important;
23
- }
24
- }
25
- }
26
- }
27
- }
28
-
29
- // ------------File-input------------
30
-
31
- &.mvc-service {
32
- h2 {
33
- color: #624e33 !important;
34
- font-weight: 500 !important;
35
- padding-bottom: 15px;
36
- }
37
-
38
- h3 {
39
- font-size: 28px;
40
- line-height: 1;
41
- }
3
+ .project__cards,
4
+ .news,
5
+ .news-info,
6
+ .event,
7
+ .event-info,
8
+ .project__present,
9
+ .project__item {
10
+ .divider {
11
+ background: transparent;
42
12
  }
13
+ }
43
14
 
44
- .page-main {
45
- .project__item {
46
- .winner-info__list-item-title {
47
- color: #624e33;
48
- }
15
+ // ------------File-input------------
49
16
 
50
- .circle-color {
51
- color: #624e33;
52
- }
17
+ .new-custom-file-input {
18
+ &__item {
19
+ &:hover {
20
+ .qq-file-name {
21
+ &:before {
22
+ content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 21.25H6C5.30964 21.25 4.75 20.6904 4.75 20V4C4.75 3.30964 5.30964 2.75 6 2.75H13.1893L19.25 8.81066V20C19.25 20.6904 18.6904 21.25 18 21.25Z' stroke='%23B79B7E' stroke-width='1.5'/%3E%3C/svg%3E%0A") !important;
23
+ }
53
24
  }
25
+ }
54
26
  }
27
+ }
55
28
 
56
- .content__title {
57
- border-top: none;
58
- margin-bottom: 0 !important;
59
- }
29
+ // ------------File-input------------
60
30
 
61
- .border-block {
62
- border-top: 1px solid var(--Stroke);
63
- border-bottom: 1px solid var(--Stroke);
64
- margin-bottom: 20px;
65
- padding-bottom: 10px;
31
+ &.mvc-service {
32
+ h2 {
33
+ color: #624e33 !important;
34
+ font-weight: 500 !important;
35
+ padding-bottom: 15px;
66
36
  }
67
37
 
68
- .projects__title {
69
- color: #624e33; // По просьбе заказчика замененно, должно быть var(--Main1)
38
+ h3 {
39
+ font-size: 28px;
40
+ line-height: 1;
70
41
  }
42
+ }
71
43
 
72
- .page-main .projects__aside .filter__item .filter__title {
73
- color: #624e33; // По просьбе заказчика замененно, должно быть var(--Main1)
74
- }
75
-
76
- .circle-bar__info-item:first-child .circle-bar__info-item-title {
44
+ .page-main {
45
+ .project__item {
46
+ .winner-info__list-item-title {
77
47
  color: #624e33;
78
- }
48
+ }
79
49
 
80
- .header-link {
50
+ .circle-color {
81
51
  color: #624e33;
52
+ }
82
53
  }
83
-
84
- .contest-stages__item-number {
85
- color: #ffd415;
54
+ }
55
+
56
+ .content__title {
57
+ border-top: none;
58
+ margin-bottom: 0 !important;
59
+ }
60
+
61
+ .border-block {
62
+ border-top: 1px solid var(--Stroke);
63
+ border-bottom: 1px solid var(--Stroke);
64
+ margin-bottom: 20px;
65
+ padding-bottom: 10px;
66
+ }
67
+
68
+ .projects__title {
69
+ color: #624e33; // По просьбе заказчика замененно, должно быть var(--Main1)
70
+ }
71
+
72
+ .page-main .projects__aside .filter__item .filter__title {
73
+ color: #624e33; // По просьбе заказчика замененно, должно быть var(--Main1)
74
+ }
75
+
76
+ .circle-bar__info-item:first-child .circle-bar__info-item-title {
77
+ color: #624e33;
78
+ }
79
+
80
+ .header-link {
81
+ color: #624e33;
82
+ }
83
+
84
+ .contest-stages__item-number {
85
+ color: #ffd415;
86
+ }
87
+
88
+ .auth-nav-menu-container .auth-nav-menu__wrapper .auth-nav-menu__item:hover {
89
+ background: #f2eac2; // должно быть var(--Bg2), изменено по просьбе заказчика
90
+ }
91
+
92
+ .btn {
93
+ &.fpg {
94
+ border: 1px solid #b4b2aa !important;
95
+ border-radius: 20px;
96
+ background: #fff !important;
97
+ color: #626262 !important;
98
+ font-weight: 400;
99
+ font-size: 16px;
100
+
101
+ &.btn-tag {
102
+ min-height: 30px;
103
+ }
104
+
105
+ &.btn--md {
106
+ padding: 12px 20px;
107
+ line-height: 1;
108
+ }
109
+
110
+ &-sm {
111
+ padding: 6px 10px;
112
+ }
113
+
114
+ &:hover {
115
+ background-color: #f2eac2 !important;
116
+ color: #000 !important;
117
+ }
118
+
119
+ &.active {
120
+ background: #ffd415 !important;
121
+ color: #443d2b !important;
122
+ border-color: #8c835d !important;
123
+ }
86
124
  }
125
+ }
87
126
 
88
- .auth-nav-menu-container .auth-nav-menu__wrapper .auth-nav-menu__item:hover {
89
- background: #f2eac2; // должно быть var(--Bg2), изменено по просьбе заказчика
90
- }
91
-
92
- .btn {
93
- &.fpg {
94
- border: 1px solid #b4b2aa !important;
95
- border-radius: 20px;
96
- background: #fff !important;
97
- color: #626262 !important;
98
- font-weight: 400;
99
- font-size: 16px;
100
-
101
- &.btn-tag {
102
- min-height: 30px;
103
- }
104
-
105
- &.btn--md {
106
- padding: 12px 20px;
107
- line-height: 1;
108
- }
109
-
110
- &-sm {
111
- padding: 6px 10px;
112
- }
113
-
114
- &:hover {
115
- background-color: #f2eac2 !important;
116
- color: #000 !important;
117
- }
118
-
119
- &.active {
120
- background: #ffd415 !important;
121
- color: #443d2b !important;
122
- border-color: #8c835d !important;
123
- }
124
- }
125
- }
126
-
127
- .footer-wrapper {
128
- .footer {
129
- background: var(--Subsidiary);
130
- }
127
+ .footer-wrapper {
128
+ .footer {
129
+ background: var(--Subsidiary);
131
130
  }
131
+ }
132
132
  }
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "2.0.1057",
2
+ "version": "2.0.1061",
3
3
  "name": "ros.grant.common",
4
4
  "private": false,
5
5
  "description": "Collection of static files used by RosGrant awesome team",