ros.grant.common 2.0.1057 → 2.0.1058

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 (4) hide show
  1. package/Shared/Styles/Layout/Footer/Footer.less +4 -4
  2. package/Shared/Styles/Layout/Header/Header.less +27 -20
  3. package/Shared/Styles/Modules/SocialLinks/SocialLinks.less +29 -29
  4. package/package.json +1 -1
package/Shared/Styles/Layout/Footer/Footer.less CHANGED
@@ -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 {
package/Shared/Styles/Layout/Header/Header.less CHANGED
@@ -138,15 +138,15 @@
138
138
  }
139
139
 
140
140
  .header-nav-vse-btn {
141
- border: 1px solid fade(#3A3A3A, 80%);
142
- color: fade(#3A3A3A, 80%);
141
+ border: 1px solid var(--Main1);
142
+ color: var(--Main1);
143
143
  border-radius: 16px;
144
144
  display: flex;
145
145
  justify-content: center;
146
146
  align-items: center;
147
147
  padding: 0 25px;
148
148
  margin: 0 6px;
149
- min-height: 38px;
149
+ min-height: 40px;
150
150
  transition: 0.2s;
151
151
 
152
152
  @media (max-width: 656px) {
@@ -159,7 +159,7 @@
159
159
  }
160
160
 
161
161
  &:hover {
162
- background-color: fade(#3A3A3A, 80%);
162
+ background-color: var(--Main1);
163
163
  border-color: transparent;
164
164
 
165
165
  .header-nav-vse-btn-link {
@@ -168,7 +168,7 @@
168
168
  }
169
169
 
170
170
  .header-nav-vse-btn-link {
171
- color: fade(#3A3A3A, 80%);
171
+ color: var(--Main1);
172
172
 
173
173
  &:after {
174
174
  content: 'Оценка реализованных проектов';
@@ -185,18 +185,18 @@
185
185
  }
186
186
 
187
187
  &.header-vse--light {
188
- border: 1px solid rgba(255, 255, 255, 0.75);
188
+ border: 1px solid #fff;
189
189
 
190
190
  .header-nav-vse-btn-link {
191
- color: rgba(255, 255, 255, 0.75);
191
+ color: #fff;
192
192
  }
193
193
 
194
194
  &:hover {
195
195
  border-color: transparent;
196
- background-color: rgba(255, 255, 255, 0.75);
196
+ background-color: #fff;
197
197
 
198
198
  .header-nav-vse-btn-link {
199
- color: fade(#3A3A3A, 80%);
199
+ color: var(--Main1);
200
200
  }
201
201
  }
202
202
  }
@@ -366,6 +366,12 @@
366
366
  right: 15px;
367
367
 
368
368
  &-btn {
369
+ border: none;
370
+
371
+ &:hover {
372
+ background-color: transparent !important;
373
+ }
374
+
369
375
  &-icon {
370
376
  top: 17px;
371
377
  position: absolute;
@@ -396,7 +402,7 @@
396
402
  position: absolute;
397
403
  width: 24px;
398
404
  height: 3px;
399
- background: #050506;
405
+ background: #000;
400
406
  border-radius: 2px;
401
407
  left: 6px;
402
408
  display: block;
@@ -409,7 +415,7 @@
409
415
  &.active {
410
416
  .header__nav-trigger-btn-icon {
411
417
  transform: translate3d(0, 0, 0) rotate(45deg);
412
- background: #050506;
418
+ background: #000;
413
419
  }
414
420
 
415
421
  &:before {
@@ -419,7 +425,7 @@
419
425
 
420
426
  &:after {
421
427
  transform: rotate(-45deg) translate3d(5px, -5px, 0);
422
- background: #050506;
428
+ background: #000;
423
429
  }
424
430
  }
425
431
  }
@@ -711,20 +717,21 @@
711
717
  }
712
718
 
713
719
  &__wrapper {
714
- border-radius: 26px;
720
+ border-radius: 16px;
715
721
  box-sizing: border-box;
716
- border: 1px solid rgba(58, 58, 58, .8);
722
+ border: 1px solid var(--Main1);
717
723
  text-align: center;
718
724
  display: flex;
719
725
  align-items: center;
720
726
  justify-content: center;
721
727
  cursor: pointer;
722
- height: 38px;
728
+ height: 40px;
729
+ font-weight: bold;
723
730
  width: 78px;
724
731
  line-height: 40px;
725
732
 
726
733
  &:hover {
727
- background-color: rgba(58, 58, 58, .8);
734
+ background-color: var(--Main1);
728
735
  border-color: transparent;
729
736
 
730
737
  .login-button {
@@ -733,7 +740,7 @@
733
740
  }
734
741
 
735
742
  .login-button {
736
- color: rgba(58, 58, 58, .8);
743
+ color: var(--Main1);
737
744
  font-size: 14px;
738
745
  width: 100%;
739
746
  }
@@ -741,14 +748,14 @@
741
748
 
742
749
  &.header--light {
743
750
  .login-button-container__wrapper {
744
- border-color: rgba(255, 255, 255, .75);
751
+ border-color: #fff;
745
752
 
746
753
  &:hover {
747
754
  border-color: transparent;
748
- background-color: rgba(255, 255, 255, .75);
755
+ background-color: #fff;
749
756
 
750
757
  .login-button {
751
- color: rgba(58, 58, 58, .8);
758
+ color: var(--Main1);
752
759
  }
753
760
  }
754
761
 
package/Shared/Styles/Modules/SocialLinks/SocialLinks.less CHANGED
@@ -140,47 +140,47 @@
140
140
  border: none !important;
141
141
  width: 24px;
142
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
143
 
158
144
  .btn-icon__img,
159
145
  use {
160
- fill: #FFF;
161
- fill-opacity: 1;
146
+ fill: var(--Main1);
147
+ fill-opacity: 0.8;
148
+ transition: all .2s ease-in-out;
162
149
  }
163
- }
164
150
 
165
- &--light {
166
- fill: #fff;
167
- transition: all .2s ease-in-out;
151
+ // &.active,
152
+ // &:active,
153
+ // &:hover {
154
+ // background: fade(#3A3A3A, 80%);
155
+ // border-color: transparent;
168
156
 
169
- .btn-icon__img,
170
- use {
157
+ // .btn-icon__img,
158
+ // use {
159
+ // fill: #FFF;
160
+ // fill-opacity: 1;
161
+ // }
162
+ // }
163
+
164
+ &--light {
171
165
  fill: #fff;
172
166
  transition: all .2s ease-in-out;
173
- }
174
-
175
- &.active,
176
- &:active,
177
- &:hover {
178
- background: #fff;
179
167
 
180
168
  .btn-icon__img,
181
169
  use {
182
- fill: fade(#3A3A3A, 80%);
170
+ fill: #fff;
171
+ transition: all .2s ease-in-out;
183
172
  }
173
+
174
+ // &.active,
175
+ // &:active,
176
+ // &:hover {
177
+ // background: #fff;
178
+
179
+ // .btn-icon__img,
180
+ // use {
181
+ // fill: fade(#3A3A3A, 80%);
182
+ // }
183
+ // }
184
184
  }
185
185
  }
186
186
  }
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "2.0.1057",
2
+ "version": "2.0.1058",
3
3
  "name": "ros.grant.common",
4
4
  "private": false,
5
5
  "description": "Collection of static files used by RosGrant awesome team",