mirror of
https://gitlab.com/Chill-Projet/chill-bundles.git
synced 2025-08-20 14:43:49 +00:00
integration, test css class floatbutton
This commit is contained in:
@@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
Reference in New Issue
Block a user