From cc017b98b23960e40e1cafb7d4514dcb058e4105 Mon Sep 17 00:00:00 2001
From: Kristiyan Kostadinov <crisbeto@abv.bg>
Date: Tue, 25 May 2021 07:30:43 +0200
Subject: [PATCH] refactor: add modifier badge tag

Replaces the `async` method marker with a generic marker that can also be used for static methods.

Related to https://github.com/angular/components/pull/22786.
---
 src/styles/_api-theme.scss | 2 +-
 src/styles/_api.scss       | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/styles/_api-theme.scss b/src/styles/_api-theme.scss
index f90ea6423..411911971 100644
--- 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
index b1d824184..a6349251e 100644
--- 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;
 }