You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

36 lines
1.5 KiB

  1. /* Responsive Widths */
  2. @modalComputerWidth: 700px;
  3. @modalLargeMonitorWidth: 800px;
  4. @modalWidescreenMonitorWidth: 850px;
  5. @modalComputerMargin: 0em 0em 0em -(@modalComputerWidth / 2);
  6. @modalLargeMonitorMargin: 0em 0em 0em -(@modalLargeMonitorWidth / 2);
  7. @modalWidescreenMonitorMargin: 0em 0em 0em -(@modalWidescreenMonitorWidth / 2);
  8. /*-------------------
  9. Variations
  10. --------------------*/
  11. /* Sizes */
  12. @modalSmallRatio: 0.6;
  13. @modalLargeRatio: 1.2;
  14. /* Derived Responsive Sizes */
  15. @modalSmallHeaderSize: 1.3em;
  16. @modalSmallComputerWidth: (@modalComputerWidth * @modalSmallRatio);
  17. @modalSmallLargeMonitorWidth: (@modalLargeMonitorWidth * @modalSmallRatio);
  18. @modalSmallWidescreenMonitorWidth: (@modalWidescreenMonitorWidth * @modalSmallRatio);
  19. @modalSmallComputerMargin: 0em 0em 0em -(@modalSmallComputerWidth / 2);
  20. @modalSmallLargeMonitorMargin: 0em 0em 0em -(@modalSmallLargeMonitorWidth / 2);
  21. @modalSmallWidescreenMonitorMargin: 0em 0em 0em -(@modalSmallWidescreenMonitorWidth / 2);
  22. @modalLargeHeaderSize: 1.3em;
  23. @modalLargeComputerWidth: (@modalComputerWidth * @modalLargeRatio);
  24. @modalLargeLargeMonitorWidth: (@modalLargeMonitorWidth * @modalLargeRatio);
  25. @modalLargeWidescreenMonitorWidth: (@modalWidescreenMonitorWidth * @modalLargeRatio);
  26. @modalLargeComputerMargin: 0em 0em 0em -(@modalLargeComputerWidth / 2);
  27. @modalLargeLargeMonitorMargin: 0em 0em 0em -(@modalLargeLargeMonitorWidth / 2);
  28. @modalLargeWidescreenMonitorMargin: 0em 0em 0em -(@modalLargeWidescreenMonitorWidth / 2);