Ladies_Man

@media check

May 15th, 2017
117
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 0.96 KB | None | 0 0
  1.   @media {
  2.     background-color: #f7f7f7;
  3.     /*
  4.     combo box popup window rendered outside cabinetUI
  5.     */
  6.     gwt-MenuItem {
  7.       font-size: 16px;
  8.       color: red;
  9.     }
  10.   }
  11.  
  12.   /*[width-range~="768px-991px"]*/
  13.   @media (max-width:991px) {
  14.     background-color: white;
  15.  
  16.     gwt-MenuItem {
  17.       font-size: 14px;
  18.       color: yellow;
  19.     }
  20.   }
  21.  
  22.   /*[width-range~="0-767px"]*/
  23.   @media (max-width:767px) {
  24.     background-color: grey;
  25.  
  26.     gwt-MenuItem {
  27.       font-size: 12px;
  28.       color: green;
  29.     }
  30.   }
  31. /*
  32.   .gwt-MenuItem {
  33.     @media {
  34.       font-size: 24px;
  35.     }
  36.     @media (max-width:991px) {
  37.       font-size: 22px;
  38.     }
  39.     @media (max-width:767px) {
  40.       font-size: 20px;
  41.     }
  42.   }*/
  43.  
  44.  
  45. $myVar1: 22px;
  46. $myVar2: 10px;
  47.  
  48. @media (max-width:991px) {
  49.   .mytheme {
  50.     .gwt-MenuItem {
  51.       font-size: $myVar1;
  52.     }
  53.   }
  54. }
  55. @media (max-width:767px) {
  56.   .mytheme {
  57.     .gwt-MenuItem {
  58.       font-size: $myVar2;
  59.     }
  60.   }
  61. }
Advertisement
Add Comment
Please, Sign In to add comment