refactor: add modifier badge tag

crisbeto · wagnermaciel · commit 60516eba4bec · 2021-05-25T11:50:14.000-07:00
Replaces the `async` method marker with a generic marker that can also be used for static methods. Related to angular/components#22786.
diff --git a/src/styles/_api-theme.scss b/src/styles/_api-theme.scss
@@ -30,7 +30,7 @@
     }
   }
 
-  .docs-api-async-method-marker {
+  .docs-api-modifier-method-marker {
     $async-method-marker-hue: if($is-dark-theme, 200, 400);
     background-color: mat.get-color-from-palette($primary, $async-method-marker-hue);
     color: mat.get-color-from-palette($primary, '#{$async-method-marker-hue}-contrast');
diff --git a/src/styles/_api.scss b/src/styles/_api.scss
@@ -85,11 +85,11 @@
   font-size: 18px;
 }
 
-.docs-api-async-method-marker {
+.docs-api-modifier-method-marker {
   display: inline-block;
   vertical-align: baseline;
   padding: 2px 7px;
-  margin: 0 12px 0 0;
+  margin-right: 12px;
   border-radius: 5px;
   font-size: 13px;
 }

Original file line number	Diff line number	Diff line change
`@@ -30,7 +30,7 @@`
`30`	`30`	`}`
`31`	`31`	`}`
`32`	`32`
`33`		`- .docs-api-async-method-marker {`
	`33`	`+ .docs-api-modifier-method-marker {`
`34`	`34`	`$async-method-marker-hue: if($is-dark-theme, 200, 400);`
`35`	`35`	`background-color: mat.get-color-from-palette($primary, $async-method-marker-hue);`
`36`	`36`	`color: mat.get-color-from-palette($primary, '#{$async-method-marker-hue}-contrast');`
Original file line number	Diff line number	Diff line change
`@@ -85,11 +85,11 @@`
`85`	`85`	`font-size: 18px;`
`86`	`86`	`}`
`87`	`87`
`88`		`-.docs-api-async-method-marker {`
	`88`	`+.docs-api-modifier-method-marker {`
`89`	`89`	`display: inline-block;`
`90`	`90`	`vertical-align: baseline;`
`91`	`91`	`padding: 2px 7px;`
`92`		`- margin: 0 12px 0 0;`
	`92`	`+ margin-right: 12px;`
`93`	`93`	`border-radius: 5px;`
`94`	`94`	`font-size: 13px;`
`95`	`95`	`}`