Accueil Explorer Aide
S'inscrire Connexion
php_first
/
insure
3
0
Fork 0
Fichiers Tickets 0 Pull Requests 0 Wiki
Aborescence: 62a4dda4d2
Branches Tags
insure
/
public
/
assets
/
addons
/
cms
/
less
/
qcss.less

qcss.less 1.7 KB
Historique Raw

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677 
  1. // QCSS spacing © https://github.com/diqidoq/qcss under GPL 3
    2. 

  2. 

  3. @space: 5px;
    4. 

  4. @min-height: 43px;
    5. 

  5. .generate-spacing-steps(4);
    6. 

  6. 

  7. .generate-spacing-steps(@n, @i: 0) when (@i =< @n) {
    8. 

  8.   .m-@{i} {
    9. 

  9.     margin-top: (@space * @i) !important;
    10. 

  10.     margin-right: (@space * @i) !important;
    11. 

  11.     margin-bottom: (@space * @i) !important;
    12. 

  12.     margin-left: (@space * @i) !important;
    13. 

  13.   }
    14. 

  14.   .mt-@{i} {
    15. 

  15.     margin-top: (@space * @i) !important;
    16. 

  16.   }
    17. 

  17.   .mr-@{i} {
    18. 

  18.     margin-right: (@space * @i) !important;
    19. 

  19.   }
    20. 

  20.   .mb-@{i} {
    21. 

  21.     margin-bottom: (@space * @i) !important;
    22. 

  22.   }
    23. 

  23.   .ml-@{i} {
    24. 

  24.     margin-left: (@space * @i) !important;
    25. 

  25.   }
    26. 

  26.   .mx-@{i} {
    27. 

  27.     margin-left: (@space * @i) !important;
    28. 

  28.     margin-right: (@space * @i) !important;
    29. 

  29.   }
    30. 

  30.   .my-@{i} {
    31. 

  31.     margin-top: (@space * @i) !important;
    32. 

  32.     margin-bottom: (@space * @i) !important;
    33. 

  33.   }
    34. 

  34.   .p-@{i} {
    35. 

  35.     padding-top: (@space * @i) !important;
    36. 

  36.     padding-right: (@space * @i) !important;
    37. 

  37.     padding-bottom: (@space * @i) !important;
    38. 

  38.     padding-left: (@space * @i) !important;
    39. 

  39.   }
    40. 

  40.   .pt-@{i} {
    41. 

  41.     padding-top: (@space * @i) !important;
    42. 

  42.   }
    43. 

  43.   .pr-@{i} {
    44. 

  44.     padding-right: (@space * @i) !important;
    45. 

  45.   }
    46. 

  46.   .pb-@{i} {
    47. 

  47.     padding-bottom: (@space * @i) !important;
    48. 

  48.   }
    49. 

  49.   .pl-@{i} {
    50. 

  50.     padding-left: (@space * @i) !important;
    51. 

  51.   }
    52. 

  52.   .px-@{i} {
    53. 

  53.     padding-left: (@space * @i) !important;
    54. 

  54.     padding-right: (@space * @i) !important;
    55. 

  55.   }
    56. 

  56.   .py-@{i} {
    57. 

  57.     padding-top: (@space * @i) !important;
    58. 

  58.     padding-bottom: (@space * @i) !important;
    59. 

  59.   }
    60. 

  60. 

  61.   .generate-spacing-steps(@n, (@i + 1));
    62. 

  62. }
    63. 

  63. 

  64. .mx-auto {
    65. 

  65.   margin: 0 auto !important;
    66. 

  66.   float: none !important;
    67. 

  67. }
    68. 

  68. 

  69. .my-auto-parent {
    70. 

  70.   position: relative !important;
    71. 

  71. }
    72. 

  72. 

  73. .my-auto {
    74. 

  74.   position: absolute !important;
    75. 

  75.   top: 50% !important;
    76. 

  76.   transform: translateY(-50%) !important;
    77. 

  77. }
    78.