fix(DocsDecorator): add new css prefix support (#1027)

src/demo/DocsDecorator/DocsDecorator.scss

@@ -9,8 +9,8 @@ $root: '.docs-decorator';
 
 #{$root}#{$root}#{$root}#{$root}#{$root} {
     p,
-    li:not([class*='yc-']),
-    a:not([class*='yc-']) {
+    li:not([class*='yc-']):not([class*='g-']),
+    a:not([class*='yc-']):not([class*='g-']) {
         @include mixins.text-body-2;
     }
 
@@ -23,8 +23,8 @@ $root: '.docs-decorator';
     }
 
     p,
-    ul:not([class*='yc-']),
-    ol:not([class*='yc-']) {
+    ul:not([class*='yc-']):not([class*='g-']),
+    ol:not([class*='yc-']):not([class*='g-']) {
         margin: $offset-xs 0;
 
         & + p,
@@ -34,12 +34,12 @@ $root: '.docs-decorator';
         }
     }
 
-    li + li:not([class*='yc-']) {
+    li + li:not([class*='yc-']):not([class*='g-']) {
         margin-top: $offset-xs;
     }
 
-    ul:not([class*='yc-']),
-    ol:not([class*='yc-']) {
+    ul:not([class*='yc-']):not([class*='g-']),
+    ol:not([class*='yc-']):not([class*='g-']) {
         padding-left: $offset-m;
     }
 
@@ -64,7 +64,7 @@ $root: '.docs-decorator';
         margin-bottom: $offset-m;
     }
 
-    a:not([class*='yc-']) {
+    a:not([class*='yc-']):not([class*='g-']) {
         text-decoration: none;
         touch-action: manipulation;
         -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
@@ -78,7 +78,7 @@ $root: '.docs-decorator';
     }
 
     p code,
-    li:not([class*='yc-']) code {
+    li:not([class*='yc-']):not([class*='g-']) code {
         @include mixins.text-code-inline-2;
         line-height: 1;
         padding: 1px 4px;