ros.grant.common 2.1.81 → 2.1.82

package/Shared/Styles/Layout/AuthNavMenu/AuthNavMenu.less

@@ -55,7 +55,7 @@
 
                         .header__top-expert-title,
                         .header__top-expert-email {
-                            color: var(--Main1);
+                            color: var(--neutral-text-primary);
                         }
 
                         @media(max-width: 659px) {
@@ -93,13 +93,13 @@
                 background-color: white;
 
                 &:hover {
-                    background-color: var(--Bg2);
+                    background-color: var(--brand-bg-tertiary-hover);
                 }
 
                 .nav-menu-text-link {
                     font-size: 19px;
                     line-height: 120%;
-                    color: var(--Main1);
+                    color: var(--neutral-text-primary);
                     width: 100%;
                     height: 100%;
                     display: flex;

package/Shared/Styles/Layout/Card/Card.less

@@ -109,7 +109,7 @@
     }
 
     &-block {
-      border-bottom: 1px solid var(--Stroke);
+      border-bottom: 1px solid var(--neutral-bg-stroke-default);
       padding-bottom: 16px;
       margin-bottom: 30px;
 
@@ -167,7 +167,7 @@
           }
 
           &.vertical-line {
-            border-right: 1px solid var(--Stroke);
+            border-right: 1px solid var(--neutral-bg-stroke-default);
             padding-right: 16px;
           }
         }
@@ -214,7 +214,7 @@
       }
 
       &__additional {
-        color: var(--Stroke);
+        color: var(--neutral-bg-stroke-default);
       }
 
       .trigger {
@@ -326,7 +326,7 @@
     }
 
     &-content {
-      border-top: 1px solid var(--Stroke);
+      border-top: 1px solid var(--neutral-bg-stroke-default);
       padding-top: 20px;
       margin-top: 24px;
     }
@@ -399,7 +399,7 @@
         line-height: 160%;
         display: flex;
         align-items: center;
-        color: var(--Stroke);
+        color: var(--neutral-bg-stroke-default);
         font-weight: normal;
         line-height: 1;
 
@@ -459,7 +459,7 @@
     .line {
       width: 100%;
       height: 1px;
-      background: var(--Stroke);
+      background: var(--neutral-bg-stroke-default);
       margin-top: 16px;
       margin-bottom: 30px;
     }

package/Shared/Styles/Layout/DashboardLayout/Content.less

@@ -11,7 +11,7 @@
 
     .page-header {
       background: #fff;
-      border-bottom: 1px solid var(--Bg1);
+      border-bottom: 1px solid var(--neutral-bg-island-default);
       height: 72px;
       position: fixed;
       width: 100%;
@@ -52,14 +52,14 @@
                 display: flex;
                 align-items: center;
                 justify-content: center;
-                color: var(--Main1);
+                color: var(--neutral-text-primary);
                 font-size: 19px;
                 line-height: 120%;
                 transition: 0.2s;
               }
 
               &:hover {
-                background-color: var(--Bg2);
+                background-color: var(--brand-bg-tertiary-hover);
               }              
             }
           }
@@ -114,7 +114,7 @@
             height: 38px;
             object-fit: cover;
             border-radius: 100%;
-            border: 1px solid var(--Stroke);
+            border: 1px solid var(--neutral-bg-stroke-default);
           }
         }
       }
@@ -224,7 +224,7 @@
     }
 
     .page-inner {
-      background: var(--Bg1);
+      background: var(--neutral-bg-island-default);
       width: 100%;
       min-height: 100%;
       position: relative;
@@ -285,7 +285,7 @@
           }
 
           &:first-child {
-            border-right: 1px solid var(--Stroke);
+            border-right: 1px solid var(--neutral-bg-stroke-default);
           }
         }
 
@@ -301,8 +301,8 @@
             cursor: pointer;
 
             &.active {
-              border: 1px solid var(--Main2);
-              color: var(--Main2);
+              border: 1px solid var(--brand-bg-primary-default);
+              color: var(--brand-bg-primary-default);
             }
 
             &:first-child {

package/Shared/Styles/Layout/DashboardLayout/Sidebar.less

@@ -52,7 +52,7 @@
         &.menu-elements,
         &.menu-extras,
         &.menu-others {
-          color: var(--Stroke);
+          color: var(--neutral-bg-stroke-default);
           text-transform: uppercase;
           font-size: 12px;
 
@@ -68,7 +68,7 @@
           align-items: center;
           padding: 10px 15px;
           padding-left: 12px;
-          color: var(--Main1);
+          color: var(--neutral-text-primary);
           line-height: 16px !important;
           -webkit-font-smoothing: antialiased;
           position: relative;
@@ -81,14 +81,14 @@
           }
           
           &:hover {
-            background-color: var(--Bg2);
+            background-color: var(--brand-bg-tertiary-hover);
             * {
-              color: var(--Main2);
+              color: var(--brand-bg-primary-default);
             }
           }
 
           &.close-sub-menu {
-            color: var(--Main2) !important;
+            color: var(--brand-bg-primary-default) !important;
             font-size: 12px;
             position: relative;
             font-weight: bold;
@@ -98,7 +98,7 @@
               transform: rotate(180deg);
 
               path{
-                stroke: var(--Main2);
+                stroke: var(--brand-bg-primary-default);
               }
             }
           }
@@ -142,8 +142,8 @@
         &.active {
           >a {
             position: relative;
-            border-left-color: var(--Main2);
-            background-color: var(--Bg2);
+            border-left-color: var(--brand-bg-primary-default);
+            background-color: var(--brand-bg-tertiary-hover);
           }
         }
 
@@ -174,7 +174,7 @@
 
             .active {
               >a {
-                border-left-color: var(--Main2);
+                border-left-color: var(--brand-bg-primary-default);
               }
             }
 
@@ -190,7 +190,7 @@
                 display: block;
                 font-size: 12px;
                 line-height: 16px;
-                color: var(--Secondary);
+                color: var(--neutral-text-tertiary);
               }
             }
 
@@ -203,7 +203,7 @@
           .small {
             padding-left: 43px;
             font-size: 12px;
-            color: var(--Stroke) !important;
+            color: var(--neutral-bg-stroke-default) !important;
             margin-top: -10px;
           }
         }
@@ -219,7 +219,7 @@
 
   .sidebar-footer {
     background: #fff;
-    border-top: 1px solid var(--Bg1);
+    border-top: 1px solid var(--neutral-bg-island-default);
     clear: both;
     bottom: 0;
     display: flex;

package/Shared/Styles/Layout/Footer/Footer.less

@@ -5,7 +5,7 @@
   }
 
   .footer {
-    background: var(--Main1);
+    background: var(--neutral-text-primary);
     padding: 24px 0;
     padding-bottom: 12px;
     line-height: 20px;
@@ -268,7 +268,7 @@
       align-items: center;
       justify-content: space-between;
       flex-wrap: wrap;
-      border-top: 1px solid var(--Stroke);
+      border-top: 1px solid var(--neutral-bg-stroke-default);
       padding-top: 24px;
       margin-top: 24px;
       width: 100%;

package/Shared/Styles/Layout/Footer/FooterMinfin.less

@@ -1,6 +1,6 @@
 .footer-minfin {
     padding: 24px 0;
-    background: var(--Main2);
+    background: var(--brand-bg-primary-default);
     color: #fff;
     
     & * {

package/Shared/Styles/Layout/Header/AwardHeader.less

@@ -27,7 +27,7 @@ header.award-headerV2 {
 
     button.btn.gray {
       border: 1px solid #acacac;
-      color: var(--Main1) !important;
+      color: var(--neutral-text-primary) !important;
       border-radius: 50px;
       font-weight: normal;
       font-size: 18px;
@@ -155,7 +155,7 @@ header.award-headerV2 {
           button.btn.gray {
             display: flex !important;
             border: 1px solid #acacac !important;
-            color: var(--Main1) !important;
+            color: var(--neutral-text-primary) !important;
           }
         }
       }

package/Shared/Styles/Layout/Header/Header.less

@@ -5,7 +5,7 @@
   position: relative;
   z-index: 6;
   font-size: 0;
-  color: var(--Main1);
+  color: var(--neutral-text-primary);
   font-weight: 400;
   line-height: 20px;
   margin: 0;
@@ -95,7 +95,7 @@
                 position: absolute;
                 width: 20px;
                 height: 20px;
-                background: var(--Main2);
+                background: var(--brand-bg-primary-default);
                 color: #fff;
                 line-height: 0;
                 display: flex;
@@ -131,7 +131,7 @@
               font-size: 12px;
               line-height: 14px;
               display: block;
-              color: var(--Main1);
+              color: var(--neutral-text-primary);
 
               @media (max-width: 767px) {
                 display: none;
@@ -142,7 +142,7 @@
               font-size: 16px;
               line-height: 18px;
               display: block;
-              color: var(--Main1);
+              color: var(--neutral-text-primary);
               white-space: nowrap;
               overflow: hidden;
               text-overflow: ellipsis;
@@ -181,8 +181,8 @@
             }
 
             .header-nav-vse-btn {
-              border: 1px solid var(--Main1);
-              color: var(--Main1);
+              border: 1px solid var(--neutral-text-primary);
+              color: var(--neutral-text-primary);
               border-radius: 16px;
               display: flex;
               justify-content: center;
@@ -198,7 +198,7 @@
               }
 
               &:hover {
-                background-color: var(--Main1);
+                background-color: var(--neutral-text-primary);
                 border-color: transparent;
 
                 .header-nav-vse-btn-link {
@@ -207,7 +207,7 @@
               }
 
               .header-nav-vse-btn-link {
-                color: var(--Main1);
+                color: var(--neutral-text-primary);
 
                 &:after {
                   content: 'Оценка реализованных проектов';
@@ -234,7 +234,7 @@
                   background-color: #fff;
 
                   .header-nav-vse-btn-link {
-                    color: var(--Main1);
+                    color: var(--neutral-text-primary);
                   }
                 }
               }
@@ -257,23 +257,6 @@
               @media (max-width: 767px) {
                 width: ~"calc(100% - 38px)";
               }
-
-/*               .logged-in {
-                width: ~"calc(100% - 450px)";
-
-                @media (max-width: 1175px) {
-                  width: ~"calc(100% - 510px)"; //-510
-                }
-
-                @media (max-width: 1059px) {
-                  width: ~"calc(100% - 470px)";
-                }
-
-                @media (max-width: 767px) {
-                  vertical-align: middle;
-                  width: ~"calc(100% - 58px)";
-                }
-              } */
             }
           }
 
@@ -347,20 +330,6 @@
                 height: 32px;
               }
             }
-
-/*             &--visible-sm {
-              display: none;
-
-              @media (max-width: 479px) {
-                display: inline-flex;
-              }
-            }
-
-            &--hidden-sm {
-              @media (max-width: 479px) {
-                display: none;
-              }
-            } */
           }
         }
 
@@ -571,7 +540,7 @@
                 padding: 8px 0;
                 background: #fff;
                 box-shadow: 0px 4px 10px rgba(58, 58, 58, 0.15);
-                border: 1px solid var(--Stroke);
+                border: 1px solid var(--neutral-bg-stroke-default);
                 border-radius: 4px;
                 width: 180px;
                 z-index: 1;
@@ -620,7 +589,7 @@
 
                 &:before {
                   border-color: rgba(229, 231, 234, 0);
-                  border-bottom-color: var(--Stroke);
+                  border-bottom-color: var(--neutral-bg-stroke-default);
                   border-width: 5px;
                   margin-left: -5px;
                 }
@@ -633,7 +602,7 @@
                   transition: .2s;
 
                   &:hover {
-                    color: var(--Main2);
+                    color: var(--brand-bg-primary-default);
                   }
 
                   @media screen and (max-width: 767px) {
@@ -659,7 +628,7 @@
 
                   &__item {
                     &:first-child {
-                      border-top: 1px solid var(--Stroke);
+                      border-top: 1px solid var(--neutral-bg-stroke-default);
                     }
                   }
                 }
@@ -736,7 +705,7 @@
 
             .btn-icon__img,
             use {
-              fill: var(--Main1);
+              fill: var(--neutral-text-primary);
               fill-opacity: 0.8;
               transition: all .2s ease-in-out;
             }
@@ -793,7 +762,7 @@
         &__wrapper {
           border-radius: 16px;
           box-sizing: border-box;
-          border: 1px solid var(--Main1);
+          border: 1px solid var(--neutral-text-primary);
           text-align: center;
           display: flex;
           align-items: center;
@@ -805,7 +774,7 @@
           line-height: 40px;
 
           &:hover {
-            background-color: var(--Main1);
+            background-color: var(--neutral-text-primary);
             border-color: transparent;
 
             .login-button {
@@ -814,7 +783,7 @@
           }
 
           .login-button {
-            color: var(--Main1);
+            color: var(--neutral-text-primary);
             font-size: 14px;
             width: 100%;
           }
@@ -829,7 +798,7 @@
               background-color: #fff;
 
               .login-button {
-                color: var(--Main1);
+                color: var(--neutral-text-primary);
               }
             }
 

package/Shared/Styles/Layout/Header/HeaderGorchakov.less

@@ -576,7 +576,7 @@ header.header-gorchakov {
                             font-size: 12px;
                             line-height: 14px;
                             display: block;
-                            color: var(--Main1);
+                            color: var(--neutral-text-primary);
               
                             @media (max-width: 575px) {
                               display: none;
@@ -587,7 +587,7 @@ header.header-gorchakov {
                             font-size: 16px;
                             line-height: 18px;
                             display: block;
-                            color: var(--Main1);
+                            color: var(--neutral-text-primary);
                             white-space: nowrap;
               
                             @media (max-width: 575px) {
@@ -621,13 +621,13 @@ header.header-gorchakov {
                     background-color: white;
     
                     &:hover {
-                        background-color: var(--Bg2);
+                        background-color: var(--brand-bg-tertiary-hover);
                     }
     
                     .nav-menu-text-link {
                         font-size: 19px;
                         line-height: 120%;
-                        color: var(--Main1);
+                        color: var(--neutral-text-primary);
                         width: 100%;
                         height: 100%;
                         display: flex;

package/Shared/Styles/Layout/Header/HeaderMinfin.less

@@ -5,7 +5,7 @@
         background: transparent;
         z-index: 6;
         position: relative;
-        background: var(--Main2);
+        background: var(--brand-bg-primary-default);
 
         @media (max-width: 767px) {
             padding-top: 8px;
@@ -17,7 +17,7 @@
 
         &.header_wide {
             padding:16px;
-            background: var(--Main2);
+            background: var(--brand-bg-primary-default);
             background-repeat: no-repeat;
             background-position: 50%;
             background-size: cover;
@@ -117,7 +117,7 @@
                     align-items: center;
                     justify-content: center;
                     min-width: 344px;
-                    border-bottom: 1px solid var(--Bg1);
+                    border-bottom: 1px solid var(--neutral-bg-island-default);
 
                     @media (max-width: 767px) {
                         width: 100%;
@@ -257,7 +257,7 @@
                 background: #fff;
                 box-shadow: 0px 1px 4px rgba(58, 58, 58, 30%);
                 border-radius: 4px;
-                color: var(--Main1);
+                color: var(--neutral-text-primary);
                 max-height: 0;
                 overflow: hidden;
                 opacity: 0;
@@ -282,7 +282,7 @@
                     font-weight: 700;
                     font-size: 16px;
                     line-height: 125%;
-                    color: var(--Main1);
+                    color: var(--neutral-text-primary);
                 }
         
                 &-list {
@@ -294,7 +294,7 @@
                     display: flex;
                     align-items: flex-start;
                     padding: 8px 16px;
-                    border-top: 1px solid var(--Bg1);
+                    border-top: 1px solid var(--neutral-bg-island-default);
                 }
         
                 &-icon {
@@ -317,7 +317,7 @@
                         font-weight: 400;
                         font-size: 14px;
                         line-height: 20px;
-                        color: var(--Main1);
+                        color: var(--neutral-text-primary);
                         -webkit-line-clamp: 3;
                         overflow: hidden;
                         text-overflow: ellipsis;
@@ -333,7 +333,7 @@
                         font-weight: 400;
                         font-size: 12px;
                         line-height: 133%;
-                        color: var(--Secondary);
+                        color: var(--neutral-text-tertiary);
                     }
                 }
             }
@@ -597,7 +597,7 @@
 
                 span {
                     display: inline !important;
-                    background-image: linear-gradient(var(--Stroke) 0%, var(--Stroke) 100%) !important;
+                    background-image: linear-gradient(var(--neutral-bg-stroke-default) 0%, var(--neutral-bg-stroke-default) 100%) !important;
                     background-repeat: no-repeat;
                     background-size: 100% 1px !important;
                     background-position: 0 100%;

package/Shared/Styles/Layout/Layout.less

@@ -21,8 +21,7 @@
     }
 
     .user-nav {
-      transform: translate(0, 0);
-      /* For browsers don't support translate3d. */
+      transform: translate(0, 0);      
       transform: translate3d(0, 0, 0);
       will-change: position, transform;
 
@@ -38,7 +37,7 @@
       &__item {
         display: flex;
         align-items: center;
-        border: solid 1px var(--Stroke);
+        border: solid 1px var(--neutral-bg-stroke-default);
         border-right: none;
         background-color: #fff;
         width: 150px;
@@ -50,7 +49,7 @@
 
         &.active {
           background-color: #fff;
-          border-left: solid 4px var(--Main2);
+          border-left: solid 4px var(--brand-bg-primary-default);
           position: relative;
           opacity: 1;
           padding-left: 12px;
@@ -72,7 +71,7 @@
         }
 
         &__link {
-          color: var(--Main1);
+          color: var(--neutral-text-primary);
           display: flex;
           align-items: center;
           width: 100%;
@@ -93,7 +92,7 @@
           }
 
           &:visited {
-            color: var(--Main1);
+            color: var(--neutral-text-primary);
           }
         }
 
@@ -109,7 +108,7 @@
       &__subitem {
         display: flex;
         align-items: center;
-        border: solid 1px var(--Stroke);
+        border: solid 1px var(--neutral-bg-stroke-default);
         background-color: #fff;
         border-right: none;
         width: 135px;
@@ -130,7 +129,7 @@
 
         &__link {
           font-size: 16px;
-          color: var(--Main1);
+          color: var(--neutral-text-primary);
           height: 100%;
           display: flex;
           align-items: center;
@@ -154,7 +153,7 @@
           }
 
           &:visited {
-            color: var(--Main1);
+            color: var(--neutral-text-primary);
           }
         }
 
@@ -220,7 +219,7 @@
 
         &.active {
           background-color: #fff;
-          border-left: solid 4px var(--Main2);
+          border-left: solid 4px var(--brand-bg-primary-default);
           position: relative;
           opacity: 1;
           padding-left: 12px;
@@ -251,7 +250,7 @@
     .header__personal_info_form,
     .section-header-info {
       background: #fff;
-      border: 1px solid var(--Stroke);
+      border: 1px solid var(--neutral-bg-stroke-default);
       border-bottom: none;
       border-radius: 4px 4px 0 0;
       height: 62px;
@@ -276,7 +275,7 @@
         font-stretch: normal;
         line-height: normal;
         letter-spacing: -.4px;
-        color: var(--Main1);
+        color: var(--neutral-text-primary);
 
         @media(max-width:640px) {
           font-size: 18px;