@cloudbase/weda-ui 0.2.14 → 0.2.17

package/src/mp/components/navLayout/index.wxss

@@ -0,0 +1,1193 @@
+@import '../../style/weda-ui.wxss';
+@font-face {
+  font-family: 'lcap-icon';
+  font-weight: normal;
+  font-style: normal;
+  src: url(data:application/font-woff2;charset=utf-8;base64,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)
+    format('woff2');
+}
+.t-icon {
+  /* use !important to prevent issues with browser extensions that change fonts */
+  font-family: 't' !important;
+  display: inline-block;
+  speak: none;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+  text-align: center;
+  /* Better Font Rendering =========== */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.t-icon-add-circle:before {
+  content: '\E001';
+}
+
+.t-icon-add-rectangle:before {
+  content: '\E002';
+}
+
+.t-icon-add:before {
+  content: '\E003';
+}
+
+.t-icon-app:before {
+  content: '\E004';
+}
+
+.t-icon-arrow-down-rectangle:before {
+  content: '\E005';
+}
+
+.t-icon-arrow-down:before {
+  content: '\E006';
+}
+
+.t-icon-arrow-left:before {
+  content: '\E007';
+}
+
+.t-icon-arrow-right:before {
+  content: '\E008';
+}
+
+.t-icon-arrow-up:before {
+  content: '\E009';
+}
+
+.t-icon-attach:before {
+  content: '\E00A';
+}
+
+.t-icon-backtop-rectangle:before {
+  content: '\E00B';
+}
+
+.t-icon-backtop:before {
+  content: '\E00C';
+}
+
+.t-icon-backward:before {
+  content: '\E00D';
+}
+
+.t-icon-barcode:before {
+  content: '\E00E';
+}
+
+.t-icon-books:before {
+  content: '\E00F';
+}
+
+.t-icon-browse-off:before {
+  content: '\E010';
+}
+
+.t-icon-browse:before {
+  content: '\E011';
+}
+
+.t-icon-bulletpoint:before {
+  content: '\E012';
+}
+
+.t-icon-calendar:before {
+  content: '\E013';
+}
+
+.t-icon-call:before {
+  content: '\E014';
+}
+
+.t-icon-caret-down-small:before {
+  content: '\E015';
+}
+
+.t-icon-caret-down:before {
+  content: '\E016';
+}
+
+.t-icon-caret-left-small:before {
+  content: '\E017';
+}
+
+.t-icon-caret-left:before {
+  content: '\E018';
+}
+
+.t-icon-caret-right-small:before {
+  content: '\E019';
+}
+
+.t-icon-caret-right:before {
+  content: '\E01A';
+}
+
+.t-icon-caret-up-small:before {
+  content: '\E01B';
+}
+
+.t-icon-caret-up:before {
+  content: '\E01C';
+}
+
+.t-icon-cart:before {
+  content: '\E01D';
+}
+
+.t-icon-chart-bar:before {
+  content: '\E01E';
+}
+
+.t-icon-chart-bubble:before {
+  content: '\E01F';
+}
+
+.t-icon-chart-pie:before {
+  content: '\E020';
+}
+
+.t-icon-chart:before {
+  content: '\E021';
+}
+
+.t-icon-chat:before {
+  content: '\E022';
+}
+
+.t-icon-check-circle-filled:before {
+  content: '\E023';
+}
+
+.t-icon-check-circle:before {
+  content: '\E024';
+}
+
+.t-icon-check-rectangle-filled:before {
+  content: '\E025';
+}
+
+.t-icon-check-rectangle:before {
+  content: '\E026';
+}
+
+.t-icon-check:before {
+  content: '\E027';
+}
+
+.t-icon-chevron-down-circle:before {
+  content: '\E028';
+}
+
+.t-icon-chevron-down-rectangle:before {
+  content: '\E029';
+}
+
+.t-icon-chevron-down:before {
+  content: '\E02A';
+}
+
+.t-icon-chevron-left-circle:before {
+  content: '\E02B';
+}
+
+.t-icon-chevron-left-double:before {
+  content: '\E02C';
+}
+
+.t-icon-chevron-left-rectangle:before {
+  content: '\E02D';
+}
+
+.t-icon-chevron-left:before {
+  content: '\E02E';
+}
+
+.t-icon-chevron-right-circle:before {
+  content: '\E02F';
+}
+
+.t-icon-chevron-right-double:before {
+  content: '\E030';
+}
+
+.t-icon-chevron-right-rectangle:before {
+  content: '\E031';
+}
+
+.t-icon-chevron-right:before {
+  content: '\E032';
+}
+
+.t-icon-chevron-up-circle:before {
+  content: '\E033';
+}
+
+.t-icon-chevron-up-rectangle:before {
+  content: '\E034';
+}
+
+.t-icon-chevron-up:before {
+  content: '\E035';
+}
+
+.t-icon-circle:before {
+  content: '\E036';
+}
+
+.t-icon-clear:before {
+  content: '\E037';
+}
+
+.t-icon-close-circle-filled:before {
+  content: '\E038';
+}
+
+.t-icon-close-circle:before {
+  content: '\E039';
+}
+
+.t-icon-close-rectangle:before {
+  content: '\E03A';
+}
+
+.t-icon-close:before {
+  content: '\E03B';
+}
+
+.t-icon-cloud-download:before {
+  content: '\E03C';
+}
+
+.t-icon-cloud-upload:before {
+  content: '\E03D';
+}
+
+.t-icon-cloud:before {
+  content: '\E03E';
+}
+
+.t-icon-code:before {
+  content: '\E03F';
+}
+
+.t-icon-control-platform:before {
+  content: '\E040';
+}
+
+.t-icon-creditcard:before {
+  content: '\E041';
+}
+
+.t-icon-dashboard:before {
+  content: '\E042';
+}
+
+.t-icon-delete:before {
+  content: '\E043';
+}
+
+.t-icon-desktop:before {
+  content: '\E044';
+}
+
+.t-icon-discount-filled:before {
+  content: '\E045';
+}
+
+.t-icon-discount:before {
+  content: '\E046';
+}
+
+.t-icon-download:before {
+  content: '\E047';
+}
+
+.t-icon-edit-1:before {
+  content: '\E048';
+}
+
+.t-icon-edit:before {
+  content: '\E049';
+}
+
+.t-icon-ellipsis:before {
+  content: '\E04A';
+}
+
+.t-icon-enter:before {
+  content: '\E04B';
+}
+
+.t-icon-error-circle-filled:before {
+  content: '\E04C';
+}
+
+.t-icon-error-circle:before {
+  content: '\E04D';
+}
+
+.t-icon-error:before {
+  content: '\E04E';
+}
+
+.t-icon-file-add:before {
+  content: '\E04F';
+}
+
+.t-icon-file-copy:before {
+  content: '\E050';
+}
+
+.t-icon-file-excel:before {
+  content: '\E051';
+}
+
+.t-icon-file-image:before {
+  content: '\E052';
+}
+
+.t-icon-file-paste:before {
+  content: '\E053';
+}
+
+.t-icon-file-pdf:before {
+  content: '\E054';
+}
+
+.t-icon-file-powerpoint:before {
+  content: '\E055';
+}
+
+.t-icon-file-unknown:before {
+  content: '\E056';
+}
+
+.t-icon-file-word:before {
+  content: '\E057';
+}
+
+.t-icon-file:before {
+  content: '\E058';
+}
+
+.t-icon-filter-clear:before {
+  content: '\E059';
+}
+
+.t-icon-filter:before {
+  content: '\E05A';
+}
+
+.t-icon-flag:before {
+  content: '\E05B';
+}
+
+.t-icon-folder-add:before {
+  content: '\E05C';
+}
+
+.t-icon-folder-open:before {
+  content: '\E05D';
+}
+
+.t-icon-folder:before {
+  content: '\E05E';
+}
+
+.t-icon-fork:before {
+  content: '\E05F';
+}
+
+.t-icon-format-horizontal-align-bottom:before {
+  content: '\E060';
+}
+
+.t-icon-format-horizontal-align-center:before {
+  content: '\E061';
+}
+
+.t-icon-format-horizontal-align-top:before {
+  content: '\E062';
+}
+
+.t-icon-format-vertical-align-center:before {
+  content: '\E063';
+}
+
+.t-icon-format-vertical-align-left:before {
+  content: '\E064';
+}
+
+.t-icon-format-vertical-align-right:before {
+  content: '\E065';
+}
+
+.t-icon-forward:before {
+  content: '\E066';
+}
+
+.t-icon-fullscreen-exit:before {
+  content: '\E067';
+}
+
+.t-icon-fullscreen:before {
+  content: '\E068';
+}
+
+.t-icon-gender-female:before {
+  content: '\E069';
+}
+
+.t-icon-gender-male:before {
+  content: '\E06A';
+}
+
+.t-icon-gift:before {
+  content: '\E06B';
+}
+
+.t-icon-heart-filled:before {
+  content: '\E06C';
+}
+
+.t-icon-heart:before {
+  content: '\E06D';
+}
+
+.t-icon-help-circle-filled:before {
+  content: '\E06E';
+}
+
+.t-icon-help-circle:before {
+  content: '\E06F';
+}
+
+.t-icon-help:before {
+  content: '\E070';
+}
+
+.t-icon-history:before {
+  content: '\E071';
+}
+
+.t-icon-home:before {
+  content: '\E072';
+}
+
+.t-icon-hourglass:before {
+  content: '\E073';
+}
+
+.t-icon-image:before {
+  content: '\E074';
+}
+
+.t-icon-info-circle-filled:before {
+  content: '\E075';
+}
+
+.t-icon-info-circle:before {
+  content: '\E076';
+}
+
+.t-icon-internet:before {
+  content: '\E077';
+}
+
+.t-icon-jump:before {
+  content: '\E078';
+}
+
+.t-icon-laptop:before {
+  content: '\E079';
+}
+
+.t-icon-layers:before {
+  content: '\E07A';
+}
+
+.t-icon-link-unlink:before {
+  content: '\E07B';
+}
+
+.t-icon-link:before {
+  content: '\E07C';
+}
+
+.t-icon-loading:before {
+  content: '\E07D';
+}
+
+.t-icon-location:before {
+  content: '\E07E';
+}
+
+.t-icon-lock-off:before {
+  content: '\E07F';
+}
+
+.t-icon-lock-on:before {
+  content: '\E080';
+}
+
+.t-icon-login:before {
+  content: '\E081';
+}
+
+.t-icon-logo-android:before {
+  content: '\E082';
+}
+
+.t-icon-logo-apple-filled:before {
+  content: '\E083';
+}
+
+.t-icon-logo-apple:before {
+  content: '\E084';
+}
+
+.t-icon-logo-chrome-filled:before {
+  content: '\E085';
+}
+
+.t-icon-logo-chrome:before {
+  content: '\E086';
+}
+
+.t-icon-logo-codepen:before {
+  content: '\E087';
+}
+
+.t-icon-logo-github-filled:before {
+  content: '\E088';
+}
+
+.t-icon-logo-github:before {
+  content: '\E089';
+}
+
+.t-icon-logo-ie-filled:before {
+  content: '\E08A';
+}
+
+.t-icon-logo-ie:before {
+  content: '\E08B';
+}
+
+.t-icon-logo-windows-filled:before {
+  content: '\E08C';
+}
+
+.t-icon-logo-windows:before {
+  content: '\E08D';
+}
+
+.t-icon-logout:before {
+  content: '\E08E';
+}
+
+.t-icon-mail:before {
+  content: '\E08F';
+}
+
+.t-icon-menu-fold:before {
+  content: '\E090';
+}
+
+.t-icon-menu-unfold:before {
+  content: '\E091';
+}
+
+.t-icon-minus-circle-filled:before {
+  content: '\E092';
+}
+
+.t-icon-minus-circle:before {
+  content: '\E093';
+}
+
+.t-icon-minus-rectangle:before {
+  content: '\E094';
+}
+
+.t-icon-mobile-vibrate:before {
+  content: '\E095';
+}
+
+.t-icon-mobile:before {
+  content: '\E096';
+}
+
+.t-icon-money-circle:before {
+  content: '\E097';
+}
+
+.t-icon-more:before {
+  content: '\E098';
+}
+
+.t-icon-move:before {
+  content: '\E099';
+}
+
+.t-icon-next:before {
+  content: '\E09A';
+}
+
+.t-icon-notification-filled:before {
+  content: '\E09B';
+}
+
+.t-icon-notification:before {
+  content: '\E09C';
+}
+
+.t-icon-order-adjustment-column:before {
+  content: '\E09D';
+}
+
+.t-icon-order-ascending:before {
+  content: '\E09E';
+}
+
+.t-icon-order-descending:before {
+  content: '\E09F';
+}
+
+.t-icon-page-first:before {
+  content: '\E0A0';
+}
+
+.t-icon-page-last:before {
+  content: '\E0A1';
+}
+
+.t-icon-pause-circle-filled:before {
+  content: '\E0A2';
+}
+
+.t-icon-photo:before {
+  content: '\E0A3';
+}
+
+.t-icon-pin:before {
+  content: '\E0A4';
+}
+
+.t-icon-play-circle-filled:before {
+  content: '\E0A5';
+}
+
+.t-icon-play-circle-stroke:before {
+  content: '\E0A6';
+}
+
+.t-icon-play-circle:before {
+  content: '\E0A7';
+}
+
+.t-icon-play:before {
+  content: '\E0A8';
+}
+
+.t-icon-poweroff:before {
+  content: '\E0A9';
+}
+
+.t-icon-precise-monitor:before {
+  content: '\E0AA';
+}
+
+.t-icon-previous:before {
+  content: '\E0AB';
+}
+
+.t-icon-print:before {
+  content: '\E0AC';
+}
+
+.t-icon-qrcode:before {
+  content: '\E0AD';
+}
+
+.t-icon-queue:before {
+  content: '\E0AE';
+}
+
+.t-icon-rectangle:before {
+  content: '\E0AF';
+}
+
+.t-icon-refresh:before {
+  content: '\E0B0';
+}
+
+.t-icon-remove:before {
+  content: '\E0B1';
+}
+
+.t-icon-rollback:before {
+  content: '\E0B2';
+}
+
+.t-icon-root-list:before {
+  content: '\E0B3';
+}
+
+.t-icon-round:before {
+  content: '\E0B4';
+}
+
+.t-icon-save:before {
+  content: '\E0B5';
+}
+
+.t-icon-scan:before {
+  content: '\E0B6';
+}
+
+.t-icon-search:before {
+  content: '\E0B7';
+}
+
+.t-icon-secured:before {
+  content: '\E0B8';
+}
+
+.t-icon-server:before {
+  content: '\E0B9';
+}
+
+.t-icon-service:before {
+  content: '\E0BA';
+}
+
+.t-icon-setting:before {
+  content: '\E0BB';
+}
+
+.t-icon-share:before {
+  content: '\E0BC';
+}
+
+.t-icon-shop:before {
+  content: '\E0BD';
+}
+
+.t-icon-slash:before {
+  content: '\E0BE';
+}
+
+.t-icon-sound:before {
+  content: '\E0BF';
+}
+
+.t-icon-star-filled:before {
+  content: '\E0C0';
+}
+
+.t-icon-star:before {
+  content: '\E0C1';
+}
+
+.t-icon-stop-circle-1:before {
+  content: '\E0C2';
+}
+
+.t-icon-stop-circle-filled:before {
+  content: '\E0C3';
+}
+
+.t-icon-stop-circle:before {
+  content: '\E0C4';
+}
+
+.t-icon-stop:before {
+  content: '\E0C5';
+}
+
+.t-icon-swap-left:before {
+  content: '\E0C6';
+}
+
+.t-icon-swap-right:before {
+  content: '\E0C7';
+}
+
+.t-icon-swap:before {
+  content: '\E0C8';
+}
+
+.t-icon-thumb-down:before {
+  content: '\E0C9';
+}
+
+.t-icon-thumb-up:before {
+  content: '\E0CA';
+}
+
+.t-icon-time-filled:before {
+  content: '\E0CB';
+}
+
+.t-icon-time:before {
+  content: '\E0CC';
+}
+
+.t-icon-tips:before {
+  content: '\E0CD';
+}
+
+.t-icon-tools:before {
+  content: '\E0CE';
+}
+
+.t-icon-unfold-less:before {
+  content: '\E0CF';
+}
+
+.t-icon-unfold-more:before {
+  content: '\E0D0';
+}
+
+.t-icon-upload:before {
+  content: '\E0D1';
+}
+
+.t-icon-usb:before {
+  content: '\E0D2';
+}
+
+.t-icon-user-add:before {
+  content: '\E0D3';
+}
+
+.t-icon-user-avatar:before {
+  content: '\E0D4';
+}
+
+.t-icon-user-circle:before {
+  content: '\E0D5';
+}
+
+.t-icon-user-clear:before {
+  content: '\E0D6';
+}
+
+.t-icon-user-talk:before {
+  content: '\E0D7';
+}
+
+.t-icon-user:before {
+  content: '\E0D8';
+}
+
+.t-icon-usergroup-add:before {
+  content: '\E0D9';
+}
+
+.t-icon-usergroup-clear:before {
+  content: '\E0DA';
+}
+
+.t-icon-usergroup:before {
+  content: '\E0DB';
+}
+
+.t-icon-video:before {
+  content: '\E0DC';
+}
+
+.t-icon-view-column:before {
+  content: '\E0DD';
+}
+
+.t-icon-view-list:before {
+  content: '\E0DE';
+}
+
+.t-icon-view-module:before {
+  content: '\E0DF';
+}
+
+.t-icon-wallet:before {
+  content: '\E0E0';
+}
+
+.t-icon-wifi:before {
+  content: '\E0E1';
+}
+
+.t-icon-zoom-in:before {
+  content: '\E0E2';
+}
+
+.t-icon-zoom-out:before {
+  content: '\E0E3';
+}
+@font-face {
+  font-family: 't';
+  src: url('https://tdesign.gtimg.com/icon/0.0.3/fonts/t.eot'),
+    /* for IE 9*/ url('https://tdesign.gtimg.com/icon/0.0.3/fonts/t.eot?#iefix')
+      format('embedded-opentype'),
+    /* under IE9 */ url('https://tdesign.gtimg.com/icon/0.0.3/fonts/t.woff')
+      format('woff'),
+    /* chrome, firefox */
+      url('https://tdesign.gtimg.com/icon/0.0.3/fonts/t.ttf') format('truetype'),
+    /* opera, Safari, Android, iOS 4.2+ */
+      url('https://tdesign.gtimg.com/icon/0.0.3/fonts/t.svg') format('svg'); /* iOS 4.1- */
+  font-weight: normal;
+  font-style: normal;
+}
+
+:host {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+.lcap-icon {
+  font-size: 34px;
+  display: inline-block;
+  font-family: 'lcap-icon' !important;
+  speak: none;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  text-rendering: auto;
+  line-height: 1;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+.lcap-icon-nointernet:before {
+  content: '\e900';
+}
+.lcap-icon-success:before {
+  content: '\e901';
+}
+.lcap-icon-warning:before {
+  content: '\e902';
+}
+.lcap-icon-pending:before {
+  content: '\e903';
+}
+.lcap-icon-refresh:before {
+  content: '\e904';
+}
+.lcap-icon-folder:before {
+  content: '\e905';
+}
+.lcap-icon-arrowup:before {
+  content: '\e906';
+}
+.lcap-icon-arrowdown:before {
+  content: '\e907';
+}
+.lcap-icon-arrowleft:before {
+  content: '\e908';
+}
+.lcap-icon-arrowright:before {
+  content: '\e909';
+}
+.lcap-icon-chevronup:before {
+  content: '\e90a';
+}
+.lcap-icon-chevrondown:before {
+  content: '\e90b';
+}
+.lcap-icon-chevronleft:before {
+  content: '\e90c';
+}
+.lcap-icon-chevronright:before {
+  content: '\e90d';
+}
+.lcap-icon-delete:before {
+  content: '\e90e';
+}
+.lcap-icon-edit:before {
+  content: '\e90f';
+}
+.lcap-icon-search:before {
+  content: '\e910';
+}
+.lcap-icon-check:before {
+  content: '\e911';
+}
+.lcap-icon-close:before {
+  content: '\e912';
+}
+.lcap-icon-add:before {
+  content: '\e913';
+}
+.lcap-icon-download:before {
+  content: '\e914';
+}
+.lcap-icon-success-fill:before {
+  content: '\e915';
+}
+.lcap-icon-close-fill:before {
+  content: '\e916';
+}
+.lcap-icon-minus-fill:before {
+  content: '\e917';
+}
+.lcap-icon-add-fill:before {
+  content: '\e918';
+}
+.lcap-icon-info-fill:before {
+  content: '\e919';
+}
+.lcap-icon-pending-fill:before {
+  content: '\e91a';
+}
+.lcap-icon-warning-fill:before {
+  content: '\e91b';
+}
+.lcap-icon-more:before {
+  content: '\e91c';
+}
+.lcap-icon-star:before {
+  content: '\e91d';
+}
+.lcap-icon-star-fill:before {
+  content: '\e91e';
+}
+.lcap-icon-location:before {
+  content: '\e91f';
+}
+.lcap-icon-question:before {
+  content: '\e920';
+}
+
+/* pc style */
+.weda-grid-navigation {
+  width: 100%;
+}
+
+.weda-grid-navigation .weda-grid-navigation__wrapper {
+  width: 100%;
+  padding: 0 16px;
+  box-sizing: border-box;
+}
+
+.weda-grid-navigation .weda-grid {
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.weda-grid-navigation .weda-grid .weda-grid__item {
+  flex-grow: 1;
+}
+
+.weda-grid-navigation .weda-grid-navigation__col .weda-grid__box {
+  display: flex;
+  flex-direction: column;
+  text-align: center;
+  justify-content: flex-start;
+  /* align-items: center; */
+  padding: 8px 0;
+  height: 100%;
+  box-sizing: border-box;
+}
+
+.weda-grid-navigation
+  .weda-grid-navigation__row:first-child
+  .weda-grid-navigation__col
+  .weda-grid__box {
+  padding-top: 16px;
+}
+
+.weda-grid-navigation
+  .weda-grid-navigation__row:last-child
+  .weda-grid-navigation__col
+  .weda-grid__box {
+  padding-bottom: 16px;
+}
+
+.weda-grid-navigation
+  .weda-grid-navigation__col.weda-grid-navigation__col--big
+  .weda-grid__box {
+  padding: 10px 0;
+}
+
+.weda-grid-navigation
+  .weda-grid-navigation__row:first-child
+  .weda-grid-navigation__col.weda-grid-navigation__col--big
+  .weda-grid__box {
+  padding-top: 20px;
+}
+
+.weda-grid-navigation
+  .weda-grid-navigation__row:last-child
+  .weda-grid-navigation__col.weda-grid-navigation__col--big
+  .weda-grid__box {
+  padding-bottom: 20px;
+}
+
+.weda-grid-navigation
+  .weda-grid-navigation__col--medium
+  .weda-grid-navigation__img {
+  width: 36px;
+  height: 36px;
+}
+.weda-grid-navigation .weda-grid-navigation__icon .lcap-icon-padding {
+  padding: 2px 0;
+}
+.weda-grid-navigation
+  .weda-grid-navigation__col--medium
+  .weda-grid-navigation__icon
+  .weda-icon {
+  font-size: 36px;
+}
+.weda-grid-navigation
+  .weda-grid-navigation__col--small
+  .weda-grid-navigation__img {
+  width: 32px;
+}
+.weda-grid-navigation
+  .weda-grid-navigation__col--small
+  .weda-grid-navigation__icon
+  .weda-icon {
+  font-size: 32px;
+}
+.weda-grid-navigation
+  .weda-grid-navigation__col--big
+  .weda-grid-navigation__img {
+  width: 40px;
+  height: 40px;
+}
+
+.weda-grid-navigation
+  .weda-grid-navigation__col--big
+  .weda-grid-navigation__icon
+  .weda-icon {
+  font-size: 40px;
+}
+
+.weda-grid-navigation .weda-grid-navigation__icon .weda-grid-navigation__img {
+  width: 100%;
+  height: 100%;
+}
+
+.weda-grid-navigation .weda-grid-navigation__col .weda-grid-navigation__text {
+  font-size: 12px;
+  line-height: 20px;
+  text-align: center;
+  color: rgba(0, 0, 0, 0.6);
+  display: -webkit-box;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+  margin-top: 4px;
+}
+
+.weda-grid-navigation
+  .weda-grid-navigation__col--big
+  .weda-grid-navigation__text {
+  margin-top: 8px;
+}