Debugging

1 files changed, 97 insertions, 13 deletions

diff --git a/librevideojs/css/mix-material/master.css b/librevideojs/css/mix-material/master.css
index 7e2e157..5b4d9eb 100644
--- a/librevideojs/css/mix-material/master.css
+++ b/librevideojs/css/mix-material/master.css
@@ -494,6 +494,22 @@ color: rgb(11, 137, 237);
 background-color: inherit;
 }
 
+@media screen and (max-width: 400px){
+ .librevjs-libre-mixblue-skin .librevjs-big-play-button{
+ font-size: 2em;
+ }
+}
+@media screen and (max-width: 150px){
+ .librevjs-libre-mixblue-skin .librevjs-big-play-button{
+ font-size: 1.8em;
+ }
+}
+@media screen and (max-width: 90px){
+ .librevjs-libre-mixblue-skin .librevjs-big-play-button{
+ font-size: 1.4em;
+ }
+}
+
 /* Skin-Grey -------------------------------------------------------------------------------------------------------*/
 
 .librevjs-libre-mixgrey-skin {
@@ -957,6 +973,22 @@ color: #9e9e9e;
 background-color: inherit;
 }
 
+@media screen and (max-width: 400px){
+ .librevjs-libre-mixgrey-skin .librevjs-big-play-button{
+ font-size: 2em;
+ }
+}
+@media screen and (max-width: 150px){
+ .librevjs-libre-mixgrey-skin .librevjs-big-play-button{
+ font-size: 1.8em;
+ }
+}
+@media screen and (max-width: 90px){
+ .librevjs-libre-mixgrey-skin .librevjs-big-play-button{
+ font-size: 1.4em;
+ }
+}
+
 /* Skin-Purple -----------------------------------------------------------------------------------------------------*/
 .librevjs-libre-mixpurple-skin {
 color:#ccc;
@@ -1419,6 +1451,23 @@ background-color: inherit;
 color: #8e44ad;
 background-color: inherit;
 }
+
+@media screen and (max-width: 400px){
+ .librevjs-libre-mixpurple-skin .librevjs-big-play-button{
+ font-size: 2em;
+ }
+}
+@media screen and (max-width: 150px){
+ .librevjs-libre-mixpurple-skin .librevjs-big-play-button{
+ font-size: 1.8em;
+ }
+}
+@media screen and (max-width: 90px){
+ .librevjs-libre-mixpurple-skin .librevjs-big-play-button{
+ font-size: 1.4em;
+ }
+}
+
 /* Skin-Red --------------------------------------------------------------------------------------------------------*/
 
 .librevjs-libre-mixred-skin {
@@ -1883,6 +1932,22 @@ color: rgb(244, 67, 54);
 background-color: inherit;
 }
 
+@media screen and (max-width: 400px){
+ .librevjs-libre-mixred-skin .librevjs-big-play-button{
+ font-size: 2em;
+ }
+}
+@media screen and (max-width: 150px){
+ .librevjs-libre-mixred-skin .librevjs-big-play-button{
+ font-size: 1.8em;
+ }
+}
+@media screen and (max-width: 90px){
+ .librevjs-libre-mixred-skin .librevjs-big-play-button{
+ font-size: 1.4em;
+ }
+}
+
 /* Skin-Teal -------------------------------------------------------------------------------------------------------*/
 
 
@@ -2349,6 +2414,22 @@ color: rgb(29, 233, 182);
 background-color: inherit;
 }
 
+@media screen and (max-width: 400px){
+ .librevjs-libre-mixteal-skin .librevjs-big-play-button{
+ font-size: 2em;
+ }
+}
+@media screen and (max-width: 150px){
+ .librevjs-libre-mixteal-skin .librevjs-big-play-button{
+ font-size: 1.8em;
+ }
+}
+@media screen and (max-width: 90px){
+ .librevjs-libre-mixteal-skin .librevjs-big-play-button{
+ font-size: 1.4em;
+ }
+}
+
 /* Skin-Yellow -----------------------------------------------------------------------------------------------------*/
 
 
@@ -2815,6 +2896,22 @@ color: #f39c12;
 background-color: inherit;
 }
 
+@media screen and (max-width: 400px){
+ .librevjs-libre-mixyellow-skin .librevjs-big-play-button{
+ font-size: 2em;
+ }
+}
+@media screen and (max-width: 150px){
+ .librevjs-libre-mixyellow-skin .librevjs-big-play-button{
+ font-size: 1.8em;
+ }
+}
+@media screen and (max-width: 90px){
+ .librevjs-libre-mixyellow-skin .librevjs-big-play-button{
+ font-size: 1.4em;
+ }
+}
+
 
 /* Global Styles
 ==============================================================================*/
@@ -3058,9 +3155,6 @@ left: 0;
  .cliplibre-js .librevjs-text-track{
  font-size: 1em;
  }
- .librevjs-big-play-button{
- font-size: 2em;
- }
  .cliplibre-js .librevjs-text-track-display{
  bottom: 1em;
  }
@@ -3070,13 +3164,3 @@ left: 0;
     font-size:6px;
   }
 }
-@media screen and (max-width: 150px){
- .librevjs-big-play-button{
- font-size: 1.8em;
- }
-}
-@media screen and (max-width: 90px){
- .librevjs-big-play-button{
- font-size: 1.4em;
- }
-}