Media queries to use variables when possible

pull/2448/head
Rigel Kent 2020-02-03 22:33:28 +01:00
parent 9677fca772
commit ece3029bd9
No known key found for this signature in database
GPG Key ID: 5E53E96A494E452F
7 changed files with 8 additions and 7 deletions

View File

@ -58,7 +58,7 @@
margin: 20px 0 50px;
}
@media screen and (max-width: 800px) {
@media screen and (max-width: $small-view) {
.video-channels-header {
text-align: center;
}

View File

@ -43,7 +43,7 @@
}
}
@media screen and (max-width: 800px) {
@media screen and (max-width: $small-view) {
.video-playlists-header {
text-align: center;
}

View File

@ -44,7 +44,7 @@
}
}
@media screen and (max-width: 500px) {
@media screen and (max-width: $mobile-view) {
width: auto;
}
}

View File

@ -61,7 +61,7 @@
}
}
@media screen and (max-width: 500px) {
@media screen and (max-width: $mobile-view) {
width: 70px;
.peertube-title {

View File

@ -1,3 +1,4 @@
@import '_variables';
@import '_mixins';
.cfp-hotkeys-container {
@ -93,7 +94,7 @@
cursor: pointer;
}
@media all and (max-width: 500px) {
@media all and (max-width: $mobile-view) {
.cfp-hotkeys {
font-size: 0.8em;
}

View File

@ -167,7 +167,7 @@ label {
color: var(--mainForegroundColor);
}
@media screen and (max-width: 500px) {
@media screen and (max-width: $mobile-view) {
margin-right: 15px;
}
}

View File

@ -240,7 +240,7 @@ $play-overlay-width: 18px;
width: $video-miniature-width * 2;
}
@media screen and (max-width: 500px) {
@media screen and (max-width: $mobile-view) {
width: auto;
margin: 0 !important;