@delon/theme 12.4.2 → 13.1.0

package/src/pipes/safe/html.pipe.d.ts

@@ -1,7 +1,10 @@
 import { PipeTransform } from '@angular/core';
 import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
+import * as i0 from "@angular/core";
 export declare class HTMLPipe implements PipeTransform {
     private dom;
     constructor(dom: DomSanitizer);
     transform(html: string): string | SafeHtml;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HTMLPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<HTMLPipe, "html">;
 }

package/src/pipes/safe/url.pipe.d.ts

@@ -1,7 +1,10 @@
 import { PipeTransform } from '@angular/core';
 import { DomSanitizer, SafeUrl } from '@angular/platform-browser';
+import * as i0 from "@angular/core";
 export declare class URLPipe implements PipeTransform {
     private dom;
     constructor(dom: DomSanitizer);
     transform(url: string): string | SafeUrl;
+    static ɵfac: i0.ɵɵFactoryDeclaration<URLPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<URLPipe, "url">;
 }

package/src/pipes/yn/style/index.less

@@ -6,13 +6,16 @@
     display: inline-flex;
     align-items: center;
     font-style: normal;
+
     span {
       margin-left: 4px;
     }
   }
+
   &__yes {
     color: @yn-yes-color;
   }
+
   &__no {
     color: @yn-no-color;
   }

package/src/pipes/yn/yn.pipe.d.ts

@@ -1,8 +1,11 @@
 import { PipeTransform } from '@angular/core';
 import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
+import * as i0 from "@angular/core";
 export declare type YNMode = 'full' | 'icon' | 'text';
 export declare class YNPipe implements PipeTransform {
     private dom;
     constructor(dom: DomSanitizer);
     transform(value: boolean, yes?: string, no?: string, mode?: YNMode, isSafeHtml?: boolean): SafeHtml;
+    static ɵfac: i0.ɵɵFactoryDeclaration<YNPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<YNPipe, "yn">;
 }

package/src/services/drawer/drawer.helper.d.ts

@@ -2,6 +2,7 @@ import { TemplateRef, Type } from '@angular/core';
 import { Observable } from 'rxjs';
 import type { NzSafeAny } from 'ng-zorro-antd/core/types';
 import { NzDrawerOptions, NzDrawerRef, NzDrawerService } from 'ng-zorro-antd/drawer';
+import * as i0 from "@angular/core";
 export interface DrawerHelperOptions {
     /**
      * 大小，若值为数值类型，则根据 `nzPlacement` 自动转化为 `nzHeight` 或 `nzWidth`；例如：lg、600，默认：`md`
@@ -61,4 +62,6 @@ export declare class DrawerHelper {
         $implicit: NzSafeAny;
         drawerRef: NzDrawerRef;
     }> | Type<NzSafeAny>, params?: NzSafeAny, options?: DrawerHelperOptions): Observable<NzSafeAny>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DrawerHelper, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<DrawerHelper>;
 }

package/src/services/http/http.client.d.ts

@@ -2,6 +2,7 @@ import { HttpClient, HttpContext, HttpEvent, HttpHeaders, HttpParams, HttpRespon
 import { Observable } from 'rxjs';
 import { AlainConfigService } from '@delon/util/config';
 import type { NzSafeAny } from 'ng-zorro-antd/core/types';
+import * as i0 from "@angular/core";
 export declare type _HttpHeaders = HttpHeaders | {
     [header: string]: string | string[];
 };
@@ -562,4 +563,6 @@ export declare class _HttpClient {
         withCredentials?: boolean;
         context?: HttpContext;
     }): Observable<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<_HttpClient, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<_HttpClient>;
 }

package/src/services/http/http.decorator.d.ts

@@ -1,5 +1,6 @@
 import { HttpHeaders } from '@angular/common/http';
 import { Injector } from '@angular/core';
+import * as i0 from "@angular/core";
 /**
  * Every http decorator must be based on `BaseAPI`, Like this:
  * ```ts
@@ -10,6 +11,8 @@ import { Injector } from '@angular/core';
 export declare abstract class BaseApi {
     protected injector: Injector;
     constructor(injector: Injector);
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaseApi, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<BaseApi>;
 }
 export interface HttpOptions {
     /** ACL配置，若导入 `@delon/acl` 时自动有效，等同于 `ACLService.can(roleOrAbility: ACLCanType)` 参数值 */

package/src/services/i18n/i18n.d.ts

@@ -2,6 +2,7 @@ import { InjectionToken } from '@angular/core';
 import { BehaviorSubject, Observable } from 'rxjs';
 import { AlainConfigService } from '@delon/util/config';
 import type { NzSafeAny } from 'ng-zorro-antd/core/types';
+import * as i0 from "@angular/core";
 export interface AlainI18NService {
     [key: string]: NzSafeAny;
     /**
@@ -78,8 +79,12 @@ export declare abstract class AlainI18nBaseService implements AlainI18NService {
     abstract use(lang: string, data?: Record<string, unknown>): void;
     abstract getLangs(): NzSafeAny[];
     fanyi(path: string, params?: Record<string, unknown>): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AlainI18nBaseService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AlainI18nBaseService>;
 }
 export declare class AlainI18NServiceFake extends AlainI18nBaseService {
     use(lang: string, data: Record<string, unknown>): void;
     getLangs(): NzSafeAny[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<AlainI18NServiceFake, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AlainI18NServiceFake>;
 }

package/src/services/i18n/i18n.pipe.d.ts

@@ -1,7 +1,10 @@
 import { PipeTransform } from '@angular/core';
 import { AlainI18NService } from './i18n';
+import * as i0 from "@angular/core";
 export declare class I18nPipe implements PipeTransform {
     private i18n;
     constructor(i18n: AlainI18NService);
     transform(key: string, params?: Record<string, unknown>): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<I18nPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<I18nPipe, "i18n">;
 }

package/src/services/menu/menu.service.d.ts

@@ -3,6 +3,7 @@ import { Observable } from 'rxjs';
 import { ACLService } from '@delon/acl';
 import { AlainI18NService } from '../i18n/i18n';
 import { Menu } from './interface';
+import * as i0 from "@angular/core";
 /**
  * 菜单服务，[在线文档](https://ng-alain.com/theme/menu)
  */
@@ -14,12 +15,14 @@ export declare class MenuService implements OnDestroy {
     private data;
     constructor(i18nSrv: AlainI18NService, aclService: ACLService);
     get change(): Observable<Menu[]>;
+    visit<T extends Menu = Menu>(data: T[], callback: (item: T, parentMenum: T | null, depth?: number) => void): void;
     visit(data: Menu[], callback: (item: Menu, parentMenum: Menu | null, depth?: number) => void): void;
     add(items: Menu[]): void;
     private fixItem;
     /**
      * 重置菜单，可能I18N、用户权限变动时需要调用刷新
      */
+    resume<T extends Menu = Menu>(callback?: (item: T, parentMenum: T | null, depth?: number) => void): void;
     resume(callback?: (item: Menu, parentMenum: Menu | null, depth?: number) => void): void;
     /**
      * 加载快捷菜单，加载位置规则如下：
@@ -56,4 +59,6 @@ export declare class MenuService implements OnDestroy {
      */
     setItem(key: string, value: Menu): void;
     ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MenuService, [{ optional: true; }, { optional: true; }]>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<MenuService>;
 }

package/src/services/modal/modal.helper.d.ts

@@ -2,6 +2,7 @@ import { TemplateRef, Type } from '@angular/core';
 import { Observable } from 'rxjs';
 import type { NzSafeAny } from 'ng-zorro-antd/core/types';
 import { ModalOptions, NzModalService } from 'ng-zorro-antd/modal';
+import * as i0 from "@angular/core";
 export interface ModalHelperOptions {
     /** 大小；例如：lg、600，默认：`lg` */
     size?: 'sm' | 'md' | 'lg' | 'xl' | '' | number;
@@ -52,4 +53,6 @@ export declare class ModalHelper {
      * this.nzModalRef.destroy();
      */
     createStatic(comp: TemplateRef<NzSafeAny> | Type<NzSafeAny>, params?: NzSafeAny, options?: ModalHelperOptions): Observable<NzSafeAny>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ModalHelper, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ModalHelper>;
 }

package/src/services/responsive/responsive.d.ts

@@ -1,8 +1,11 @@
 import { AlainConfigService } from '@delon/util/config';
+import * as i0 from "@angular/core";
 export declare const REP_MAX = 6;
 export declare type REP_TYPE = 1 | 2 | 3 | 4 | 5 | 6;
 export declare class ResponsiveService {
     private cog;
     constructor(cogSrv: AlainConfigService);
     genCls(count: number): string[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<ResponsiveService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ResponsiveService>;
 }

package/src/services/rtl/rtl.service.d.ts

@@ -5,6 +5,7 @@ import { AlainConfigService } from '@delon/util/config';
 import { NzConfigService } from 'ng-zorro-antd/core/config';
 import type { NzSafeAny } from 'ng-zorro-antd/core/types';
 import { SettingsService } from '../settings/settings.service';
+import * as i0 from "@angular/core";
 export declare const HTML_DIR = "dir";
 export declare const RTL_DIRECTION = "direction";
 export declare const RTL_NZ_COMPONENTS: string[];
@@ -47,4 +48,6 @@ export declare class RTLService {
     toggle(): void;
     private updateHtml;
     private updateLibConfig;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RTLService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<RTLService>;
 }

package/src/services/settings/settings.service.d.ts

@@ -3,6 +3,7 @@ import { InjectionToken } from '@angular/core';
 import { Observable } from 'rxjs';
 import type { NzSafeAny } from 'ng-zorro-antd/core/types';
 import { App, Layout, SettingsNotify, User } from './types';
+import * as i0 from "@angular/core";
 export interface SettingsKeys {
     /** Layout data specifies the stored key,  default: `layout` */
     layout: string;
@@ -26,7 +27,15 @@ export declare class SettingsService<L extends Layout = Layout, U extends User =
     get app(): A;
     get user(): U;
     get notify(): Observable<SettingsNotify>;
+    setLayout<T extends Layout = Layout>(name: T, value?: NzSafeAny): boolean;
     setLayout(name: string | L, value?: NzSafeAny): boolean;
+    getLayout<T>(): T;
+    setApp<T extends App = App>(value: T): void;
     setApp(value: A): void;
+    getApp<T>(): T;
+    setUser<T extends User = User>(value: T): void;
     setUser(value: U): void;
+    getUser<T>(): T;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SettingsService<any, any, any>, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SettingsService<any, any, any>>;
 }

package/src/services/title/title.service.d.ts

@@ -3,6 +3,7 @@ import { Title } from '@angular/platform-browser';
 import type { NzSafeAny } from 'ng-zorro-antd/core/types';
 import { AlainI18NService } from '../i18n/i18n';
 import { MenuService } from '../menu/menu.service';
+import * as i0 from "@angular/core";
 export declare class TitleService implements OnDestroy {
     private injector;
     private title;
@@ -39,4 +40,6 @@ export declare class TitleService implements OnDestroy {
      */
     setTitleByI18n(key: string, params?: unknown): void;
     ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TitleService, [null, null, null, { optional: true; }, null]>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<TitleService>;
 }

package/src/theme.module.d.ts

@@ -1,7 +1,22 @@
 import { ModuleWithProviders } from '@angular/core';
 import { NzIconService } from 'ng-zorro-antd/icon';
+import * as i0 from "@angular/core";
+import * as i1 from "./pipes/date/date.pipe";
+import * as i2 from "./pipes/keys/keys.pipe";
+import * as i3 from "./pipes/yn/yn.pipe";
+import * as i4 from "./services/i18n/i18n.pipe";
+import * as i5 from "./pipes/safe/html.pipe";
+import * as i6 from "./pipes/safe/url.pipe";
+import * as i7 from "@angular/common";
+import * as i8 from "@angular/router";
+import * as i9 from "@angular/cdk/overlay";
+import * as i10 from "ng-zorro-antd/i18n";
+import * as i11 from "./locale/locale.module";
 export declare class AlainThemeModule {
     constructor(iconSrv: NzIconService);
     static forRoot(): ModuleWithProviders<AlainThemeModule>;
     static forChild(): ModuleWithProviders<AlainThemeModule>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AlainThemeModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AlainThemeModule, [typeof i1.DatePipe, typeof i2.KeysPipe, typeof i3.YNPipe, typeof i4.I18nPipe, typeof i5.HTMLPipe, typeof i6.URLPipe], [typeof i7.CommonModule, typeof i8.RouterModule, typeof i9.OverlayModule, typeof i10.NzI18nModule], [typeof i1.DatePipe, typeof i2.KeysPipe, typeof i3.YNPipe, typeof i4.I18nPipe, typeof i5.HTMLPipe, typeof i6.URLPipe, typeof i11.DelonLocaleModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AlainThemeModule>;
 }

package/system/_preloader.less

@@ -42,25 +42,32 @@
   color: #fff;
   text-align: center;
   transform: translateY(-50%);
+
   label {
     display: inline-block;
     font-size: 20px;
     opacity: 0;
+
     &:nth-child(6) {
       animation: lol 3s infinite ease-in-out;
     }
+
     &:nth-child(5) {
       animation: lol 3s 100ms infinite ease-in-out;
     }
+
     &:nth-child(4) {
       animation: lol 3s 200ms infinite ease-in-out;
     }
+
     &:nth-child(3) {
       animation: lol 3s 300ms infinite ease-in-out;
     }
+
     &:nth-child(2) {
       animation: lol 3s 400ms infinite ease-in-out;
     }
+
     &:nth-child(1) {
       animation: lol 3s 500ms infinite ease-in-out;
     }
@@ -72,14 +79,17 @@
     transform: translateX(-300px);
     opacity: 0;
   }
+
   33% {
     transform: translateX(0);
     opacity: 1;
   }
+
   66% {
     transform: translateX(0);
     opacity: 1;
   }
+
   100% {
     transform: translateX(300px);
     opacity: 0;

package/system/_type.less

@@ -19,18 +19,23 @@
 .h1 {
   font-size: @h1-font-size;
 }
+
 .h2 {
   font-size: @h2-font-size;
 }
+
 .h3 {
   font-size: @h3-font-size;
 }
+
 .h4 {
   font-size: @h4-font-size;
 }
+
 .h5 {
   font-size: @h5-font-size;
 }
+
 .h6 {
   font-size: @h6-font-size;
 }

package/system/antd/_modal.less

@@ -55,6 +55,7 @@
     border-bottom: @border-width-base @border-style-base @border-color-split;
     border-radius: @border-radius-base @border-radius-base 0 0;
   }
+
   &-title {
     /**
       * The top area title of the nz-modal, for example:
@@ -72,12 +73,14 @@
     font-size: @font-size-lg;
     line-height: 22px;
     word-wrap: break-word;
+
     small {
       margin-left: @layout-gutter;
       color: @muted-color;
       font-size: 12px;
     }
   }
+
   &-spin {
     display: block;
     min-height: 150px;
@@ -97,6 +100,7 @@
     border-top: @border-width-base @border-style-base @border-color-split;
     border-radius: 0 0 @border-radius-base @border-radius-base;
   }
+
   &-include-tabs {
     /**
       * Whether the content of the modal is wrapped with `nz-tabs`, to clear the extra margin
@@ -107,6 +111,7 @@
       margin-top: -16px;
     }
   }
+
   &-body-nopadding {
     /**
       * Clear inner margin of modal content

package/system/antd/_table.less

@@ -22,6 +22,7 @@
     &__title {
       display: none;
     }
+
     &__hide-header-footer {
       .@{ant-prefix}-table-title,
       .@{ant-prefix}-table-footer {
@@ -57,6 +58,7 @@
       color: @nz-table-rep-column-name-color;
       text-align: @nz-table-rep-column-name-text-align;
     }
+
     &__hide-header-footer {
       .@{ant-prefix}-table-title,
       .@{ant-prefix}-table-footer {
@@ -67,22 +69,27 @@
       table {
         table-layout: auto !important;
       }
+
       table, col {
         width: 100% !important;
         min-width: auto !important;
       }
+
       &-thead {
         display: none;
       }
+
       &-title {
         text-align: center;
         background: @nz-table-rep-header-background;
       }
+
       &-tbody {
         > tr {
           &:nth-child(4n + 3) {
             background: @nz-table-rep-even-background;
           }
+
           > td {
             display: flex;
             align-items: center;

package/system/index.less

@@ -1,6 +1,6 @@
 // antd: base
-@import '../../../../node_modules/ng-zorro-antd/style/entry.less';
+@import 'ng-zorro-antd/style/entry.less';
 // antd: all components
-@import '../../../../node_modules/ng-zorro-antd/components.less';
-// system: @import '~@delon/theme/system/entry';
+@import 'ng-zorro-antd/components.less';
+// system
 @import './entry.less';

package/system/mixins/_freak.less

@@ -31,7 +31,7 @@
     }
 
     this.genCommentColor = function(color, ...comments) {
-      var imgColor = ' ![Color](https://dummyimage.com/20x20/' + color.substr(1) + '/fff.png&text=+)';
+      var imgColor = ' ![Color](https://dummyimage.com/20x20/' + color.substring(1) + '/fff.png&text=+)';
       return '/* AUTOGENERATE: ' + comments.map(c => c + imgColor).join('|SPLIT|').replace(/(\{0\})/g, '"' + color + '"') + '*/';
     }
 
@@ -49,7 +49,7 @@
           break;
       }
       if (comments.length === 0) return '';
-      var imgColor = ' ![Color](https://dummyimage.com/20x20/' + color.substr(1) + '/fff.png&text=+)';
+      var imgColor = ' ![Color](https://dummyimage.com/20x20/' + color.substring(1) + '/fff.png&text=+)';
       return '/* AUTOGENERATE: ' + comments.map(c => c + imgColor).join('|SPLIT|').replace(/(\{0\})/g, '"' + color + '"') + '*/';
     }
   })()`;

package/system/mixins/_text-truncate.less

@@ -19,6 +19,7 @@
   overflow: hidden;
   line-height: 1.5em;
   text-align: justify;
+
   &::before {
     position: absolute;
     right: 14px;
@@ -27,6 +28,7 @@
     background: @bg;
     content: '...';
   }
+
   &::after {
     position: absolute;
     right: 14px;

package/system/ng/_form.less

@@ -5,6 +5,7 @@
     &:focus {
       box-shadow: 0 0 @outline-blur-size @outline-width fade-out(@error-color, 0.8);
     }
+
     &,
     &:hover {
       border-color: @error-color;

package/system/theme-default.less

@@ -1,6 +1,8 @@
-@import '../../../../node_modules/ng-zorro-antd/src/style/mixins/index.less';
+@import 'ng-zorro-antd/src/style/mixins/index.less';
 @import './mixins/index.less';
 
+@root-entry-name: default;
+
 @white:     #fff;
 @black:     #000;
 

package/system/utils/_display.less

@@ -190,18 +190,23 @@
 .align-self-auto {
   align-self: auto !important;
 }
+
 .align-self-start {
   align-self: flex-start !important;
 }
+
 .align-self-end {
   align-self: flex-end !important;
 }
+
 .align-self-center {
   align-self: center !important;
 }
+
 .align-self-baseline {
   align-self: baseline !important;
 }
+
 .align-self-stretch {
   align-self: stretch !important;
 }
@@ -240,15 +245,19 @@
 .flex-nowrap {
   flex-wrap: nowrap !important;
 }
+
 .flex-shrink-0 {
   flex-shrink: 0 !important;
 }
+
 .flex-shrink-1 {
   flex-shrink: 1 !important;
 }
+
 .flex-grow-0 {
   flex-grow: 0 !important;
 }
+
 .flex-grow-1 {
   flex-grow: 1 !important;
 }

package/system/utils/_other.less

@@ -18,6 +18,7 @@
     max-width: 100%;
     resize: none;
   }
+
   &-data {
     /**
      * No data elements
@@ -28,6 +29,7 @@
     font-size: 16px;
     line-height: 64px;
     text-align: center;
+
     i {
       position: relative;
       top: 3px;

package/system/utils/_scrollbar.less

@@ -9,9 +9,11 @@
         width: @scrollbar-height;
         height: @scrollbar-width;
       }
+
       &::-webkit-scrollbar-track {
         box-shadow: inset 0 0 @scrollbar-width @scrollbar-track-color;
       }
+
       &::-webkit-scrollbar-thumb {
         background-color: @scrollbar-thumb-color;
         outline: 1px solid #333;
@@ -30,6 +32,7 @@
     overflow-x: auto;
     overflow-y: hidden;
   }
+
   &-y {
     overflow-x: hidden;
     overflow-y: auto;

package/system/widgets/_abs.less

@@ -11,15 +11,18 @@
     left: 0;
     margin: auto;
     overflow: auto;
+
     &.abs-fixed {
       position: fixed;
       z-index: 999;
     }
+
     &.abs-right {
       right: 20px;
       left: auto;
       text-align: right;
     }
+
     &.abs-left {
       right: auto;
       left: 20px;

package/system/widgets/_half-float.less

@@ -15,11 +15,13 @@
    */
   .half-float {
     position: relative;
+
     img {
       display: block;
       max-width: 100%;
       height: auto;
     }
+
     .half-float-bottom {
       position: absolute;
       left: 50%;

package/system/widgets/_masonry-grid.less

@@ -19,12 +19,14 @@
     margin: 0;
     padding: 0;
     column-gap: @masonry-column-gap;
+
     > .col-masonry {
       display: inline-block;
       width: 100%;
       min-height: 1em;
       margin-bottom: 15px;
     }
+
     img {
       max-width: 100%;
     }

package/theme-btn/package.json

@@ -1,11 +1,10 @@
 {
-  "main": "../bundles/layout-theme-btn.umd.js",
-  "module": "../fesm2015/layout-theme-btn.js",
-  "es2015": "../fesm2015/layout-theme-btn.js",
-  "esm2015": "../esm2015/theme-btn/layout-theme-btn.js",
-  "fesm2015": "../fesm2015/layout-theme-btn.js",
-  "typings": "layout-theme-btn.d.ts",
-  "metadata": "layout-theme-btn.metadata.json",
+  "module": "../fesm2015/theme-btn.mjs",
+  "es2020": "../fesm2020/theme-btn.mjs",
+  "esm2020": "../esm2020/theme-btn/theme-btn.mjs",
+  "fesm2020": "../fesm2020/theme-btn.mjs",
+  "fesm2015": "../fesm2015/theme-btn.mjs",
+  "typings": "theme-btn.d.ts",
   "sideEffects": false,
   "name": "@delon/theme/theme-btn"
 }

package/theme-btn/style/index.less

@@ -23,6 +23,7 @@
       background-color: #fff;
       box-shadow: @shadow-2;
       transition: color 0.3s;
+
       &:hover {
         color: @primary-color;
       }