summaryrefslogtreecommitdiffstats
path: root/chromium/chrome/browser/resources/welcome/shared/step_indicator.html
diff options
context:
space:
mode:
Diffstat (limited to 'chromium/chrome/browser/resources/welcome/shared/step_indicator.html')
-rw-r--r--chromium/chrome/browser/resources/welcome/shared/step_indicator.html50
1 files changed, 20 insertions, 30 deletions
diff --git a/chromium/chrome/browser/resources/welcome/shared/step_indicator.html b/chromium/chrome/browser/resources/welcome/shared/step_indicator.html
index 4123eb53301..4caec81cbe7 100644
--- a/chromium/chrome/browser/resources/welcome/shared/step_indicator.html
+++ b/chromium/chrome/browser/resources/welcome/shared/step_indicator.html
@@ -1,32 +1,22 @@
-<link rel="import" href="chrome://resources/html/polymer.html">
+<style include="navi-colors-css">
+ :host {
+ align-items: center;
+ display: flex;
+ }
-<link rel="import" href="chrome://resources/cr_elements/shared_vars_css.html">
-<link rel="import" href="navi_colors_css.html">
+ span {
+ background: var(--navi-step-indicator-color);
+ border-radius: 50%;
+ display: inline-block;
+ height: 8px;
+ margin: 0 4px;
+ width: 8px;
+ }
-<dom-module id="step-indicator">
- <template>
- <style include="navi-colors-css">
- :host {
- align-items: center;
- display: flex;
- }
-
- span {
- background: var(--navi-step-indicator-color);
- border-radius: 50%;
- display: inline-block;
- height: 8px;
- margin: 0 4px;
- width: 8px;
- }
-
- span.active {
- background: var(--navi-step-indicator-active-color);
- }
- </style>
- <template is="dom-repeat" items="[[dots_]]">
- <span class$="[[getActiveClass_(index, model.active)]]"></span>
- </template>
- </template>
- <script src="step_indicator.js"></script>
-</dom-module>
+ span.active {
+ background: var(--navi-step-indicator-active-color);
+ }
+</style>
+<template is="dom-repeat" items="[[dots_]]">
+ <span class$="[[getActiveClass_(index, model.active)]]"></span>
+</template>