diff options
Diffstat (limited to 'chromium/chrome/browser/resources/welcome/shared/step_indicator.html')
-rw-r--r-- | chromium/chrome/browser/resources/welcome/shared/step_indicator.html | 50 |
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> |