mixin.css 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108
  1. @mixin clearfix {}
  2. @mixin clearfix{}
  3. @mixin clearfix {}
  4. @mixin clearfix
  5. {}
  6. @mixin
  7. clearfix
  8. {}
  9. @mixin
  10. clearfix
  11. {
  12. }
  13. @mixin
  14. clearfix
  15. {
  16. }
  17. @mixin mix($arg, $arg1, $arg2: 10, $args...) {}
  18. @mixin mix($arg,$arg1,$arg2:10,$args...){}
  19. @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {}
  20. @mixin mix ( $arg , $arg1 , $arg2 : 10 , $args ... ) {}
  21. @mixin mix(
  22. $arg,
  23. $arg1,
  24. $arg2: 10,
  25. $args...
  26. ) {}
  27. @mixin
  28. mix(
  29. $arg,
  30. $arg1,
  31. $arg2: 10,
  32. $args...
  33. ) {}
  34. @mixin
  35. mix
  36. (
  37. $arg
  38. ,
  39. $arg1
  40. ,
  41. $arg2
  42. :
  43. 10
  44. ,
  45. $args
  46. ...
  47. )
  48. {
  49. }
  50. @mixin
  51. mix
  52. (
  53. $arg
  54. ,
  55. $arg1
  56. ,
  57. $arg2
  58. :
  59. 10
  60. ,
  61. $args
  62. ...
  63. )
  64. {
  65. }
  66. @mixin mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-args...) {}
  67. @mixin component($conf: ()) {}
  68. @mixin component($conf: ( )) {}
  69. @mixin button-variant($hover-background: darken($background, 7.5%)) {}
  70. @mixin button-variant( $hover-background : darken( $background , 7.5% ) ) {}
  71. @mixin button-variant($hover-background:darken($background,7.5%)) {}
  72. @mixin button-variant(
  73. $hover-background: darken($background, 7.5%)
  74. ) {}
  75. @mixin
  76. button-variant(
  77. $hover-background
  78. :
  79. darken(
  80. $background
  81. ,
  82. 7.5%
  83. )
  84. )
  85. {}
  86. @mixin button-variant($foo: "...") {}
  87. @mixin button-variant($foo: " ... ") {}
  88. @mixin button-variant($foo: " ... ") {}
  89. @mixin sexy-border($color, $width, $foo: (color: red)) {}