values-n-syntax.js 4.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104
  1. module.exports = [
  2. {
  3. 'should': 'Should mirror property value: border-radius (4 values)',
  4. 'expected': 'div { border-radius: 40.25px 10.5px 10.75px 40.3px; }',
  5. 'input': 'div { border-radius: 10.5px 40.25px 40.3px 10.75px; }',
  6. 'reversable': true
  7. },
  8. {
  9. 'should': 'Should mirror property value: border-radius (3 values)',
  10. 'expected': 'div { border-radius: 40.75px 10.75px 40.75px 40.3px; }',
  11. 'input': 'div { border-radius: 10.75px 40.75px 40.3px; }',
  12. 'reversable': false
  13. },
  14. {
  15. 'should': 'Should mirror property value: border-radius (2 values)',
  16. 'expected': 'div { border-radius: 40.25px 10.75px; }',
  17. 'input': 'div { border-radius: 10.75px 40.25px; }',
  18. 'reversable': true
  19. },
  20. {
  21. 'should': 'Should mirror property value: border-radius (4 values - double)',
  22. 'expected': 'div { border-radius: 40.25px 10.75px .5px 40.75px / .4em 1em 1em 4.5em; }',
  23. 'input': 'div { border-radius: 10.75px 40.25px 40.75px .5px / 1em .4em 4.5em 1em; }',
  24. 'reversable': true
  25. },
  26. {
  27. 'should': 'Should mirror property value: border-radius (3 values - double)',
  28. 'expected': 'div { border-radius: .40px 10.5px .40px 40px / 4em 1em 4em 3em; }',
  29. 'input': 'div { border-radius: 10.5px .40px 40px / 1em 4em 3em; }',
  30. 'reversable': false
  31. },
  32. {
  33. 'should': 'Should mirror property value: border-radius (2 values- double)',
  34. 'expected': 'div { border-radius: 40px 10px / 2.5em .75em; }',
  35. 'input': 'div { border-radius: 10px 40px / .75em 2.5em; }',
  36. 'reversable': true
  37. },
  38. {
  39. 'should': 'Should mirror property value: border-width',
  40. 'expected': 'div { border-width: 1px 4px .3em 2.5em; }',
  41. 'input': 'div { border-width: 1px 2.5em .3em 4px; }',
  42. 'reversable': true
  43. },
  44. {
  45. 'should': 'Should mirror property value: border-width (none length)',
  46. 'expected': 'div { border-width: thin medium thick none; }',
  47. 'input': 'div { border-width: thin none thick medium; }',
  48. 'reversable': true
  49. },
  50. {
  51. 'should': 'Should mirror property value: border-style (4 values)',
  52. 'expected': 'div { border-style: none dashed dotted solid; }',
  53. 'input': 'div { border-style: none solid dotted dashed; }',
  54. 'reversable': true
  55. },
  56. {
  57. 'should': 'Should mirror property value: border-color (4 values)',
  58. 'expected': 'div { border-color: rgba(255, 255, 255, 1) rgb( 0, 0, 0) #000 hsla(0, 100%, 50%, 1); }',
  59. 'input': 'div { border-color: rgba(255, 255, 255, 1) hsla(0, 100%, 50%, 1) #000 rgb( 0, 0, 0); }',
  60. 'reversable': true
  61. },
  62. {
  63. 'should': 'Should not mirror property value: border-color (3 values)',
  64. 'expected': 'div { border-color: #000 rgb( 0, 0, 0) hsla(0, 100%, 50%, 1); }',
  65. 'input': 'div { border-color: #000 rgb( 0, 0, 0) hsla(0, 100%, 50%, 1); }',
  66. 'reversable': false
  67. },
  68. {
  69. 'should': 'Should not mirror property value: border-color (2 values)',
  70. 'expected': 'div { border-color:rgb( 0, 0, 0) hsla(0, 100%, 50%, 1); }',
  71. 'input': 'div { border-color:rgb( 0, 0, 0) hsla(0, 100%, 50%, 1); }',
  72. 'reversable': false
  73. },
  74. {
  75. 'should': 'Should mirror property value: margin',
  76. 'expected': 'div { margin: .1em auto 3.5rem 2px; }',
  77. 'input': 'div { margin: .1em 2px 3.5rem auto; }',
  78. 'reversable': true
  79. },
  80. {
  81. 'should': 'Should mirror property value: padding',
  82. 'expected': 'div { padding: 1px 4px .3rem 2.5em; }',
  83. 'input': 'div { padding: 1px 2.5em .3rem 4px; }',
  84. 'reversable': true
  85. },
  86. {
  87. 'should': 'Should mirror property value: box-shadow',
  88. 'expected': 'div { box-shadow: -60px -16px rgba(0, 128, 128, 0.98), -10.25px 5px 5px #ff0, inset -0.5em 1em 0 white; }',
  89. 'input': 'div { box-shadow: 60px -16px rgba(0, 128, 128, 0.98), 10.25px 5px 5px #ff0, inset 0.5em 1em 0 white; }',
  90. 'reversable': true
  91. },
  92. {
  93. 'should': 'Should mirror property value: text-shadow',
  94. 'expected': 'div { text-shadow: -60px -16px rgba(0, 128, 128, 0.98), -10.25px 5px 5px #ff0, inset -0.5em 1em 0 white; }',
  95. 'input': 'div { text-shadow: 60px -16px rgba(0, 128, 128, 0.98), 10.25px 5px 5px #ff0, inset 0.5em 1em 0 white; }',
  96. 'reversable': true
  97. },
  98. {
  99. 'should': 'Should mirror property value (no digit before the dot): box-shadow, text-shadow',
  100. 'expected': 'div { box-shadow: inset -0.5em 1em 0 white; text-shadow: inset -0.5em 1em 0 white; }',
  101. 'input': 'div { box-shadow: inset .5em 1em 0 white; text-shadow: inset .5em 1em 0 white; }',
  102. 'reversable': false
  103. }
  104. ]