chrome-extension-cli
Version:
The CLI for your next Chrome Extension.
96 lines (81 loc) • 1.34 kB
CSS
/* normalize css starts here */
*,
*::before,
*::after {
margin: 0;
padding: 0;
box-sizing: border-box;
}
ul {
list-style: none;
}
/* normalize css ends here */
html {
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial,
sans-serif;
color: #222;
}
.app {
height: 100%;
text-align: left;
padding: 20px;
}
.app-heading {
font-size: 20px;
font-weight: 700;
}
.tabs-list {
margin: 15px -8px;
}
.tab-container {
display: flex;
align-items: center;
padding: 8px;
cursor: pointer;
border-radius: 4px;
}
.tab-container:hover {
background-color: #fafafa;
}
.tab-image {
width: 20px;
height: 20px;
margin-right: 8px;
flex-shrink: 0;
}
.tab-image-placeholder {
font-size: 22px;
color: #555;
display: inline-flex;
align-items: center;
justify-content: center;
}
.tab-title {
font-size: 14px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.title {
font-size: 18px;
font-weight: 600;
margin-bottom: 10px;
text-align: center;
}
.subtitle {
font-size: 12px;
text-align: center;
}
code {
font-size: 12px;
font-family: inherit;
background-color: rgba(254, 237, 185, 0.3);
padding: 2px 4px;
border-radius: 2px;
}
.divider {
margin: 30px auto 25px;
width: 50px;
border: 0.5px dashed #000;
opacity: 0.1;
}