scss-library/public/rcss.css

143 lines
2.8 KiB
CSS
Raw Normal View History

2021-03-12 16:22:23 +01:00
{
--breakPoint: 500px;
--fixedSize: 100px;
overflow-y: hidden;
margin: 0;
padding: 0;
2021-01-02 20:31:02 +01:00
top: 0;
bottom: 0;
left: 0;
2021-01-02 20:31:02 +01:00
right: 0;
border: none;
gap: 0;
2021-01-19 23:38:27 +01:00
--inner-spacing: 0px;
--outer-spacing: 0px;
gap: 0px;
2021-03-12 16:22:23 +01:00
flex-basis: calc(var(--breakPoint) * 999 - 100% * 999);
overflow: hidden;
2021-03-12 16:22:23 +01:00
--outer-spacing: 0;
--inner-spacing: 0;
flex-wrap: nowrap;
flex-direction: column;
flex-wrap: nowrap;
height: 100%;
2021-01-02 20:31:02 +01:00
}
2021-03-12 16:22:23 +01:00
& {
--inner-spacing: 0;
2021-01-02 20:31:02 +01:00
}
2021-03-12 16:22:23 +01:00
--outside {
flex-shrink: 999;
2021-01-02 20:31:02 +01:00
}
2021-03-12 16:22:23 +01:00
--inside {
flex-grow: 0;
2021-01-19 23:38:27 +01:00
}
2021-03-12 16:22:23 +01:00
.current_block__null--null {
margin-bottom: -100vh;
2021-01-19 23:38:27 +01:00
}
2021-03-12 16:22:23 +01:00
.current_block__null--null {
margin-bottom: unset;
height: unset;
}
2021-03-12 16:22:23 +01:00
.current_block__null--null {
margin-bottom: unset;
height: unset;
2021-01-02 20:31:02 +01:00
}
.RV-Fan {
--base-height: 280px;
--base-width: 320px;
2021-01-03 15:33:36 +01:00
display: flex;
2021-01-19 23:38:27 +01:00
position: relative;
min-width: min-content;
}
2021-03-12 16:22:23 +01:00
.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;
2021-03-12 16:22:23 +01:00
box-sizing: border-box;
height: var(--base-height);
flex-basis: var(--base-width);
min-width: var(--base-width);
flex-grow: 1;
}
2021-03-12 16:22:23 +01:00
.RV-Fan__Surface > * {
height: calc(100% - (2 * var(--outer-spacing)));
width: calc(100% - calc(2 * var(--outer-spacing)));
}
.RV-Fan__Surface--fixedHeight {
2021-03-12 16:22:23 +01:00
height: base-height;
box-sizing: border-box;
}
2021-03-12 16:22:23 +01:00
.RV-Fan__Surface--fixedWidth {
max-width: base-width;
box-sizing: border-box;
2021-01-03 15:33:36 +01:00
}
2021-03-12 16:22:23 +01:00
.RV-Fan--auto {
flex-flow: row wrap;
2021-01-03 15:33:36 +01:00
}
2021-03-12 16:22:23 +01:00
.RV-Fan--auto .RV-Fan__Base {
flex-grow: 1;
2021-01-03 15:33:36 +01:00
}
2021-03-12 16:22:23 +01:00
.RV-Fan--auto .RV-Fan__Surface {
box-sizing: border-box;
flex-grow: 99999;
2021-01-03 15:33:36 +01:00
}
.RV-Fan--vertical {
flex-direction: column;
2021-03-12 16:22:23 +01:00
width: var(--base-width);
min-width: initial;
2021-01-03 15:33:36 +01:00
}
.RV-Fan--vertical .RV-Fan__Surface {
2021-03-12 16:22:23 +01:00
width: base-width;
min-width: initial;
2021-03-12 16:22:23 +01:00
min-height: base-height;
2021-01-08 17:55:56 +01:00
}
.RV-Fan--horizontal {
2021-03-12 16:22:23 +01:00
--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;
2021-03-12 16:22:23 +01:00
gap: 0px;
flex-wrap: nowrap;
min-width: var(--base-width);
}
2021-03-12 16:22:23 +01:00
.RV-Fan--horizontal .RV-Fan__Surface {
flex-basis: calc(var(--localBreakPoint) * 999 - 100% * 999);
overflow: hidden;
2021-03-12 16:22:23 +01:00
--outer-spacing: 0;
--inner-spacing: 0;
}
2021-03-12 16:22:23 +01:00
.RV-Fan--horizontal .RV-Fan__Base {
flex-basis: calc(var(--localBreakPoint) * 999 - 100% * 999);
overflow: hidden;
2021-03-12 16:22:23 +01:00
--outer-spacing: 0;
--inner-spacing: 0;
2021-03-12 16:22:23 +01:00
flex-shrink: 999;
flex-basis: var(--base-width);
flex-grow: 0;
}
2021-03-12 16:22:23 +01:00
.RV-Fan--horizontal .RV-Fan__Base--wurst {
--wurst: wasser;
}
2021-03-12 16:22:23 +01:00
.RV-Fan--horizontal .RV-Fan__null {
margin-bottom: unset;
height: unset;
2021-01-03 17:02:32 +01:00
}