Format sass files
This commit is contained in:
@@ -12,7 +12,9 @@
|
|||||||
button {
|
button {
|
||||||
background-color: var(--theme-color-background-light);
|
background-color: var(--theme-color-background-light);
|
||||||
z-index: 9999;
|
z-index: 9999;
|
||||||
box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%), 0 1px 5px 0 rgb(0 0 0 / 12%);
|
box-shadow:
|
||||||
|
0 1px 2px 0 rgb(0 0 0 / 10%),
|
||||||
|
0 1px 5px 0 rgb(0 0 0 / 12%);
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
@@ -32,7 +34,22 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.resizeHandle {
|
.resizeHandle {
|
||||||
background: linear-gradient(45deg, transparent 0px,transparent 4px, var(--color-owncast-palette-6) 4px, var(--color-owncast-palette-6) 5px, transparent 5px, transparent 9px, var(--color-owncast-palette-6) 9px, var(--color-owncast-palette-6) 10px, transparent 10px, transparent 14px, var(--color-owncast-palette-6) 14px, var(--color-owncast-palette-6) 15px, transparent 15px);
|
background: linear-gradient(
|
||||||
|
45deg,
|
||||||
|
transparent 0px,
|
||||||
|
transparent 4px,
|
||||||
|
var(--color-owncast-palette-6) 4px,
|
||||||
|
var(--color-owncast-palette-6) 5px,
|
||||||
|
transparent 5px,
|
||||||
|
transparent 9px,
|
||||||
|
var(--color-owncast-palette-6) 9px,
|
||||||
|
var(--color-owncast-palette-6) 10px,
|
||||||
|
transparent 10px,
|
||||||
|
transparent 14px,
|
||||||
|
var(--color-owncast-palette-6) 14px,
|
||||||
|
var(--color-owncast-palette-6) 15px,
|
||||||
|
transparent 15px
|
||||||
|
);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
width: 30px;
|
width: 30px;
|
||||||
@@ -73,10 +90,10 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.chatAccessibilityHidden {
|
.chatAccessibilityHidden {
|
||||||
top:0;
|
top: 0;
|
||||||
left:-2px;
|
left: -2px;
|
||||||
width:1px;
|
width: 1px;
|
||||||
height:1px;
|
height: 1px;
|
||||||
position:absolute;
|
position: absolute;
|
||||||
overflow:hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -14,7 +14,6 @@
|
|||||||
border-top: 1px solid rgb(214 211 211 / 50%);
|
border-top: 1px solid rgb(214 211 211 / 50%);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
||||||
|
|
||||||
@include screen(tablet) {
|
@include screen(tablet) {
|
||||||
font-size: 10px;
|
font-size: 10px;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -10,7 +10,8 @@ $follow-modal-width: 300px;
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
background-image: linear-gradient(to bottom, rgb(18 22 29 / 0%) 0%, rgb(18 22 29 / 75%) 100%),
|
background-image:
|
||||||
|
linear-gradient(to bottom, rgb(18 22 29 / 0%) 0%, rgb(18 22 29 / 75%) 100%),
|
||||||
radial-gradient(circle, rgb(18 22 29 / 0%) 0%, rgb(18 22 29 / 50%) 100%),
|
radial-gradient(circle, rgb(18 22 29 / 0%) 0%, rgb(18 22 29 / 50%) 100%),
|
||||||
linear-gradient(to bottom, rgb(122 92 243 / 100%) 0%, rgb(35 134 226 / 100%) 100%),
|
linear-gradient(to bottom, rgb(122 92 243 / 100%) 0%, rgb(35 134 226 / 100%) 100%),
|
||||||
linear-gradient(rgb(240 243 248 / 100%), rgb(240 243 248 / 100%));
|
linear-gradient(rgb(240 243 248 / 100%), rgb(240 243 248 / 100%));
|
||||||
|
|||||||
Reference in New Issue
Block a user