4.0.0-beta.14 release

Author: nolimits4web

packages/core/components/app/app-vars.less

@@ -88,17 +88,17 @@
   --f7-bars-bg-color-rgb: 247, 247, 248;
   --f7-bars-text-color: #000;
   --f7-bars-shadow-bottom-image: linear-gradient(to bottom,
-    rgba(0,0,0,0.3) 0%,
-    rgba(0,0,0,0.1) 40%,
-    rgba(0,0,0,0.05) 50%,
-    rgba(0,0,0,0) 80%,
+    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.3) 0%,
-    rgba(0,0,0,0.1) 40%,
-    rgba(0,0,0,0.05) 50%,
-    rgba(0,0,0,0) 80%,
+    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%
   );
 }

packages/core/components/block/block.less

@@ -10,7 +10,7 @@
   padding-top: 0;
   padding-bottom: 0;
   padding-left: calc(var(--f7-block-padding) + var(--f7-safe-area-left));
-  padding-right: calc(var(--f7-block-padding) + var(--f7-safe-area-left));
+  padding-right: calc(var(--f7-block-padding) + var(--f7-safe-area-right));
   .no-hairlines();
   > h1, > h2, > h3, > h4, > p {
     &:first-child {
@@ -89,7 +89,7 @@
   padding-top: 0;
   padding-bottom: 0;
   padding-left: calc(var(--f7-block-padding) + var(--f7-safe-area-left));
-  padding-right: calc(var(--f7-block-padding) + var(--f7-safe-area-left));
+  padding-right: calc(var(--f7-block-padding) + var(--f7-safe-area-right));
   ul, p, h1, h2, h3, h4 {
     &:first-child {
       margin-top: 0;

packages/core/components/button/button-vars.less

@@ -9,7 +9,7 @@
   --f7-button-border-color: var(--f7-theme-color);
   --f7-button-fill-text-color: #fff;
   --f7-button-fill-bg-color: var(--f7-theme-color);
-  --f7-button-outline-border-color: var(--f7-button-border-color, var(--f7-theme-color);
+  --f7-button-outline-border-color: var(--f7-theme-color);
   */
   --f7-button-raised-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
   --f7-button-raised-pressed-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);

packages/core/components/button/button.less

@@ -81,8 +81,8 @@ button {
 .button-outline,
 .ios .button-outline-ios,
 .md .button-outline-md {
+  --f7-button-border-color: var(--f7-button-outline-border-color, var(--f7-theme-color));
   --f7-button-border-width: var(--f7-button-outline-border-width);
-  --f7-button-border-color: var(--f7-button-outline-border-color, var(--f7-button-border-color, var(--f7-theme-color)));
 }
 
 .button-large,

packages/core/components/calendar.css

@@ -44,13 +44,14 @@
   .calendar-week-header,
   .calendar-header,
   .calendar-footer {
-    background: none;
+    // background: none;
   }
 }
 .calendar-popover {
   width: var(--f7-calendar-popover-width);
   .calendar {
     height: var(--f7-calendar-popover-height);
+    border-radius: var(--f7-popover-border-radius);
   }
 }
 .calendar-header {

packages/core/components/calendar.rtl.css

@@ -2,7 +2,8 @@
 @import url('./contacts-list-vars.less');
 .contacts-list {
   --f7-list-margin-vertical: 0px;
-  .list-group-title {
+  .list-group-title,
+  li.list-group-title {
     background-color: var(--f7-contacts-list-title-bg-color);
     font-weight: var(--f7-contacts-list-title-font-weight);
     font-size: var(--f7-contacts-list-title-font-size);