52 lines
989 B
SCSS
52 lines
989 B
SCSS
/* URL-to-Article plugin styles */
|
|
|
|
.url-to-article-bar {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 0.5rem;
|
|
padding: 0.5rem 0.75rem;
|
|
margin-bottom: 0.5rem;
|
|
background: var(--tertiary-low, #e8f4ff);
|
|
border: 1px solid var(--tertiary-medium, #8bc2f0);
|
|
border-radius: var(--d-border-radius, 4px);
|
|
font-size: var(--font-down-1);
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.url-to-article-icon {
|
|
font-size: 1.1em;
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.url-to-article-label {
|
|
flex: 1;
|
|
min-width: 8rem;
|
|
color: var(--primary-medium);
|
|
font-weight: 500;
|
|
}
|
|
|
|
.url-to-article-btn {
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.url-to-article-dismiss {
|
|
flex-shrink: 0;
|
|
padding: 0.25rem 0.5rem !important;
|
|
color: var(--primary-medium) !important;
|
|
}
|
|
|
|
.url-to-article-status {
|
|
font-style: italic;
|
|
font-size: var(--font-down-1);
|
|
|
|
&.url-to-article-status--info {
|
|
color: var(--tertiary);
|
|
}
|
|
&.url-to-article-status--success {
|
|
color: var(--success);
|
|
}
|
|
&.url-to-article-status--error {
|
|
color: var(--danger);
|
|
}
|
|
}
|