feat(subnavbar): m3 styles

framework7io · Sep 29, 2022 · 8b8e152 · 8b8e152
1 parent e1fe169
commit 8b8e152
Show file tree

Hide file tree

Showing 7 changed files with 3 additions and 31 deletions.
diff --git a/src/core/components/app/app-vars.less b/src/core/components/app/app-vars.less
@@ -67,22 +67,6 @@
   */
   --f7-bars-translucent-opacity: 0.8;
   --f7-bars-translucent-blur: 20px;
-  --f7-bars-shadow-bottom-image: linear-gradient(
-    to bottom,
-    rgba(0, 0, 0, 0.25) 0%,
-    rgba(0, 0, 0, 0.08) 40%,
-    rgba(0, 0, 0, 0.04) 50%,
-    rgba(0, 0, 0, 0) 90%,
-    rgba(0, 0, 0, 0) 100%
-  );
-  --f7-bars-shadow-top-image: linear-gradient(
-    to top,
-    rgba(0, 0, 0, 0.25) 0%,
-    rgba(0, 0, 0, 0.08) 40%,
-    rgba(0, 0, 0, 0.04) 50%,
-    rgba(0, 0, 0, 0) 90%,
-    rgba(0, 0, 0, 0) 100%
-  );
   .light-vars({
     --f7-bars-text-color: #000;
 

diff --git a/src/core/components/appbar/appbar-vars.less b/src/core/components/appbar/appbar-vars.less
@@ -8,7 +8,6 @@
   --f7-appbar-link-color: var(--f7-bars-link-color);
   --f7-appbar-text-color: var(--f7-bars-text-color);
   */
-  --f7-appbar-shadow-image: none;
 }
 .ios-vars({
   --f7-appbar-height: 44px;

diff --git a/src/core/components/messagebar/messagebar-vars.less b/src/core/components/messagebar/messagebar-vars.less
@@ -1,5 +1,4 @@
 :root {
-  --f7-messagebar-shadow-image: none;
   --f7-messagebar-textarea-bg-color: transparent;
   --f7-messagebar-attachments-height: 155px;
   --f7-messagebar-attachment-height: 155px;

diff --git a/src/core/components/searchbar/searchbar-vars.less b/src/core/components/searchbar/searchbar-vars.less
@@ -39,7 +39,6 @@
   --f7-searchbar-input-clear-button-color: var(--f7-input-clear-button-color);
   */
   --f7-searchbar-backdrop-bg-color: rgba(0,0,0,0.4);
-  --f7-searchbar-shadow-image: none;
   --f7-searchbar-in-page-content-margin: 0px;
   --f7-searchbar-in-page-content-box-shadow: none;
   --f7-searchbar-in-page-content-border-radius: 0;
@@ -69,7 +68,6 @@
   --f7-searchbar-inline-input-padding-horizontal: 24px;
   --f7-searchbar-input-clear-button-color: #737373;
   --f7-searchbar-backdrop-bg-color: rgba(0,0,0,0.25);
-  --f7-searchbar-shadow-image: var(--f7-bars-shadow-bottom-image);
   --f7-searchbar-in-page-content-margin: 8px;
   --f7-searchbar-in-page-content-box-shadow: var(--f7-elevation-1);
   --f7-searchbar-in-page-content-border-radius: 4px;

diff --git a/src/core/components/subnavbar/subnavbar-vars.less b/src/core/components/subnavbar/subnavbar-vars.less
@@ -16,21 +16,19 @@
   --f7-subnavbar-title-font-weight: 700;
   --f7-subnavbar-title-letter-spacing: -0.03em;
   --f7-subnavbar-title-margin-left: 8px;
-  --f7-subnavbar-shadow-image: none;
   /*
   --f7-subnavbar-link-height: var(--f7-subnavbar-height);
   --f7-subnavbar-link-line-height: var(--f7-subnavbar-height);
   */
 });
 .md-vars({
-  --f7-subnavbar-height: 48px;
+  --f7-subnavbar-height: 56px;
   --f7-subnavbar-inner-padding-left: 16px;
   --f7-subnavbar-inner-padding-right: 16px;
-  --f7-subnavbar-title-font-size: 20px;
-  --f7-subnavbar-title-font-weight: 500;
+  --f7-subnavbar-title-font-size: 22px;
+  --f7-subnavbar-title-font-weight: 400;
   --f7-subnavbar-title-letter-spacing: 0;
   --f7-subnavbar-title-margin-left: 0px;
-  --f7-subnavbar-shadow-image: var(--f7-bars-shadow-bottom-image);
   /*
   --f7-subnavbar-link-height: var(--f7-subnavbar-height);
   --f7-subnavbar-link-line-height: var(--f7-subnavbar-height);

diff --git a/src/core/components/timeline/timeline-vars.less b/src/core/components/timeline/timeline-vars.less
@@ -34,7 +34,6 @@
   --f7-timeline-item-text-line-height: inherit;
   --f7-timeline-year-font-size: 16px;
   --f7-timeline-horizontal-item-padding: 10px;
-  --f7-timeline-horizontal-item-date-shadow-image: none;
   .light-vars({
     --f7-timeline-item-time-text-color: rgba(0,0,0,0.45);
     --f7-timeline-horizontal-item-border-color: rgba(0,0,0,0.22);
@@ -60,7 +59,6 @@
   --f7-timeline-item-text-color: inherit;
   --f7-timeline-year-font-size: 16px;
   --f7-timeline-horizontal-item-padding: 12px;
-  --f7-timeline-horizontal-item-date-shadow-image: var(--f7-bars-shadow-bottom-image);
   .light-vars({
     --f7-timeline-item-time-text-color: rgba(0, 0, 0, 0.54);
     --f7-timeline-horizontal-item-border-color: rgba(0,0,0,0.12);

diff --git a/src/core/components/toolbar/toolbar-vars.less b/src/core/components/toolbar/toolbar-vars.less
@@ -22,8 +22,6 @@
   */
   --f7-tabbar-labels-height: 50px;
   --f7-tabbar-labels-tablet-height: 50px;
-  --f7-toolbar-top-shadow-image: none;
-  --f7-toolbar-bottom-shadow-image: none;
   --f7-tabbar-icon-size: 28px;
   --f7-tabbar-link-text-transform: none;
   --f7-tabbar-link-font-weight: 400;
@@ -53,8 +51,6 @@
   --f7-tabbar-labels-height: 80px;
   --f7-tabbar-labels-tablet-height: 80px;
   --f7-tabbar-link-active-border-color: var(--f7-md-primary);
-  --f7-toolbar-top-shadow-image: var(--f7-bars-shadow-bottom-image);
-  --f7-toolbar-bottom-shadow-image: var(--f7-bars-shadow-top-image);
   --f7-tabbar-icon-size: 24px;
   --f7-tabbar-link-text-transform: uppercase;
   --f7-tabbar-link-font-weight: 500;