Core: Tweak buttons radius to new MD guide

nolimits4web · nolimits4web · commit d67e280d5977 · 2018-06-07T21:56:52.000+03:00
diff --git a/src/core/components/button/button-md.less b/src/core/components/button/button-md.less
@@ -3,7 +3,7 @@
   // Buttons
   .button {
     color:@themeColor;
-    border-radius: 2px;
+    border-radius: 4px;
     line-height: 36px;
     height: 36px;
     text-transform: uppercase;
@@ -26,7 +26,7 @@
     &.button-big, &.button-big-md {
       height: 48px;
       line-height: 48px;
-      border-radius: 3px;
+      border-radius: 4px;
     }
     &.button-round, &.button-round-md {
       border-radius: 36px;
@@ -88,7 +88,7 @@
 
   // Segmented Control
   .segmented {
-    border-radius: 3px;
+    border-radius: 4px;
     &.segmented-raised {
       box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
     }
@@ -100,7 +100,7 @@
       .ltr({
         border-left: 1px solid rgba(0,0,0,0.1);
         &:first-child {
-          border-radius: 3px 0 0 3px;
+          border-radius: 4px 0 0 4px;
           border-left: none;
         }
         &.button-outline {
@@ -110,10 +110,10 @@
           }
         }
         &:last-child {
-          border-radius: 0 3px 3px 0;
+          border-radius: 0 4px 4px 0;
         }
         &:first-child:last-child {
-          border-radius: 5px;
+          border-radius: 4px;
         }
         &.button-round:first-child {
           border-radius: 36px 0 0 36px;
@@ -125,7 +125,7 @@
       .rtl({
         border-right: 1px solid rgba(0,0,0,0.1);
         &:first-child {
-          border-radius: 0 3px 3px 0;
+          border-radius: 0 4px 4px 0;
           border-right: none;
         }
         &.button-outline {
@@ -135,10 +135,10 @@
           }
         }
         &:last-child {
-          border-radius: 3px 0 0 3px;
+          border-radius: 4px 0 0 4px;
         }
         &:first-child:last-child {
-          border-radius: 5px;
+          border-radius: 4px;
         }
         &.button-round:first-child {
           border-radius: 0 36px 36px 0;
diff --git a/src/core/components/card/card-md.less b/src/core/components/card/card-md.less
@@ -14,7 +14,7 @@
     a.link {
       .button;
       color:@themeColor;
-      border-radius: 2px;
+      border-radius: 4px;
       line-height: 36px;
       height: 36px;
       text-transform: uppercase;
diff --git a/src/core/components/dialog/dialog-md.less b/src/core/components/dialog/dialog-md.less
@@ -57,7 +57,7 @@
   .dialog-button {
     .button;
     color:@themeColor;
-    border-radius: 2px;
+    border-radius: 4px;
     line-height: 36px;
     height: 36px;
     text-transform: uppercase;
diff --git a/src/core/components/stepper/stepper-md.less b/src/core/components/stepper/stepper-md.less
@@ -27,18 +27,18 @@
     }
     .ltr({
       &:first-child {
-        border-radius: 2px 0 0 2px;
+        border-radius: 4px 0 0 4px;
       }
       &:last-child {
-        border-radius: 0 2px 2px 0;
+        border-radius: 0 4px 4px 0;
       }
     });
     .rtl({
       &:first-child {
-        border-radius: 0 2px 2px 0;
+        border-radius: 0 4px 4px 0;
       }
       &:last-child {
-        border-radius: 2px 0 0 2px;
+        border-radius: 4px 0 0 4px;
       }
     });
 
@@ -116,18 +116,18 @@
       line-height: 46px;
       .ltr({
         &:first-child {
-          border-radius: 3px 0 0 3px;
+          border-radius: 4px 0 0 4px;
         }
         &:last-child {
-          border-radius: 0 3px 3px 0;
+          border-radius: 0 4px 4px 0;
         }
       });
       .rtl({
         &:first-child {
-          border-radius: 0 3px 3px 0;
+          border-radius: 0 4px 4px 0;
         }
         &:last-child {
-          border-radius: 3px 0 0 3px;
+          border-radius: 4px 0 0 4px;
         }
       });
     }
@@ -154,9 +154,9 @@
   }
   .stepper-raised {
     box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
-    border-radius: 2px;
+    border-radius: 4px;
     &.stepper-big, &.stepper-big-md {
-      border-radius: 3px;
+      border-radius: 4px;
     }
     &.stepper-round, &.stepper-round-md {
       border-radius: 36px;

Original file line number	Diff line number	Diff line change
`@@ -3,7 +3,7 @@`
`3`	`3`	`// Buttons`
`4`	`4`	`.button {`
`5`	`5`	`color:@themeColor;`
`6`		`- border-radius: 2px;`
	`6`	`+ border-radius: 4px;`
`7`	`7`	`line-height: 36px;`
`8`	`8`	`height: 36px;`
`9`	`9`	`text-transform: uppercase;`
`@@ -26,7 +26,7 @@`
`26`	`26`	`&.button-big, &.button-big-md {`
`27`	`27`	`height: 48px;`
`28`	`28`	`line-height: 48px;`
`29`		`- border-radius: 3px;`
	`29`	`+ border-radius: 4px;`
`30`	`30`	`}`
`31`	`31`	`&.button-round, &.button-round-md {`
`32`	`32`	`border-radius: 36px;`
`@@ -88,7 +88,7 @@`
`88`	`88`
`89`	`89`	`// Segmented Control`
`90`	`90`	`.segmented {`
`91`		`- border-radius: 3px;`
	`91`	`+ border-radius: 4px;`
`92`	`92`	`&.segmented-raised {`
`93`	`93`	`box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);`
`94`	`94`	`}`
`@@ -100,7 +100,7 @@`
`100`	`100`	`.ltr({`
`101`	`101`	`border-left: 1px solid rgba(0,0,0,0.1);`
`102`	`102`	`&:first-child {`
`103`		`- border-radius: 3px 0 0 3px;`
	`103`	`+ border-radius: 4px 0 0 4px;`
`104`	`104`	`border-left: none;`
`105`	`105`	`}`
`106`	`106`	`&.button-outline {`
`@@ -110,10 +110,10 @@`
`110`	`110`	`}`
`111`	`111`	`}`
`112`	`112`	`&:last-child {`
`113`		`- border-radius: 0 3px 3px 0;`
	`113`	`+ border-radius: 0 4px 4px 0;`
`114`	`114`	`}`
`115`	`115`	`&:first-child:last-child {`
`116`		`- border-radius: 5px;`
	`116`	`+ border-radius: 4px;`
`117`	`117`	`}`
`118`	`118`	`&.button-round:first-child {`
`119`	`119`	`border-radius: 36px 0 0 36px;`
`@@ -125,7 +125,7 @@`
`125`	`125`	`.rtl({`
`126`	`126`	`border-right: 1px solid rgba(0,0,0,0.1);`
`127`	`127`	`&:first-child {`
`128`		`- border-radius: 0 3px 3px 0;`
	`128`	`+ border-radius: 0 4px 4px 0;`
`129`	`129`	`border-right: none;`
`130`	`130`	`}`
`131`	`131`	`&.button-outline {`
`@@ -135,10 +135,10 @@`
`135`	`135`	`}`
`136`	`136`	`}`
`137`	`137`	`&:last-child {`
`138`		`- border-radius: 3px 0 0 3px;`
	`138`	`+ border-radius: 4px 0 0 4px;`
`139`	`139`	`}`
`140`	`140`	`&:first-child:last-child {`
`141`		`- border-radius: 5px;`
	`141`	`+ border-radius: 4px;`
`142`	`142`	`}`
`143`	`143`	`&.button-round:first-child {`
`144`	`144`	`border-radius: 0 36px 36px 0;`
Original file line number	Diff line number	Diff line change
`@@ -27,18 +27,18 @@`
`27`	`27`	`}`
`28`	`28`	`.ltr({`
`29`	`29`	`&:first-child {`
`30`		`- border-radius: 2px 0 0 2px;`
	`30`	`+ border-radius: 4px 0 0 4px;`
`31`	`31`	`}`
`32`	`32`	`&:last-child {`
`33`		`- border-radius: 0 2px 2px 0;`
	`33`	`+ border-radius: 0 4px 4px 0;`
`34`	`34`	`}`
`35`	`35`	`});`
`36`	`36`	`.rtl({`
`37`	`37`	`&:first-child {`
`38`		`- border-radius: 0 2px 2px 0;`
	`38`	`+ border-radius: 0 4px 4px 0;`
`39`	`39`	`}`
`40`	`40`	`&:last-child {`
`41`		`- border-radius: 2px 0 0 2px;`
	`41`	`+ border-radius: 4px 0 0 4px;`
`42`	`42`	`}`
`43`	`43`	`});`
`44`	`44`
`@@ -116,18 +116,18 @@`
`116`	`116`	`line-height: 46px;`
`117`	`117`	`.ltr({`
`118`	`118`	`&:first-child {`
`119`		`- border-radius: 3px 0 0 3px;`
	`119`	`+ border-radius: 4px 0 0 4px;`
`120`	`120`	`}`
`121`	`121`	`&:last-child {`
`122`		`- border-radius: 0 3px 3px 0;`
	`122`	`+ border-radius: 0 4px 4px 0;`
`123`	`123`	`}`
`124`	`124`	`});`
`125`	`125`	`.rtl({`
`126`	`126`	`&:first-child {`
`127`		`- border-radius: 0 3px 3px 0;`
	`127`	`+ border-radius: 0 4px 4px 0;`
`128`	`128`	`}`
`129`	`129`	`&:last-child {`
`130`		`- border-radius: 3px 0 0 3px;`
	`130`	`+ border-radius: 4px 0 0 4px;`
`131`	`131`	`}`
`132`	`132`	`});`
`133`	`133`	`}`
`@@ -154,9 +154,9 @@`
`154`	`154`	`}`
`155`	`155`	`.stepper-raised {`
`156`	`156`	`box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);`
`157`		`- border-radius: 2px;`
	`157`	`+ border-radius: 4px;`
`158`	`158`	`&.stepper-big, &.stepper-big-md {`
`159`		`- border-radius: 3px;`
	`159`	`+ border-radius: 4px;`
`160`	`160`	`}`
`161`	`161`	`&.stepper-round, &.stepper-round-md {`
`162`	`162`	`border-radius: 36px;`