WebUI: wrap CSS <style>'s include attribute

The issue https://github.com/Polymer/polymer/pull/3668 was fixed in
Polymer 2. We can now wrap the <style> include attribute value if the
80 character line limit has been reached.

Change-Id: I77d992e260d8ce203759b9cd1015438ac427990a
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1639043Reviewed-by: Demetrios Papadopoulos <dpapad@chromium.org>
Commit-Queue: Esmael El-Moslimany <aee@chromium.org>
Cr-Commit-Position: refs/heads/master@{#665664}

chrome/browser/resources/chromeos/emulator/audio_settings.html

@@ -14,9 +14,8 @@
 
 <dom-module id="audio-settings">
   <template>
-    <!-- TODO(michaelpg): Wrap the line below to fit within the 80-char limit.
-         See https://github.com/Polymer/polymer/pull/3668. -->
-    <style include="device-emulator-shared-styles cr-shared-style iron-flex iron-flex-alignment iron-positioning">
+    <style include="device-emulator-shared-styles cr-shared-style iron-flex
+        iron-flex-alignment iron-positioning">
     </style>
     <cr-dialog id="editDialog">
       <div slot="title">[[currentEditableObject.deviceName]]</div>

chrome/browser/resources/chromeos/emulator/bluetooth_settings.html

@@ -14,9 +14,8 @@
 
 <dom-module id="bluetooth-settings">
   <template>
-    <!-- TODO(michaelpg): Wrap the line below to fit within the 80-char limit.
-         See https://github.com/Polymer/polymer/pull/3668. -->
-    <style include="device-emulator-shared-styles cr-shared-style iron-flex iron-flex-alignment iron-positioning">
+    <style include="device-emulator-shared-styles cr-shared-style iron-flex
+        iron-flex-alignment iron-positioning">
     </style>
     <cr-dialog id="editDialog">
       <div slot="title">[[currentEditableObject.alias]]</div>

chrome/browser/resources/chromeos/emulator/device_emulator_pages.html

@@ -17,9 +17,8 @@
 
 <dom-module id="device-emulator-pages">
   <template>
-    <!-- TODO(michaelpg): Wrap the line below to fit within the 80-char limit.
-         See https://github.com/Polymer/polymer/pull/3668. -->
-    <style include="device-emulator-shared-styles iron-flex iron-flex-alignment iron-positioning">
+    <style include="device-emulator-shared-styles iron-flex iron-flex-alignment
+        iron-positioning">
       :host {
         display: flex;
         flex-direction: column;

chrome/browser/resources/chromeos/emulator/input_device_settings.html

@@ -9,9 +9,8 @@
 
 <dom-module id="input-device-settings">
   <template>
-    <!-- TODO(michaelpg): Wrap the line below to fit within the 80-char limit.
-         See https://github.com/Polymer/polymer/pull/3668. -->
-    <style include="device-emulator-shared-styles iron-flex iron-flex-alignment iron-positioning">
+    <style include="device-emulator-shared-styles iron-flex iron-flex-alignment
+        iron-positioning">
       .content > *:not(:first-child) {
         margin-top: 10px;
       }

chrome/browser/resources/print_preview/ui/advanced_settings_item.html

@@ -13,7 +13,8 @@
 
 <dom-module id="print-preview-advanced-settings-item">
   <template>
-    <style include="print-preview-shared md-select search-highlight-style cr-hidden-style">
+    <style include="print-preview-shared md-select search-highlight-style
+        cr-hidden-style">
       :host {
         display: flex;
         min-height: 54px;

chrome/browser/resources/print_preview/ui/destination_dialog.html

@@ -35,7 +35,8 @@
 
 <dom-module id="print-preview-destination-dialog">
   <template>
-    <style include="print-preview-shared action-link md-select cr-hidden-style throbber paper-button-style">
+    <style include="print-preview-shared action-link md-select cr-hidden-style
+        throbber paper-button-style">
       #dialog {
         --cr-dialog-native: {
           height: calc(100vh - 2 * var(--print-preview-dialog-margin));

chrome/browser/resources/print_preview/ui/provisional_destination_resolver.html

@@ -16,7 +16,8 @@
 
 <dom-module id="print-preview-provisional-destination-resolver">
   <template>
-    <style include="print-preview-shared paper-button-style cr-hidden-style throbber">
+    <style include="print-preview-shared paper-button-style cr-hidden-style
+        throbber">
       #dialog {
         --cr-dialog-native: {
           height: -webkit-fit-content;

chrome/browser/resources/settings/internet_page/network_proxy_section.html

@@ -20,7 +20,8 @@
 
 <dom-module id="network-proxy-section">
   <template>
-    <style include="internet-shared cr-hidden-style iron-flex iron-flex-alignment">
+    <style include="internet-shared cr-hidden-style iron-flex
+        iron-flex-alignment">
       cr-policy-network-indicator {
         margin-inline-end: 10px;
       }

chrome/browser/resources/settings/settings_shared_css.html

@@ -9,7 +9,8 @@
 <!-- Common styles for Material Design settings. -->
 <dom-module id="settings-shared">
   <template>
-    <style include="settings-icons paper-button-style cr-shared-style search-highlight-style">
+    <style include="settings-icons paper-button-style cr-shared-style
+        search-highlight-style">
       /* Prevent action-links from being selected to avoid accidental
        * selection when trying to click it. */
       a[is=action-link] {

chrome/browser/resources/user_manager/control_bar.html

@@ -9,7 +9,8 @@
 
 <dom-module id="control-bar">
   <template>
-    <style include="shared-styles iron-flex iron-flex-alignment iron-positioning">
+    <style include="shared-styles iron-flex iron-flex-alignment
+        iron-positioning">
       #container {
         align-items: center;
         min-height: 32px;