chrome-devtools-frontend
Version:
Chrome DevTools UI
57 lines (50 loc) • 1.13 kB
CSS
/*
* Copyright 2022 The Chromium Authors. All rights reserved.
* Use of this source code is governed by a BSD-style license that can be
* found in the LICENSE file.
*/
:host {
display: block;
}
h1 {
font-weight: normal;
font-size: 18px;
line-height: 28px;
padding: 0;
margin-top: 0;
color: var(--color-text-primary);
}
.intro-steps {
counter-reset: custom-counter;
list-style: none;
margin: 16px 0 30px 30px;
padding: 0;
}
.intro-steps li {
color: var(--color-text-primary);
counter-increment: custom-counter;
font-size: 13px;
letter-spacing: 0.03em;
line-height: 1.54;
margin-bottom: 9px;
position: relative;
}
.intro-steps li::before {
--override-color-counter-background: rgba(26 115 232 / 25%);
box-sizing: border-box;
background: var(--override-color-counter-background);
border-radius: 50%;
color: var(--color-primary-old);
content: counter(custom-counter);
font-size: 12px;
height: 18px;
left: -30px;
line-height: 20px;
position: absolute;
text-align: center;
top: 0;
width: 18px;
display: flex;
align-items: center;
justify-content: center;
}