functions.scss 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173
  1. @function min($value1, $value2: 0) {
  2. @if type-of($value1) == list {
  3. $min: nth($value1, 1);
  4. @if is-null($min) {
  5. $min: 0;
  6. }
  7. @each $item in $value1 {
  8. @if is-null($item) {
  9. $item: 0;
  10. }
  11. @if ($item < $min) {
  12. $min: $item;
  13. }
  14. }
  15. @return $min;
  16. } @else {
  17. @if is-null($value1) {
  18. $value1: 0;
  19. }
  20. @if is-null($value2) {
  21. $value2: 0;
  22. }
  23. @if $value1 > $value2 {
  24. @return $value2;
  25. }
  26. @else if $value2 > $value1 {
  27. @return $value1;
  28. }
  29. }
  30. @return $value1;
  31. }
  32. @function max($value1, $value2: 0) {
  33. @if type-of($value1) == list {
  34. $max: nth($value1, 1);
  35. @if is-null($max) {
  36. $max: 0;
  37. }
  38. @each $item in $value1 {
  39. @if is-null($item) {
  40. $item: 0;
  41. }
  42. @if ($item > $max) {
  43. $max: $item;
  44. }
  45. }
  46. @return $max;
  47. } @else {
  48. @if is-null($value1) {
  49. $value1: 0;
  50. }
  51. @if is-null($value2) {
  52. $value2: 0;
  53. }
  54. @if $value1 > $value2 {
  55. @return $value1;
  56. }
  57. @else if $value2 > $value1 {
  58. @return $value2;
  59. }
  60. }
  61. @return $value1;
  62. }
  63. @function x($position) {
  64. @return parsebox($position, 1);
  65. }
  66. @function y($position) {
  67. @return parsebox($position, 2);
  68. }
  69. @function before($position) {
  70. @return parsebox($position, 1);
  71. }
  72. @function after($position) {
  73. @return parsebox($position, 2);
  74. }
  75. @function top($box, $fallbackBox) {
  76. @if $box == null {
  77. $box: $fallbackBox;
  78. }
  79. @return parsebox($box, 1);
  80. }
  81. @function right($box, $fallbackBox) {
  82. @if $box == null {
  83. $box: $fallbackBox;
  84. }
  85. @return parsebox($box, 2);
  86. }
  87. @function bottom($box, $fallbackBox) {
  88. @if $box == null {
  89. $box: $fallbackBox;
  90. }
  91. @return parsebox($box, 3);
  92. }
  93. @function left($box, $fallbackBox) {
  94. @if $box == null {
  95. $box: $fallbackBox;
  96. }
  97. @return parsebox($box, 4);
  98. }
  99. @function vertical($box, $fallbackBox) {
  100. @if $box == null {
  101. $box: $fallbackBox;
  102. }
  103. @return top($box) + bottom($box);
  104. }
  105. @function horizontal($box, $fallbackBox) {
  106. @if $box == null {
  107. $box: $fallbackBox;
  108. }
  109. @return left($box) + right($box);
  110. }
  111. @function boxmax($box, $fallbackBox) {
  112. @if $box == null {
  113. $box: $fallbackBox;
  114. }
  115. @return max(max(top($box), right($box)), max(bottom($box), left($box)));
  116. }
  117. @function boxmin($box, $fallbackBox) {
  118. @if $box == null {
  119. $box: $fallbackBox;
  120. }
  121. @return min(min(top($box), right($box)), min(bottom($box), left($box)));
  122. }
  123. @function rotate90($box) {
  124. @return left($box) top($box) right($box) bottom($box);
  125. }
  126. @function rotate180($box) {
  127. @return bottom($box) left($box) top($box) right($box);
  128. }
  129. @function rotate270($box) {
  130. @return right($box) bottom($box) left($box) top($box);
  131. }
  132. @function flip-vertical($box) {
  133. @return bottom($box) right($box) top($box) left($box);
  134. }
  135. @function flip-horizontal($box) {
  136. @return top($box) left($box) bottom($box) right($box);
  137. }
  138. @function rtl($box) {
  139. @return top($box) left($box) bottom($box) right($box);
  140. }
  141. @function rtl-background-position($pos) {
  142. $x: parsebox($pos, 1);
  143. $new-x: null;
  144. @if $x == right or $x == 100% {
  145. $new-x: 0;
  146. } @else if $x == 0 or $x == left {
  147. $new-x: right;
  148. } @else {
  149. $new-x: $x;
  150. }
  151. @return $new-x parsebox($pos, 2);
  152. }
  153. @function nopx ($value) {
  154. @if $value == 0 {
  155. @return 0;
  156. }
  157. @return $value / 1px;
  158. }