diff options
author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-28 12:38:04 +0000 |
---|---|---|
committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-28 12:38:04 +0000 |
commit | 1ff5c35de5dbd70a782875a91dd2232fd01b002b (patch) | |
tree | 77d9ce5e1bf78b3e6ef79f8f6e7861e2ced3c09b /asset/css/mixin | |
parent | Initial commit. (diff) | |
download | icinga-php-library-db00f2fd38bc3063de0d7b1412949bc50f248a1f.tar.xz icinga-php-library-db00f2fd38bc3063de0d7b1412949bc50f248a1f.zip |
Adding upstream version 0.10.1.upstream/0.10.1upstream
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to '')
-rw-r--r-- | asset/css/mixin/card.less | 23 | ||||
-rw-r--r-- | asset/css/mixin/mixins.less | 20 | ||||
-rw-r--r-- | asset/css/mixin/state-badges.less | 31 |
3 files changed, 74 insertions, 0 deletions
diff --git a/asset/css/mixin/card.less b/asset/css/mixin/card.less new file mode 100644 index 0000000..3823ba2 --- /dev/null +++ b/asset/css/mixin/card.less @@ -0,0 +1,23 @@ +.card() { + &.card { + .rounded-corners(.5em); + border: 1px solid var(--card-border-color, @card-border-color); + + .card-header { + display: flex; + align-items: baseline; + justify-content: space-between; + padding: .5em; + + border-bottom: 1px solid var(--card-border-color, @card-border-color); + + .meta span { + font-size: 11/12em; + } + } + + .card-body { + padding: .5em; + } + } +} diff --git a/asset/css/mixin/mixins.less b/asset/css/mixin/mixins.less new file mode 100644 index 0000000..3f2f107 --- /dev/null +++ b/asset/css/mixin/mixins.less @@ -0,0 +1,20 @@ +.rounded-corners(@border-radius: 0.4em) { + border-radius: @border-radius; + + -webkit-background-clip: padding-box; + -moz-background-clip: padding; + background-clip: padding-box; +} + +.appearance(@appearance) { + -webkit-appearance: @appearance; + -moz-appearance: @appearance; + -ms-appearance: @appearance; + appearance: @appearance; +} + +.box-shadow(@x: 0.2em; @y: 0.2em; @blur: 0.2em; @spread: 0; @color: rgba(83, 83, 83, 0.25)) { + -webkit-box-shadow: @arguments; + -moz-box-shadow: @arguments; + box-shadow: @arguments; +} diff --git a/asset/css/mixin/state-badges.less b/asset/css/mixin/state-badges.less new file mode 100644 index 0000000..61116cf --- /dev/null +++ b/asset/css/mixin/state-badges.less @@ -0,0 +1,31 @@ +.state-badges() { + &.state-badges { + padding: 0; + + ul { + padding: 0; + } + + li { + display: inline-block; + } + + li > ul > li:first-child:not(:last-child) .state-badge { + border-bottom-right-radius: 0; + border-top-right-radius: 0; + } + + li > ul > li:last-child:not(:first-child) .state-badge { + border-bottom-left-radius: 0; + border-top-left-radius: 0; + } + + > li:not(:last-child) { + margin-right: .25em; + } + + li > ul > li:last-child { + margin-left: 1px; + } + } +} |