summaryrefslogtreecommitdiffstats
path: root/asset/css/mixin
diff options
context:
space:
mode:
authorDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-28 12:38:04 +0000
committerDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-28 12:38:04 +0000
commit1ff5c35de5dbd70a782875a91dd2232fd01b002b (patch)
tree77d9ce5e1bf78b3e6ef79f8f6e7861e2ced3c09b /asset/css/mixin
parentInitial commit. (diff)
downloadicinga-php-library-1ff5c35de5dbd70a782875a91dd2232fd01b002b.tar.xz
icinga-php-library-1ff5c35de5dbd70a782875a91dd2232fd01b002b.zip
Adding upstream version 0.10.1.upstream/0.10.1upstream
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'asset/css/mixin')
-rw-r--r--asset/css/mixin/card.less23
-rw-r--r--asset/css/mixin/mixins.less20
-rw-r--r--asset/css/mixin/state-badges.less31
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;
+ }
+ }
+}