Sha256: 0f0775aed79baf18f3d27ec681e85396928a06d155700167298771ce3b27153e
Contents?: true
Size: 1.77 KB
Versions: 9
Compression:
Stored size: 1.77 KB
Contents
alchemy-message {
display: block;
border-width: $default-border-width;
border-style: $default-border-style;
border-radius: $default-border-radius;
position: relative;
padding: var(--spacing-2) var(--spacing-4) var(--spacing-2) var(--spacing-8);
margin-bottom: var(--spacing-2);
text-align: left;
min-height: 2.6em;
word-break: break-word;
line-height: 1.5;
turbo-frame & {
margin: var(--spacing-2);
}
&[type="footnote"] {
font-size: var(--font-size_small);
margin: var(--spacing-4);
}
&[type="notice"] {
border-color: $success_border_color;
color: $success_text_color;
background-color: $success_background_color;
}
&[type="hint"] {
background-color: $hint-background-color;
border-color: $hint-background-color;
color: $hint-text-color;
}
&[type="info"] {
background-color: $info_background_color;
border-color: $info_border_color;
color: $info_text_color;
}
&[type="error"] {
background-color: $error_background_color;
border-color: $error_border_color;
color: $error_text_color;
}
&[type="warning"],
&[type="warn"],
&[type="alert"] {
background-color: $warning_background_color;
border-color: $warning_border_color;
color: $warning_text_color;
}
alchemy-icon {
position: absolute;
left: var(--spacing-2);
top: 9px;
color: inherit;
.icon {
fill: currentColor;
}
}
h1 {
font-size: 1.3rem;
line-height: 1.1;
}
h1,
h2,
h3 {
margin-top: 0;
}
a {
text-decoration: underline;
&:hover {
color: inherit;
text-decoration: none;
}
}
ol {
margin: 0 0 var(--spacing-2);
padding-left: var(--spacing-5);
li {
text-indent: 0;
margin-bottom: var(--spacing-1);
}
}
}
Version data entries
9 entries across 9 versions & 1 rubygems