From b08fd0c18c131917577fc4c952c3d9f42b1e54fa Mon Sep 17 00:00:00 2001
From: Alexey Elin <alexey.elin@list.ru>
Date: Thu, 10 Dec 2020 21:46:09 +0300
Subject: [PATCH] docs: remove unused CSS rules (#40069)

Removed rules don't affect their component views.
The reason - the templates don't contain elements to which that rules are applied.
See https://angular.io/guide/view-encapsulation for more details

PR Close #40069
---
 .../src/app/messages/messages.component.css   | 20 +++----------------
 .../src/app/messages/messages.component.css   | 20 +++----------------
 .../src/app/messages/messages.component.css   | 20 +++----------------
 .../src/app/messages/messages.component.css   | 20 +++----------------
 4 files changed, 12 insertions(+), 68 deletions(-)

diff --git a/aio/content/examples/toh-pt4/src/app/messages/messages.component.css b/aio/content/examples/toh-pt4/src/app/messages/messages.component.css
index 6d328773b4fff..08585dcbaf8a4 100644
--- a/aio/content/examples/toh-pt4/src/app/messages/messages.component.css
+++ b/aio/content/examples/toh-pt4/src/app/messages/messages.component.css
@@ -4,17 +4,12 @@ h2 {
   font-family: Arial, Helvetica, sans-serif;
   font-weight: lighter;
 }
-body {
-  margin: 2em;
-}
-body, input[text], button {
-  color: crimson;
-  font-family: Cambria, Georgia;
-}
 
 button.clear {
-  font-family: Arial;
+  font-family: Arial, sans-serif;
+  color: #333;
   background-color: #eee;
+  margin-bottom: 12px;
   border: none;
   padding: 5px 10px;
   border-radius: 4px;
@@ -23,12 +18,3 @@ button.clear {
 button:hover {
   background-color: #cfd8dc;
 }
-button:disabled {
-  background-color: #eee;
-  color: #aaa;
-  cursor: auto;
-}
-button.clear {
-  color: #333;
-  margin-bottom: 12px;
-}
diff --git a/aio/content/examples/toh-pt5/src/app/messages/messages.component.css b/aio/content/examples/toh-pt5/src/app/messages/messages.component.css
index 6d328773b4fff..08585dcbaf8a4 100644
--- a/aio/content/examples/toh-pt5/src/app/messages/messages.component.css
+++ b/aio/content/examples/toh-pt5/src/app/messages/messages.component.css
@@ -4,17 +4,12 @@ h2 {
   font-family: Arial, Helvetica, sans-serif;
   font-weight: lighter;
 }
-body {
-  margin: 2em;
-}
-body, input[text], button {
-  color: crimson;
-  font-family: Cambria, Georgia;
-}
 
 button.clear {
-  font-family: Arial;
+  font-family: Arial, sans-serif;
+  color: #333;
   background-color: #eee;
+  margin-bottom: 12px;
   border: none;
   padding: 5px 10px;
   border-radius: 4px;
@@ -23,12 +18,3 @@ button.clear {
 button:hover {
   background-color: #cfd8dc;
 }
-button:disabled {
-  background-color: #eee;
-  color: #aaa;
-  cursor: auto;
-}
-button.clear {
-  color: #333;
-  margin-bottom: 12px;
-}
diff --git a/aio/content/examples/toh-pt6/src/app/messages/messages.component.css b/aio/content/examples/toh-pt6/src/app/messages/messages.component.css
index 6d328773b4fff..08585dcbaf8a4 100644
--- a/aio/content/examples/toh-pt6/src/app/messages/messages.component.css
+++ b/aio/content/examples/toh-pt6/src/app/messages/messages.component.css
@@ -4,17 +4,12 @@ h2 {
   font-family: Arial, Helvetica, sans-serif;
   font-weight: lighter;
 }
-body {
-  margin: 2em;
-}
-body, input[text], button {
-  color: crimson;
-  font-family: Cambria, Georgia;
-}
 
 button.clear {
-  font-family: Arial;
+  font-family: Arial, sans-serif;
+  color: #333;
   background-color: #eee;
+  margin-bottom: 12px;
   border: none;
   padding: 5px 10px;
   border-radius: 4px;
@@ -23,12 +18,3 @@ button.clear {
 button:hover {
   background-color: #cfd8dc;
 }
-button:disabled {
-  background-color: #eee;
-  color: #aaa;
-  cursor: auto;
-}
-button.clear {
-  color: #333;
-  margin-bottom: 12px;
-}
diff --git a/aio/content/examples/universal/src/app/messages/messages.component.css b/aio/content/examples/universal/src/app/messages/messages.component.css
index 6d328773b4fff..08585dcbaf8a4 100644
--- a/aio/content/examples/universal/src/app/messages/messages.component.css
+++ b/aio/content/examples/universal/src/app/messages/messages.component.css
@@ -4,17 +4,12 @@ h2 {
   font-family: Arial, Helvetica, sans-serif;
   font-weight: lighter;
 }
-body {
-  margin: 2em;
-}
-body, input[text], button {
-  color: crimson;
-  font-family: Cambria, Georgia;
-}
 
 button.clear {
-  font-family: Arial;
+  font-family: Arial, sans-serif;
+  color: #333;
   background-color: #eee;
+  margin-bottom: 12px;
   border: none;
   padding: 5px 10px;
   border-radius: 4px;
@@ -23,12 +18,3 @@ button.clear {
 button:hover {
   background-color: #cfd8dc;
 }
-button:disabled {
-  background-color: #eee;
-  color: #aaa;
-  cursor: auto;
-}
-button.clear {
-  color: #333;
-  margin-bottom: 12px;
-}