main - e478208 docs(material/datepicker): fix up dialog example (#31674)

Author: crisbeto

docs-content/examples-highlighted/cdk/drag-drop/cdk-drag-drop-axis-lock/cdk-drag-drop-axis-lock-example-css.html

@@ -14,6 +14,7 @@
   <span class="hljs-attribute">position</span>: relative;
   <span class="hljs-attribute">z-index</span>: <span class="hljs-number">1</span>;
   <span class="hljs-attribute">transition</span>: box-shadow <span class="hljs-number">200ms</span> <span class="hljs-built_in">cubic-bezier</span>(<span class="hljs-number">0</span>, <span class="hljs-number">0</span>, <span class="hljs-number">0.2</span>, <span class="hljs-number">1</span>);
+  <span class="hljs-attribute">font-family</span>: sans-serif;
   <span class="hljs-attribute">box-shadow</span>: <span class="hljs-number">0</span> <span class="hljs-number">3px</span> <span class="hljs-number">1px</span> -<span class="hljs-number">2px</span> <span class="hljs-built_in">rgba</span>(<span class="hljs-number">0</span>, <span class="hljs-number">0</span>, <span class="hljs-number">0</span>, <span class="hljs-number">0.2</span>),
               <span class="hljs-number">0</span> <span class="hljs-number">2px</span> <span class="hljs-number">2px</span> <span class="hljs-number">0</span> <span class="hljs-built_in">rgba</span>(<span class="hljs-number">0</span>, <span class="hljs-number">0</span>, <span class="hljs-number">0</span>, <span class="hljs-number">0.14</span>),
               <span class="hljs-number">0</span> <span class="hljs-number">1px</span> <span class="hljs-number">5px</span> <span class="hljs-number">0</span> <span class="hljs-built_in">rgba</span>(<span class="hljs-number">0</span>, <span class="hljs-number">0</span>, <span class="hljs-number">0</span>, <span class="hljs-number">0.12</span>);

docs-content/examples-highlighted/cdk/drag-drop/cdk-drag-drop-boundary/cdk-drag-drop-boundary-example-css.html

@@ -16,6 +16,7 @@
   <span class="hljs-attribute">box-sizing</span>: border-box;
   <span class="hljs-attribute">padding</span>: <span class="hljs-number">10px</span>;
   <span class="hljs-attribute">transition</span>: box-shadow <span class="hljs-number">200ms</span> <span class="hljs-built_in">cubic-bezier</span>(<span class="hljs-number">0</span>, <span class="hljs-number">0</span>, <span class="hljs-number">0.2</span>, <span class="hljs-number">1</span>);
+  <span class="hljs-attribute">font-family</span>: sans-serif;
   <span class="hljs-attribute">box-shadow</span>: <span class="hljs-number">0</span> <span class="hljs-number">3px</span> <span class="hljs-number">1px</span> -<span class="hljs-number">2px</span> <span class="hljs-built_in">rgba</span>(<span class="hljs-number">0</span>, <span class="hljs-number">0</span>, <span class="hljs-number">0</span>, <span class="hljs-number">0.2</span>),
               <span class="hljs-number">0</span> <span class="hljs-number">2px</span> <span class="hljs-number">2px</span> <span class="hljs-number">0</span> <span class="hljs-built_in">rgba</span>(<span class="hljs-number">0</span>, <span class="hljs-number">0</span>, <span class="hljs-number">0</span>, <span class="hljs-number">0.14</span>),
               <span class="hljs-number">0</span> <span class="hljs-number">1px</span> <span class="hljs-number">5px</span> <span class="hljs-number">0</span> <span class="hljs-built_in">rgba</span>(<span class="hljs-number">0</span>, <span class="hljs-number">0</span>, <span class="hljs-number">0</span>, <span class="hljs-number">0.12</span>);

docs-content/examples-highlighted/cdk/drag-drop/cdk-drag-drop-connected-sorting-group/cdk-drag-drop-connected-sorting-group-example-css.html

@@ -4,6 +4,7 @@
   <span class="hljs-attribute">margin</span>: <span class="hljs-number">0</span> <span class="hljs-number">25px</span> <span class="hljs-number">25px</span> <span class="hljs-number">0</span>;
   <span class="hljs-attribute">display</span>: inline-block;
   <span class="hljs-attribute">vertical-align</span>: top;
+  <span class="hljs-attribute">font-family</span>: sans-serif;
 }
 
 <span class="hljs-selector-class">.example-list</span> {
@@ -27,6 +28,7 @@
   <span class="hljs-attribute">cursor</span>: move;
   <span class="hljs-attribute">background</span>: white;
   <span class="hljs-attribute">font-size</span>: <span class="hljs-number">14px</span>;
+  <span class="hljs-attribute">font-family</span>: sans-serif;
 }
 
 <span class="hljs-selector-class">.cdk-drag-preview</span> {

docs-content/examples-highlighted/cdk/drag-drop/cdk-drag-drop-connected-sorting/cdk-drag-drop-connected-sorting-example-css.html

@@ -4,6 +4,7 @@
   <span class="hljs-attribute">margin</span>: <span class="hljs-number">0</span> <span class="hljs-number">25px</span> <span class="hljs-number">25px</span> <span class="hljs-number">0</span>;
   <span class="hljs-attribute">display</span>: inline-block;
   <span class="hljs-attribute">vertical-align</span>: top;
+  <span class="hljs-attribute">font-family</span>: sans-serif;
 }
 
 <span class="hljs-selector-class">.example-list</span> {
@@ -27,6 +28,7 @@
   <span class="hljs-attribute">cursor</span>: move;
   <span class="hljs-attribute">background</span>: white;
   <span class="hljs-attribute">font-size</span>: <span class="hljs-number">14px</span>;
+  <span class="hljs-attribute">font-family</span>: sans-serif;
 }
 
 <span class="hljs-selector-class">.cdk-drag-preview</span> {

docs-content/examples-highlighted/cdk/drag-drop/cdk-drag-drop-copy-list/cdk-drag-drop-copy-list-example-css.html

@@ -4,6 +4,7 @@
   <span class="hljs-attribute">margin</span>: <span class="hljs-number">0</span> <span class="hljs-number">25px</span> <span class="hljs-number">25px</span> <span class="hljs-number">0</span>;
   <span class="hljs-attribute">display</span>: inline-block;
   <span class="hljs-attribute">vertical-align</span>: top;
+  <span class="hljs-attribute">font-family</span>: sans-serif;
 }
 
 <span class="hljs-selector-class">.example-list</span> {
@@ -27,6 +28,7 @@
   <span class="hljs-attribute">cursor</span>: move;
   <span class="hljs-attribute">background</span>: white;
   <span class="hljs-attribute">font-size</span>: <span class="hljs-number">14px</span>;
+  <span class="hljs-attribute">font-family</span>: sans-serif;
 }
 
 <span class="hljs-selector-class">.cdk-drag-preview</span> {

docs-content/examples-highlighted/cdk/drag-drop/cdk-drag-drop-custom-placeholder/cdk-drag-drop-custom-placeholder-example-css.html

@@ -7,6 +7,7 @@
   <span class="hljs-attribute">background</span>: white;
   <span class="hljs-attribute">border-radius</span>: <span class="hljs-number">4px</span>;
   <span class="hljs-attribute">overflow</span>: hidden;
+  <span class="hljs-attribute">font-family</span>: sans-serif;
 }
 
 <span class="hljs-selector-class">.example-box</span> {
@@ -21,6 +22,7 @@
   <span class="hljs-attribute">cursor</span>: move;
   <span class="hljs-attribute">background</span>: white;
   <span class="hljs-attribute">font-size</span>: <span class="hljs-number">14px</span>;
+  <span class="hljs-attribute">font-family</span>: sans-serif;
 }
 
 <span class="hljs-selector-class">.cdk-drag-preview</span> {

docs-content/examples-highlighted/cdk/drag-drop/cdk-drag-drop-custom-preview/cdk-drag-drop-custom-preview-example-css.html

@@ -7,6 +7,7 @@
   <span class="hljs-attribute">background</span>: white;
   <span class="hljs-attribute">border-radius</span>: <span class="hljs-number">4px</span>;
   <span class="hljs-attribute">overflow</span>: hidden;
+  <span class="hljs-attribute">font-family</span>: sans-serif;
 }
 
 <span class="hljs-selector-class">.example-box</span> {
@@ -21,6 +22,7 @@
   <span class="hljs-attribute">cursor</span>: move;
   <span class="hljs-attribute">background</span>: white;
   <span class="hljs-attribute">font-size</span>: <span class="hljs-number">14px</span>;
+  <span class="hljs-attribute">font-family</span>: sans-serif;
 }
 
 <span class="hljs-selector-class">.cdk-drag-preview</span> {

docs-content/examples-highlighted/cdk/drag-drop/cdk-drag-drop-delay/cdk-drag-drop-delay-example-css.html

@@ -12,6 +12,7 @@
   <span class="hljs-attribute">border-radius</span>: <span class="hljs-number">4px</span>;
   <span class="hljs-attribute">position</span>: relative;
   <span class="hljs-attribute">z-index</span>: <span class="hljs-number">1</span>;
+  <span class="hljs-attribute">font-family</span>: sans-serif;
   <span class="hljs-attribute">transition</span>: box-shadow <span class="hljs-number">200ms</span> <span class="hljs-built_in">cubic-bezier</span>(<span class="hljs-number">0</span>, <span class="hljs-number">0</span>, <span class="hljs-number">0.2</span>, <span class="hljs-number">1</span>);
   <span class="hljs-attribute">box-shadow</span>: <span class="hljs-number">0</span> <span class="hljs-number">3px</span> <span class="hljs-number">1px</span> -<span class="hljs-number">2px</span> <span class="hljs-built_in">rgba</span>(<span class="hljs-number">0</span>, <span class="hljs-number">0</span>, <span class="hljs-number">0</span>, <span class="hljs-number">0.2</span>),
               <span class="hljs-number">0</span> <span class="hljs-number">2px</span> <span class="hljs-number">2px</span> <span class="hljs-number">0</span> <span class="hljs-built_in">rgba</span>(<span class="hljs-number">0</span>, <span class="hljs-number">0</span>, <span class="hljs-number">0</span>, <span class="hljs-number">0.14</span>),

docs-content/examples-highlighted/cdk/drag-drop/cdk-drag-drop-disabled-sorting/cdk-drag-drop-disabled-sorting-example-css.html

@@ -4,6 +4,7 @@
   <span class="hljs-attribute">margin</span>: <span class="hljs-number">0</span> <span class="hljs-number">25px</span> <span class="hljs-number">25px</span> <span class="hljs-number">0</span>;
   <span class="hljs-attribute">display</span>: inline-block;
   <span class="hljs-attribute">vertical-align</span>: top;
+  <span class="hljs-attribute">font-family</span>: sans-serif;
 }
 
 <span class="hljs-selector-class">.example-list</span> {
@@ -27,6 +28,7 @@
   <span class="hljs-attribute">cursor</span>: move;
   <span class="hljs-attribute">background</span>: white;
   <span class="hljs-attribute">font-size</span>: <span class="hljs-number">14px</span>;
+  <span class="hljs-attribute">font-family</span>: sans-serif;
 }
 
 <span class="hljs-selector-class">.cdk-drag-preview</span> {

docs-content/examples-highlighted/cdk/drag-drop/cdk-drag-drop-disabled/cdk-drag-drop-disabled-example-css.html

@@ -7,6 +7,7 @@
   <span class="hljs-attribute">background</span>: white;
   <span class="hljs-attribute">border-radius</span>: <span class="hljs-number">4px</span>;
   <span class="hljs-attribute">overflow</span>: hidden;
+  <span class="hljs-attribute">font-family</span>: sans-serif;
 }
 
 <span class="hljs-selector-class">.example-box</span> {
@@ -21,6 +22,7 @@
   <span class="hljs-attribute">cursor</span>: move;
   <span class="hljs-attribute">background</span>: white;
   <span class="hljs-attribute">font-size</span>: <span class="hljs-number">14px</span>;
+  <span class="hljs-attribute">font-family</span>: sans-serif;
 }
 
 <span class="hljs-selector-class">.example-box</span><span class="hljs-selector-class">.cdk-drag-disabled</span> {