1
0
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:
Angelos Chalaris
2017-12-04 12:33:38 +02:00
parent 92969f8847
commit 3a59b8f3f4
7 changed files with 174 additions and 1 deletions

41
dist/mini-default.css vendored
View File

@@ -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;
}

File diff suppressed because one or more lines are too long