71 lines
1.8 KiB
SCSS
71 lines
1.8 KiB
SCSS
|
@media only screen and (max-width: $smallScreen) {
|
||
|
.watermark {
|
||
|
width: 20%;
|
||
|
height: 20%;
|
||
|
}
|
||
|
|
||
|
.new-toolbox {
|
||
|
.toolbox-content {
|
||
|
.button-group-center, .button-group-left, .button-group-right {
|
||
|
.toolbox-button {
|
||
|
.toolbox-icon {
|
||
|
width: 28px;
|
||
|
height: 28px;
|
||
|
svg {
|
||
|
width: 18px;
|
||
|
height: 18px;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
&:nth-child(2) {
|
||
|
.toolbox-icon {
|
||
|
width: 30px;
|
||
|
height: 30px;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@media only screen and (max-width: $verySmallScreen) {
|
||
|
#videoResolutionLabel {
|
||
|
display: none;
|
||
|
}
|
||
|
.desktop-browser {
|
||
|
.vertical-filmstrip .filmstrip {
|
||
|
display: none;
|
||
|
}
|
||
|
}
|
||
|
.new-toolbox {
|
||
|
.toolbox-content {
|
||
|
.button-group-center, .button-group-left, .button-group-right {
|
||
|
.settings-button-small-icon {
|
||
|
display: none;
|
||
|
}
|
||
|
.toolbox-button {
|
||
|
.toolbox-icon {
|
||
|
width: 18px;
|
||
|
height: 18px;
|
||
|
svg {
|
||
|
width: 12px;
|
||
|
height: 12px;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
&:nth-child(2) {
|
||
|
.toolbox-icon {
|
||
|
width: 20px;
|
||
|
height: 20px;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
.chrome-extension-banner {
|
||
|
display: none;
|
||
|
}
|
||
|
}
|