integration, test css class floatbutton

This commit is contained in:
2021-09-02 11:39:50 +02:00
parent 81b7e769e1
commit eb067fe59b
2 changed files with 121 additions and 60 deletions

View File

@@ -256,3 +256,49 @@ div.wrap-header {
}
}
}
/*
* FLOATBUTTON
*/
div.floatbutton {
width: 100%;
div.box {
width: 100%;
div.action {
float: right; /*
width: 50%; */
}
}
&.top {
div.action {
//margin: 0 0 1em 1em;
padding: 0 0 1em 1em;
}
}
&.bottom {
display: flex;
overflow: hidden;
//margin-bottom: 100px;
div.action {
height: calc(100% - 0em);
shape-outside: inset(calc(100% - 2em) 0 0);
display: flex;
align-items: flex-end;
padding: 0 0 0 1em;
* {
align-self: flex-end !important;
}
}
}
&.debug {
padding: 1em;
border: 1px solid black;
background-color: yellow;
div.action {
background-color: #00ffffa3;
}
}
}