mirror of
https://github.com/Chalarangelo/mini.css.git
synced 2025-07-31 02:50:26 +02:00
Contextual module marks added
Fully functional, pretty much the same as the old ones, except for some color changes.
This commit is contained in:
41
dist/mini-default.css
vendored
41
dist/mini-default.css
vendored
@@ -1270,3 +1270,44 @@ footer.sticky {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
Definitions for contextual background elements, toasts and tooltips.
|
||||
*/
|
||||
/* Contextual module CSS variable definitions */
|
||||
:root {
|
||||
--mark-back-color: #0277bd;
|
||||
--mark-fore-color: #fafafa;
|
||||
}
|
||||
|
||||
mark {
|
||||
background: var(--mark-back-color);
|
||||
color: var(--mark-fore-color);
|
||||
font-size: 0.95em;
|
||||
line-height: 1em;
|
||||
border-radius: var(--universal-border-radius);
|
||||
padding: calc(var(--universal-padding) / 4) calc(var(--universal-padding) / 2);
|
||||
}
|
||||
|
||||
mark.inline-block {
|
||||
display: inline-block;
|
||||
font-size: 1em;
|
||||
line-height: 1.5;
|
||||
padding: calc(var(--universal-padding) / 2) var(--universal-padding);
|
||||
}
|
||||
|
||||
/*
|
||||
Custom elements for contextual background elements, toasts and tooltips.
|
||||
*/
|
||||
mark.secondary {
|
||||
--mark-back-color: #d32f2f;
|
||||
}
|
||||
|
||||
mark.tertiary {
|
||||
--mark-back-color: #308732;
|
||||
}
|
||||
|
||||
mark.tag {
|
||||
padding: calc(var(--universal-padding)/2) var(--universal-padding);
|
||||
border-radius: 1em;
|
||||
}
|
||||
|
2
dist/mini-default.min.css
vendored
2
dist/mini-default.min.css
vendored
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user