WebUI cr-toast cleanup: Remove unnecessary CSS variables.

Bug: None
Cq-Include-Trybots: master.tryserver.chromium.linux:closure_compilation
Change-Id: Ia98166dd4e2e59db2c4b0700ec4d0979f0149e18
Reviewed-on: https://chromium-review.googlesource.com/961362Reviewed-by: Steven Bennetts <stevenjb@chromium.org>
Commit-Queue: Demetrios Papadopoulos <dpapad@chromium.org>
Cr-Commit-Position: refs/heads/master@{#543211}

ui/webui/resources/cr_elements/cr_toast/cr_toast.html

@@ -4,33 +4,30 @@
   <template>
     <style>
       :host {
-        align-items: var(--cr-toast-align-items, center);
-        background-color: var(--cr-toast-background-color, #323232);
-        border-radius: var(--cr-toast-border-radius, 4px);
-        bottom: var(--cr-toast-bottom, 0);
-        box-shadow: var(--cr-toast-box-shadow, 0 2px 4px 0 rgba(0, 0, 0, 0.28));
-        box-sizing: var(--cr-toast-box-sizing, border-box);
-        display: var(--cr-toast-display, flex);
-        margin: var(--cr-toast-margin, 24px);
-        max-width: var(--cr-toast-max-width, 568px);
-        min-height: var(--cr-toast-min-height, 52px);
-        min-width: var(--cr-toast-min-width, 288px);
-        opacity: var(--cr-toast-opacity-closed, 0);
-        padding: var(--cr-toast-padding, 0 24px);
-        position: var(--cr-toast-position, fixed);
-        transform: var(--cr-toast-transform-closed, translateY(100px));
-        transition:
-          opacity var(--cr-toast-transition-time-opacity, 300ms),
-          transform var(--cr-toast-transition-time-transform, 300ms),
-          visibility var(--cr-toast-transition-time-visibility, 300ms);
-        visibility: var(--cr-toast-visibility-closed, hidden);
-        white-space: var(--cr-toast-white-space, nowrap);
+        align-items: center;
+        background-color: #323232;
+        border-radius: 4px;
+        bottom: 0;
+        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.28);
+        box-sizing: border-box;
+        display: flex;
+        margin: 24px;
+        max-width: 568px;
+        min-height: 52px;
+        min-width: 288px;
+        opacity: 0;
+        padding: 0 24px;
+        position: fixed;
+        transform: translateY(100px);
+        transition: opacity 300ms, transform 300ms, visibility 300ms;
+        visibility: hidden;
+        white-space: nowrap;
       }
 
       :host([open]) {
-        opacity: var(--cr-toast-opacity-open, 1);
-        transform: var(--cr-toast-transform-open, translateY(0));
-        visibility: var(--cr-toast-visibility-open, visible);
+        opacity: 1;
+        transform: translateY(0);
+        visibility: visible;
       }
     </style>
     <slot></slot>