scss-library/public/rcss.css
2021-03-12 16:22:23 +01:00

143 lines
2.8 KiB
CSS

{
--breakPoint: 500px;
--fixedSize: 100px;
overflow-y: hidden;
margin: 0;
padding: 0;
top: 0;
bottom: 0;
left: 0;
right: 0;
border: none;
gap: 0;
--inner-spacing: 0px;
--outer-spacing: 0px;
gap: 0px;
flex-basis: calc(var(--breakPoint) * 999 - 100% * 999);
overflow: hidden;
--outer-spacing: 0;
--inner-spacing: 0;
flex-wrap: nowrap;
flex-direction: column;
flex-wrap: nowrap;
height: 100%;
}
& {
--inner-spacing: 0;
}
--outside {
flex-shrink: 999;
}
--inside {
flex-grow: 0;
}
.current_block__null--null {
margin-bottom: -100vh;
}
.current_block__null--null {
margin-bottom: unset;
height: unset;
}
.current_block__null--null {
margin-bottom: unset;
height: unset;
}
.RV-Fan {
--base-height: 280px;
--base-width: 320px;
display: flex;
position: relative;
min-width: min-content;
}
.RV-Fan__Base {
box-sizing: border-box;
flex-basis: var(--base-width);
flex-shrink: 0;
flex-grow: 0;
height: var(--base-height);
width: var(--base-width);
}
.RV-Fan__Base > * {
height: calc(100% - (2 * var(--outer-spacing)));
width: calc(100% - calc(2 * var(--outer-spacing)));
}
.RV-Fan__Surface {
overflow: hidden;
box-sizing: border-box;
height: var(--base-height);
flex-basis: var(--base-width);
min-width: var(--base-width);
flex-grow: 1;
}
.RV-Fan__Surface > * {
height: calc(100% - (2 * var(--outer-spacing)));
width: calc(100% - calc(2 * var(--outer-spacing)));
}
.RV-Fan__Surface--fixedHeight {
height: base-height;
box-sizing: border-box;
}
.RV-Fan__Surface--fixedWidth {
max-width: base-width;
box-sizing: border-box;
}
.RV-Fan--auto {
flex-flow: row wrap;
}
.RV-Fan--auto .RV-Fan__Base {
flex-grow: 1;
}
.RV-Fan--auto .RV-Fan__Surface {
box-sizing: border-box;
flex-grow: 99999;
}
.RV-Fan--vertical {
flex-direction: column;
width: var(--base-width);
min-width: initial;
}
.RV-Fan--vertical .RV-Fan__Surface {
width: base-width;
min-width: initial;
min-height: base-height;
}
.RV-Fan--horizontal {
--localBreakPoint: calc(2 * var(--base-width));
overflow-y: hidden;
margin: 0;
padding: 0;
top: 0;
bottom: 0;
left: 0;
right: 0;
border: none;
gap: 0;
--inner-spacing: 0px;
--outer-spacing: 0px;
gap: 0px;
flex-wrap: nowrap;
min-width: var(--base-width);
}
.RV-Fan--horizontal .RV-Fan__Surface {
flex-basis: calc(var(--localBreakPoint) * 999 - 100% * 999);
overflow: hidden;
--outer-spacing: 0;
--inner-spacing: 0;
}
.RV-Fan--horizontal .RV-Fan__Base {
flex-basis: calc(var(--localBreakPoint) * 999 - 100% * 999);
overflow: hidden;
--outer-spacing: 0;
--inner-spacing: 0;
flex-shrink: 999;
flex-basis: var(--base-width);
flex-grow: 0;
}
.RV-Fan--horizontal .RV-Fan__Base--wurst {
--wurst: wasser;
}
.RV-Fan--horizontal .RV-Fan__null {
margin-bottom: unset;
height: unset;
}