@otovo/rainbow-tailwind
Advanced tools
Comparing version 2.0.0 to 3.0.0
@@ -13,3 +13,3 @@ "use strict"; | ||
sm: '0 1px 2px 0 rgba(0, 0, 0, 0.05)', | ||
"default": '0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)', | ||
DEFAULT: '0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)', | ||
md: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)', | ||
@@ -28,2 +28,2 @@ lg: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)', | ||
exports.boxShadow = boxShadow; | ||
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90aGVtZS9ib3hTaGFkb3cuanMiXSwibmFtZXMiOlsiYm94U2hhZG93IiwieHMiLCJzbSIsIm1kIiwibGciLCJ4bCIsImlubmVyIiwib3V0bGluZSIsImNvbG9ycyIsImRpZ2l0YWxpdGUiLCJncmV5Iiwibm9uZSIsImluaGVyaXQiLCJpbml0aWFsIiwidW5zZXQiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFBQTs7QUFFTyxJQUFNQSxTQUFTLEdBQUc7QUFDdkJDLEVBQUFBLEVBQUUsRUFBRSwrQkFEbUI7QUFFdkJDLEVBQUFBLEVBQUUsRUFBRSxpQ0FGbUI7QUFHdkIsYUFBUyxpRUFIYztBQUl2QkMsRUFBQUEsRUFBRSxFQUFFLHVFQUptQjtBQUt2QkMsRUFBQUEsRUFBRSxFQUFFLHlFQUxtQjtBQU12QkMsRUFBQUEsRUFBRSxFQUFFLDJFQU5tQjtBQU92QixTQUFPLHVDQVBnQjtBQVF2QkMsRUFBQUEsS0FBSyxFQUFFLHVDQVJnQjtBQVN2QkMsRUFBQUEsT0FBTyxzQkFBZUMsZUFBT0MsVUFBdEIsQ0FUZ0I7QUFVdkIsdUNBQThCRCxlQUFPRSxJQUFQLENBQVksSUFBWixDQUE5QixDQVZ1QjtBQVd2QkMsRUFBQUEsSUFBSSxFQUFFLE1BWGlCO0FBWXZCQyxFQUFBQSxPQUFPLEVBQUUsU0FaYztBQWF2QkMsRUFBQUEsT0FBTyxFQUFFLFNBYmM7QUFjdkJDLEVBQUFBLEtBQUssRUFBRTtBQWRnQixDQUFsQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNvbG9ycyB9IGZyb20gJy4vY29sb3JzJztcblxuZXhwb3J0IGNvbnN0IGJveFNoYWRvdyA9IHtcbiAgeHM6ICcwIDAgMCAxcHggcmdiYSgwLCAwLCAwLCAwLjA1KScsXG4gIHNtOiAnMCAxcHggMnB4IDAgcmdiYSgwLCAwLCAwLCAwLjA1KScsXG4gIGRlZmF1bHQ6ICcwIDFweCAzcHggMCByZ2JhKDAsIDAsIDAsIDAuMSksIDAgMXB4IDJweCAwIHJnYmEoMCwgMCwgMCwgMC4wNiknLFxuICBtZDogJzAgNHB4IDZweCAtMXB4IHJnYmEoMCwgMCwgMCwgMC4xKSwgMCAycHggNHB4IC0xcHggcmdiYSgwLCAwLCAwLCAwLjA2KScsXG4gIGxnOiAnMCAxMHB4IDE1cHggLTNweCByZ2JhKDAsIDAsIDAsIDAuMSksIDAgNHB4IDZweCAtMnB4IHJnYmEoMCwgMCwgMCwgMC4wNSknLFxuICB4bDogJzAgMjBweCAyNXB4IC01cHggcmdiYSgwLCAwLCAwLCAwLjEpLCAwIDEwcHggMTBweCAtNXB4IHJnYmEoMCwgMCwgMCwgMC4wNCknLFxuICAnMnhsJzogJzAgMjVweCA1MHB4IC0xMnB4IHJnYmEoMCwgMCwgMCwgMC4yNSknLFxuICBpbm5lcjogJ2luc2V0IDAgMnB4IDRweCAwIHJnYmEoMCwgMCwgMCwgMC4wNiknLFxuICBvdXRsaW5lOiBgMCAwIDAgM3B4ICR7Y29sb3JzLmRpZ2l0YWxpdGV9YCxcbiAgJ291dGxpbmUtaW5wdXQnOiBgMCAwIDAgMXB4ICR7Y29sb3JzLmdyZXlbJzcwJ119YCxcbiAgbm9uZTogJ25vbmUnLFxuICBpbmhlcml0OiAnaW5oZXJpdCcsXG4gIGluaXRpYWw6ICdpbml0aWFsJyxcbiAgdW5zZXQ6ICd1bnNldCcsXG59OyJdfQ== | ||
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90aGVtZS9ib3hTaGFkb3cuanMiXSwibmFtZXMiOlsiYm94U2hhZG93IiwieHMiLCJzbSIsIkRFRkFVTFQiLCJtZCIsImxnIiwieGwiLCJpbm5lciIsIm91dGxpbmUiLCJjb2xvcnMiLCJkaWdpdGFsaXRlIiwiZ3JleSIsIm5vbmUiLCJpbmhlcml0IiwiaW5pdGlhbCIsInVuc2V0Il0sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBQUE7O0FBRU8sSUFBTUEsU0FBUyxHQUFHO0FBQ3ZCQyxFQUFBQSxFQUFFLEVBQUUsK0JBRG1CO0FBRXZCQyxFQUFBQSxFQUFFLEVBQUUsaUNBRm1CO0FBR3ZCQyxFQUFBQSxPQUFPLEVBQUUsaUVBSGM7QUFJdkJDLEVBQUFBLEVBQUUsRUFBRSx1RUFKbUI7QUFLdkJDLEVBQUFBLEVBQUUsRUFBRSx5RUFMbUI7QUFNdkJDLEVBQUFBLEVBQUUsRUFBRSwyRUFObUI7QUFPdkIsU0FBTyx1Q0FQZ0I7QUFRdkJDLEVBQUFBLEtBQUssRUFBRSx1Q0FSZ0I7QUFTdkJDLEVBQUFBLE9BQU8sc0JBQWVDLGVBQU9DLFVBQXRCLENBVGdCO0FBVXZCLHVDQUE4QkQsZUFBT0UsSUFBUCxDQUFZLElBQVosQ0FBOUIsQ0FWdUI7QUFXdkJDLEVBQUFBLElBQUksRUFBRSxNQVhpQjtBQVl2QkMsRUFBQUEsT0FBTyxFQUFFLFNBWmM7QUFhdkJDLEVBQUFBLE9BQU8sRUFBRSxTQWJjO0FBY3ZCQyxFQUFBQSxLQUFLLEVBQUU7QUFkZ0IsQ0FBbEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjb2xvcnMgfSBmcm9tICcuL2NvbG9ycyc7XG5cbmV4cG9ydCBjb25zdCBib3hTaGFkb3cgPSB7XG4gIHhzOiAnMCAwIDAgMXB4IHJnYmEoMCwgMCwgMCwgMC4wNSknLFxuICBzbTogJzAgMXB4IDJweCAwIHJnYmEoMCwgMCwgMCwgMC4wNSknLFxuICBERUZBVUxUOiAnMCAxcHggM3B4IDAgcmdiYSgwLCAwLCAwLCAwLjEpLCAwIDFweCAycHggMCByZ2JhKDAsIDAsIDAsIDAuMDYpJyxcbiAgbWQ6ICcwIDRweCA2cHggLTFweCByZ2JhKDAsIDAsIDAsIDAuMSksIDAgMnB4IDRweCAtMXB4IHJnYmEoMCwgMCwgMCwgMC4wNiknLFxuICBsZzogJzAgMTBweCAxNXB4IC0zcHggcmdiYSgwLCAwLCAwLCAwLjEpLCAwIDRweCA2cHggLTJweCByZ2JhKDAsIDAsIDAsIDAuMDUpJyxcbiAgeGw6ICcwIDIwcHggMjVweCAtNXB4IHJnYmEoMCwgMCwgMCwgMC4xKSwgMCAxMHB4IDEwcHggLTVweCByZ2JhKDAsIDAsIDAsIDAuMDQpJyxcbiAgJzJ4bCc6ICcwIDI1cHggNTBweCAtMTJweCByZ2JhKDAsIDAsIDAsIDAuMjUpJyxcbiAgaW5uZXI6ICdpbnNldCAwIDJweCA0cHggMCByZ2JhKDAsIDAsIDAsIDAuMDYpJyxcbiAgb3V0bGluZTogYDAgMCAwIDNweCAke2NvbG9ycy5kaWdpdGFsaXRlfWAsXG4gICdvdXRsaW5lLWlucHV0JzogYDAgMCAwIDFweCAke2NvbG9ycy5ncmV5Wyc3MCddfWAsXG4gIG5vbmU6ICdub25lJyxcbiAgaW5oZXJpdDogJ2luaGVyaXQnLFxuICBpbml0aWFsOiAnaW5pdGlhbCcsXG4gIHVuc2V0OiAndW5zZXQnLFxufTsiXX0= |
@@ -16,3 +16,3 @@ "use strict"; | ||
'50': '#fe8f65', | ||
"default": '#fe8f65', | ||
DEFAULT: '#fe8f65', | ||
'60': '#f27350', | ||
@@ -35,3 +35,3 @@ '70': '#db5c40', | ||
'60': '#1e40b4', | ||
"default": '#1e40b4', | ||
DEFAULT: '#1e40b4', | ||
'70': '#1f3a95', | ||
@@ -56,3 +56,3 @@ '80': '#1f3478', | ||
'90': '#1a1a47', | ||
"default": '#1a1a47', | ||
DEFAULT: '#1a1a47', | ||
'100': '#0d0d24' | ||
@@ -74,3 +74,3 @@ }; | ||
'90': '#1b2438', | ||
"default": '#1b2438', | ||
DEFAULT: '#1b2438', | ||
'100': '#0d121c' | ||
@@ -85,3 +85,3 @@ }; | ||
'40': '#11efa1', | ||
"default": '#11efa1', | ||
DEFAULT: '#11efa1', | ||
'45': '#07e392', | ||
@@ -103,3 +103,3 @@ '50': '#04cc83', | ||
'50': '#e23b3e', | ||
"default": '#e23b3e', | ||
DEFAULT: '#e23b3e', | ||
'60': '#d42a31', | ||
@@ -135,2 +135,2 @@ '70': '#bf1f29', | ||
exports.colors = colors; | ||
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90aGVtZS9jb2xvcnMuanMiXSwibmFtZXMiOlsicGVhY2giLCJibHVlIiwibGlsYWMiLCJncmV5IiwiZ3JlZW4iLCJyZWQiLCJjb2xvcnMiLCJkaWdpdGFsIiwiZGlnaXRhbGl0ZSIsInRyYW5zcGFyZW50Iiwid2hpdGUiLCJibGFjayIsImhlYWRpbmciLCJib2R5IiwibXV0ZWQiLCJpbmhlcml0IiwiaW5pdGlhbCIsInVuc2V0Il0sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxJQUFNQSxLQUFLLEdBQUc7QUFDWixPQUFLLFNBRE87QUFFWixPQUFLLFNBRk87QUFHWixRQUFNLFNBSE07QUFJWixRQUFNLFNBSk07QUFLWixRQUFNLFNBTE07QUFNWixRQUFNLFNBTk07QUFPWixRQUFNLFNBUE07QUFRWixRQUFNLFNBUk07QUFTWixhQUFTLFNBVEc7QUFVWixRQUFNLFNBVk07QUFXWixRQUFNLFNBWE07QUFZWixRQUFNLFNBWk07QUFhWixRQUFNLFNBYk07QUFjWixRQUFNLFNBZE07QUFlWixTQUFPO0FBZkssQ0FBZDtBQWtCQSxJQUFNQyxJQUFJLEdBQUc7QUFDWCxPQUFLLFNBRE07QUFFWCxPQUFLLFNBRk07QUFHWCxRQUFNLFNBSEs7QUFJWCxRQUFNLFNBSks7QUFLWCxRQUFNLFNBTEs7QUFNWCxRQUFNLFNBTks7QUFPWCxRQUFNLFNBUEs7QUFRWCxRQUFNLFNBUks7QUFTWCxRQUFNLFNBVEs7QUFVWCxhQUFTLFNBVkU7QUFXWCxRQUFNLFNBWEs7QUFZWCxRQUFNLFNBWks7QUFhWCxRQUFNLFNBYks7QUFjWCxRQUFNLFNBZEs7QUFlWCxTQUFPO0FBZkksQ0FBYjtBQWtCQSxJQUFNQyxLQUFLLEdBQUc7QUFDWixPQUFLLFNBRE87QUFFWixPQUFLLFNBRk87QUFHWixRQUFNLFNBSE07QUFJWixRQUFNLFNBSk07QUFLWixRQUFNLFNBTE07QUFNWixRQUFNLFNBTk07QUFPWixRQUFNLFNBUE07QUFRWixRQUFNLFNBUk07QUFTWixRQUFNLFNBVE07QUFVWixRQUFNLFNBVk07QUFXWixRQUFNLFNBWE07QUFZWixRQUFNLFNBWk07QUFhWixhQUFTLFNBYkc7QUFjWixTQUFPO0FBZEssQ0FBZDtBQWlCQSxJQUFNQyxJQUFJLEdBQUc7QUFDWCxPQUFLLFNBRE07QUFFWCxPQUFLLFNBRk07QUFHWCxRQUFNLFNBSEs7QUFJWCxRQUFNLFNBSks7QUFLWCxRQUFNLFNBTEs7QUFNWCxRQUFNLFNBTks7QUFPWCxRQUFNLFNBUEs7QUFRWCxRQUFNLFNBUks7QUFTWCxRQUFNLFNBVEs7QUFVWCxRQUFNLFNBVks7QUFXWCxRQUFNLFNBWEs7QUFZWCxRQUFNLFNBWks7QUFhWCxRQUFNLFNBYks7QUFjWCxhQUFTLFNBZEU7QUFlWCxTQUFPO0FBZkksQ0FBYjtBQWtCQSxJQUFNQyxLQUFLLEdBQUc7QUFDWixPQUFLLFNBRE87QUFFWixPQUFLLFNBRk87QUFHWixRQUFNLFNBSE07QUFJWixRQUFNLFNBSk07QUFLWixRQUFNLFNBTE07QUFNWixRQUFNLFNBTk07QUFPWixhQUFTLFNBUEc7QUFRWixRQUFNLFNBUk07QUFTWixRQUFNLFNBVE07QUFVWixRQUFNLFNBVk07QUFXWixRQUFNLFNBWE07QUFZWixRQUFNLFNBWk07QUFhWixTQUFPO0FBYkssQ0FBZDtBQWdCQSxJQUFNQyxHQUFHLEdBQUc7QUFDVixPQUFLLFNBREs7QUFFVixPQUFLLFNBRks7QUFHVixRQUFNLFNBSEk7QUFJVixRQUFNLFNBSkk7QUFLVixRQUFNLFNBTEk7QUFNVixRQUFNLFNBTkk7QUFPVixRQUFNLFNBUEk7QUFRVixRQUFNLFNBUkk7QUFTVixhQUFTLFNBVEM7QUFVVixRQUFNLFNBVkk7QUFXVixRQUFNLFNBWEk7QUFZVixRQUFNLFNBWkk7QUFhVixTQUFPO0FBYkcsQ0FBWjtBQWdCTyxJQUFNQyxNQUFNLEdBQUc7QUFDcEI7QUFDQU4sRUFBQUEsS0FBSyxFQUFMQSxLQUZvQjtBQUdwQkMsRUFBQUEsSUFBSSxFQUFKQSxJQUhvQjtBQUlwQkMsRUFBQUEsS0FBSyxFQUFMQSxLQUpvQjtBQUtwQkMsRUFBQUEsSUFBSSxFQUFKQSxJQUxvQjtBQU1wQkMsRUFBQUEsS0FBSyxFQUFMQSxLQU5vQjtBQU9wQkMsRUFBQUEsR0FBRyxFQUFIQSxHQVBvQjtBQVFwQjtBQUNBRSxFQUFBQSxPQUFPLEVBQUUsU0FUVztBQVVwQkMsRUFBQUEsVUFBVSxFQUFFLFNBVlE7QUFXcEJDLEVBQUFBLFdBQVcsRUFBRSxhQVhPO0FBWXBCQyxFQUFBQSxLQUFLLEVBQUUsT0FaYTtBQWFwQkMsRUFBQUEsS0FBSyxFQUFFLE9BYmE7QUFjcEIsbUJBQWlCLGNBZEc7QUFlcEI7QUFDQUMsRUFBQUEsT0FBTyxFQUFFVixLQUFLLENBQUMsS0FBRCxDQWhCTTtBQWlCcEJXLEVBQUFBLElBQUksRUFBRVgsS0FBSyxDQUFDLElBQUQsQ0FqQlM7QUFrQnBCWSxFQUFBQSxLQUFLLEVBQUVYLElBQUksQ0FBQyxJQUFELENBbEJTO0FBbUJwQjtBQUNBWSxFQUFBQSxPQUFPLEVBQUUsU0FwQlc7QUFxQnBCQyxFQUFBQSxPQUFPLEVBQUUsU0FyQlc7QUFzQnBCQyxFQUFBQSxLQUFLLEVBQUU7QUF0QmEsQ0FBZiIsInNvdXJjZXNDb250ZW50IjpbImNvbnN0IHBlYWNoID0ge1xuICAnMSc6ICcjZmZmYWY3JyxcbiAgJzUnOiAnI2ZmZjJlYicsXG4gICcxMCc6ICcjZmZlMGQxJyxcbiAgJzIwJzogJyNmZmNhYjAnLFxuICAnMzAnOiAnI2ZmYjg5NicsXG4gICczNSc6ICcjZmZhODgxJyxcbiAgJzQwJzogJyNmZjliNzEnLFxuICAnNTAnOiAnI2ZlOGY2NScsXG4gIGRlZmF1bHQ6ICcjZmU4ZjY1JyxcbiAgJzYwJzogJyNmMjczNTAnLFxuICAnNzAnOiAnI2RiNWM0MCcsXG4gICc3NSc6ICcjYzk0ZDNhJyxcbiAgJzgwJzogJyNiMzQzMzQnLFxuICAnOTAnOiAnIzk5MzUyYycsXG4gICcxMDAnOiAnIzdhMjcyMCcsXG59O1xuXG5jb25zdCBibHVlID0ge1xuICAnMSc6ICcjZjlmYmZmJyxcbiAgJzUnOiAnI2YwZjRmZicsXG4gICcxMCc6ICcjZTBlYWZmJyxcbiAgJzIwJzogJyNjOGQ4ZmMnLFxuICAnMzAnOiAnI2EwYmFmNicsXG4gICczNSc6ICcjNzg5OWViJyxcbiAgJzQwJzogJyM1Mzc4ZGQnLFxuICAnNTAnOiAnIzMxNTZjNCcsXG4gICc2MCc6ICcjMWU0MGI0JyxcbiAgZGVmYXVsdDogJyMxZTQwYjQnLFxuICAnNzAnOiAnIzFmM2E5NScsXG4gICc4MCc6ICcjMWYzNDc4JyxcbiAgJzg1JzogJyMxYzJiNWQnLFxuICAnOTAnOiAnIzE1MjE0NCcsXG4gICcxMDAnOiAnIzEwMTgzMCcsXG59O1xuXG5jb25zdCBsaWxhYyA9IHtcbiAgJzEnOiAnI2ZhZmFmZicsXG4gICc1JzogJyNmNWY2ZmYnLFxuICAnMTAnOiAnI2VkZWZmZicsXG4gICcyMCc6ICcjZTZlOWZmJyxcbiAgJzI1JzogJyNkN2RjZjUnLFxuICAnMzAnOiAnI2M4Y2NlNicsXG4gICc0MCc6ICcjYjRiNWQxJyxcbiAgJzUwJzogJyM5YjljYmQnLFxuICAnNjAnOiAnIzdhN2NhMycsXG4gICc3MCc6ICcjNWE1Yjg1JyxcbiAgJzgwJzogJyMzNzM4NjMnLFxuICAnOTAnOiAnIzFhMWE0NycsXG4gIGRlZmF1bHQ6ICcjMWExYTQ3JyxcbiAgJzEwMCc6ICcjMGQwZDI0Jyxcbn1cblxuY29uc3QgZ3JleSA9IHtcbiAgJzEnOiAnI2Y5ZjlmYycsXG4gICc1JzogJyNmMGYxZjUnLFxuICAnMTAnOiAnI2RmZTFlOCcsXG4gICcyMCc6ICcjYzdjY2Q5JyxcbiAgJzMwJzogJyNiMWI4YzcnLFxuICAnMzUnOiAnIzlhYTJiMycsXG4gICc0MCc6ICcjODU4ZWExJyxcbiAgJzQ1JzogJyM2Yzc3OGMnLFxuICAnNTAnOiAnIzU2NjI3YScsXG4gICc2MCc6ICcjNDA0ZDY5JyxcbiAgJzcwJzogJyMyZjNkNTknLFxuICAnODAnOiAnIzI1MzA0YScsXG4gICc5MCc6ICcjMWIyNDM4JyxcbiAgZGVmYXVsdDogJyMxYjI0MzgnLFxuICAnMTAwJzogJyMwZDEyMWMnLFxufTtcblxuY29uc3QgZ3JlZW4gPSB7XG4gICcxJzogJyNmMGZmZjcnLFxuICAnNSc6ICcjZTBmZmVlJyxcbiAgJzEwJzogJyNiZGZmZTAnLFxuICAnMjAnOiAnIzhkZmNjYicsXG4gICczMCc6ICcjNGFmN2IyJyxcbiAgJzQwJzogJyMxMWVmYTEnLFxuICBkZWZhdWx0OiAnIzExZWZhMScsXG4gICc0NSc6ICcjMDdlMzkyJyxcbiAgJzUwJzogJyMwNGNjODMnLFxuICAnNjAnOiAnIzA3YWI3MCcsXG4gICc3MCc6ICcjMDM4YzViJyxcbiAgJzgwJzogJyMwMzcwNDgnLFxuICAnMTAwJzogJyMwNjQ1MmQnLFxufTtcblxuY29uc3QgcmVkID0ge1xuICAnMSc6ICcjZmZmNWY2JyxcbiAgJzUnOiAnI2ZmZTZlOCcsXG4gICcxMCc6ICcjZmZjOWNmJyxcbiAgJzIwJzogJyNmZmE4YjAnLFxuICAnMzAnOiAnI2ZmODU4ZCcsXG4gICc0MCc6ICcjZmM2ODZjJyxcbiAgJzQ1JzogJyNmMjRlNTMnLFxuICAnNTAnOiAnI2UyM2IzZScsXG4gIGRlZmF1bHQ6ICcjZTIzYjNlJyxcbiAgJzYwJzogJyNkNDJhMzEnLFxuICAnNzAnOiAnI2JmMWYyOScsXG4gICc4MCc6ICcjYWExNDIwJyxcbiAgJzEwMCc6ICcjODAwNTEzJyxcbn07XG5cbmV4cG9ydCBjb25zdCBjb2xvcnMgPSB7XG4gIC8vIFNjYWxlc1xuICBwZWFjaCxcbiAgYmx1ZSxcbiAgbGlsYWMsXG4gIGdyZXksXG4gIGdyZWVuLFxuICByZWQsXG4gIC8vIE1pc2MuXG4gIGRpZ2l0YWw6ICcjMzg1ZGZmJyxcbiAgZGlnaXRhbGl0ZTogJyM1N2JlZmYnLFxuICB0cmFuc3BhcmVudDogJ3RyYW5zcGFyZW50JyxcbiAgd2hpdGU6ICd3aGl0ZScsXG4gIGJsYWNrOiAnYmxhY2snLFxuICAnY3VycmVudC1jb2xvcic6ICdjdXJyZW50Q29sb3InLFxuICAvLyBUZXh0IGFsaWFzZXNcbiAgaGVhZGluZzogbGlsYWNbJzEwMCddLFxuICBib2R5OiBsaWxhY1snODAnXSxcbiAgbXV0ZWQ6IGdyZXlbJzUwJ10sXG4gIC8vIFJlc2V0c1xuICBpbmhlcml0OiAnaW5oZXJpdCcsXG4gIGluaXRpYWw6ICdpbml0aWFsJyxcbiAgdW5zZXQ6ICd1bnNldCcsXG59O1xuIl19 | ||
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90aGVtZS9jb2xvcnMuanMiXSwibmFtZXMiOlsicGVhY2giLCJERUZBVUxUIiwiYmx1ZSIsImxpbGFjIiwiZ3JleSIsImdyZWVuIiwicmVkIiwiY29sb3JzIiwiZGlnaXRhbCIsImRpZ2l0YWxpdGUiLCJ0cmFuc3BhcmVudCIsIndoaXRlIiwiYmxhY2siLCJoZWFkaW5nIiwiYm9keSIsIm11dGVkIiwiaW5oZXJpdCIsImluaXRpYWwiLCJ1bnNldCJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsSUFBTUEsS0FBSyxHQUFHO0FBQ1osT0FBSyxTQURPO0FBRVosT0FBSyxTQUZPO0FBR1osUUFBTSxTQUhNO0FBSVosUUFBTSxTQUpNO0FBS1osUUFBTSxTQUxNO0FBTVosUUFBTSxTQU5NO0FBT1osUUFBTSxTQVBNO0FBUVosUUFBTSxTQVJNO0FBU1pDLEVBQUFBLE9BQU8sRUFBRSxTQVRHO0FBVVosUUFBTSxTQVZNO0FBV1osUUFBTSxTQVhNO0FBWVosUUFBTSxTQVpNO0FBYVosUUFBTSxTQWJNO0FBY1osUUFBTSxTQWRNO0FBZVosU0FBTztBQWZLLENBQWQ7QUFrQkEsSUFBTUMsSUFBSSxHQUFHO0FBQ1gsT0FBSyxTQURNO0FBRVgsT0FBSyxTQUZNO0FBR1gsUUFBTSxTQUhLO0FBSVgsUUFBTSxTQUpLO0FBS1gsUUFBTSxTQUxLO0FBTVgsUUFBTSxTQU5LO0FBT1gsUUFBTSxTQVBLO0FBUVgsUUFBTSxTQVJLO0FBU1gsUUFBTSxTQVRLO0FBVVhELEVBQUFBLE9BQU8sRUFBRSxTQVZFO0FBV1gsUUFBTSxTQVhLO0FBWVgsUUFBTSxTQVpLO0FBYVgsUUFBTSxTQWJLO0FBY1gsUUFBTSxTQWRLO0FBZVgsU0FBTztBQWZJLENBQWI7QUFrQkEsSUFBTUUsS0FBSyxHQUFHO0FBQ1osT0FBSyxTQURPO0FBRVosT0FBSyxTQUZPO0FBR1osUUFBTSxTQUhNO0FBSVosUUFBTSxTQUpNO0FBS1osUUFBTSxTQUxNO0FBTVosUUFBTSxTQU5NO0FBT1osUUFBTSxTQVBNO0FBUVosUUFBTSxTQVJNO0FBU1osUUFBTSxTQVRNO0FBVVosUUFBTSxTQVZNO0FBV1osUUFBTSxTQVhNO0FBWVosUUFBTSxTQVpNO0FBYVpGLEVBQUFBLE9BQU8sRUFBRSxTQWJHO0FBY1osU0FBTztBQWRLLENBQWQ7QUFpQkEsSUFBTUcsSUFBSSxHQUFHO0FBQ1gsT0FBSyxTQURNO0FBRVgsT0FBSyxTQUZNO0FBR1gsUUFBTSxTQUhLO0FBSVgsUUFBTSxTQUpLO0FBS1gsUUFBTSxTQUxLO0FBTVgsUUFBTSxTQU5LO0FBT1gsUUFBTSxTQVBLO0FBUVgsUUFBTSxTQVJLO0FBU1gsUUFBTSxTQVRLO0FBVVgsUUFBTSxTQVZLO0FBV1gsUUFBTSxTQVhLO0FBWVgsUUFBTSxTQVpLO0FBYVgsUUFBTSxTQWJLO0FBY1hILEVBQUFBLE9BQU8sRUFBRSxTQWRFO0FBZVgsU0FBTztBQWZJLENBQWI7QUFrQkEsSUFBTUksS0FBSyxHQUFHO0FBQ1osT0FBSyxTQURPO0FBRVosT0FBSyxTQUZPO0FBR1osUUFBTSxTQUhNO0FBSVosUUFBTSxTQUpNO0FBS1osUUFBTSxTQUxNO0FBTVosUUFBTSxTQU5NO0FBT1pKLEVBQUFBLE9BQU8sRUFBRSxTQVBHO0FBUVosUUFBTSxTQVJNO0FBU1osUUFBTSxTQVRNO0FBVVosUUFBTSxTQVZNO0FBV1osUUFBTSxTQVhNO0FBWVosUUFBTSxTQVpNO0FBYVosU0FBTztBQWJLLENBQWQ7QUFnQkEsSUFBTUssR0FBRyxHQUFHO0FBQ1YsT0FBSyxTQURLO0FBRVYsT0FBSyxTQUZLO0FBR1YsUUFBTSxTQUhJO0FBSVYsUUFBTSxTQUpJO0FBS1YsUUFBTSxTQUxJO0FBTVYsUUFBTSxTQU5JO0FBT1YsUUFBTSxTQVBJO0FBUVYsUUFBTSxTQVJJO0FBU1ZMLEVBQUFBLE9BQU8sRUFBRSxTQVRDO0FBVVYsUUFBTSxTQVZJO0FBV1YsUUFBTSxTQVhJO0FBWVYsUUFBTSxTQVpJO0FBYVYsU0FBTztBQWJHLENBQVo7QUFnQk8sSUFBTU0sTUFBTSxHQUFHO0FBQ3BCO0FBQ0FQLEVBQUFBLEtBQUssRUFBTEEsS0FGb0I7QUFHcEJFLEVBQUFBLElBQUksRUFBSkEsSUFIb0I7QUFJcEJDLEVBQUFBLEtBQUssRUFBTEEsS0FKb0I7QUFLcEJDLEVBQUFBLElBQUksRUFBSkEsSUFMb0I7QUFNcEJDLEVBQUFBLEtBQUssRUFBTEEsS0FOb0I7QUFPcEJDLEVBQUFBLEdBQUcsRUFBSEEsR0FQb0I7QUFRcEI7QUFDQUUsRUFBQUEsT0FBTyxFQUFFLFNBVFc7QUFVcEJDLEVBQUFBLFVBQVUsRUFBRSxTQVZRO0FBV3BCQyxFQUFBQSxXQUFXLEVBQUUsYUFYTztBQVlwQkMsRUFBQUEsS0FBSyxFQUFFLE9BWmE7QUFhcEJDLEVBQUFBLEtBQUssRUFBRSxPQWJhO0FBY3BCLG1CQUFpQixjQWRHO0FBZXBCO0FBQ0FDLEVBQUFBLE9BQU8sRUFBRVYsS0FBSyxDQUFDLEtBQUQsQ0FoQk07QUFpQnBCVyxFQUFBQSxJQUFJLEVBQUVYLEtBQUssQ0FBQyxJQUFELENBakJTO0FBa0JwQlksRUFBQUEsS0FBSyxFQUFFWCxJQUFJLENBQUMsSUFBRCxDQWxCUztBQW1CcEI7QUFDQVksRUFBQUEsT0FBTyxFQUFFLFNBcEJXO0FBcUJwQkMsRUFBQUEsT0FBTyxFQUFFLFNBckJXO0FBc0JwQkMsRUFBQUEsS0FBSyxFQUFFO0FBdEJhLENBQWYiLCJzb3VyY2VzQ29udGVudCI6WyJjb25zdCBwZWFjaCA9IHtcbiAgJzEnOiAnI2ZmZmFmNycsXG4gICc1JzogJyNmZmYyZWInLFxuICAnMTAnOiAnI2ZmZTBkMScsXG4gICcyMCc6ICcjZmZjYWIwJyxcbiAgJzMwJzogJyNmZmI4OTYnLFxuICAnMzUnOiAnI2ZmYTg4MScsXG4gICc0MCc6ICcjZmY5YjcxJyxcbiAgJzUwJzogJyNmZThmNjUnLFxuICBERUZBVUxUOiAnI2ZlOGY2NScsXG4gICc2MCc6ICcjZjI3MzUwJyxcbiAgJzcwJzogJyNkYjVjNDAnLFxuICAnNzUnOiAnI2M5NGQzYScsXG4gICc4MCc6ICcjYjM0MzM0JyxcbiAgJzkwJzogJyM5OTM1MmMnLFxuICAnMTAwJzogJyM3YTI3MjAnLFxufTtcblxuY29uc3QgYmx1ZSA9IHtcbiAgJzEnOiAnI2Y5ZmJmZicsXG4gICc1JzogJyNmMGY0ZmYnLFxuICAnMTAnOiAnI2UwZWFmZicsXG4gICcyMCc6ICcjYzhkOGZjJyxcbiAgJzMwJzogJyNhMGJhZjYnLFxuICAnMzUnOiAnIzc4OTllYicsXG4gICc0MCc6ICcjNTM3OGRkJyxcbiAgJzUwJzogJyMzMTU2YzQnLFxuICAnNjAnOiAnIzFlNDBiNCcsXG4gIERFRkFVTFQ6ICcjMWU0MGI0JyxcbiAgJzcwJzogJyMxZjNhOTUnLFxuICAnODAnOiAnIzFmMzQ3OCcsXG4gICc4NSc6ICcjMWMyYjVkJyxcbiAgJzkwJzogJyMxNTIxNDQnLFxuICAnMTAwJzogJyMxMDE4MzAnLFxufTtcblxuY29uc3QgbGlsYWMgPSB7XG4gICcxJzogJyNmYWZhZmYnLFxuICAnNSc6ICcjZjVmNmZmJyxcbiAgJzEwJzogJyNlZGVmZmYnLFxuICAnMjAnOiAnI2U2ZTlmZicsXG4gICcyNSc6ICcjZDdkY2Y1JyxcbiAgJzMwJzogJyNjOGNjZTYnLFxuICAnNDAnOiAnI2I0YjVkMScsXG4gICc1MCc6ICcjOWI5Y2JkJyxcbiAgJzYwJzogJyM3YTdjYTMnLFxuICAnNzAnOiAnIzVhNWI4NScsXG4gICc4MCc6ICcjMzczODYzJyxcbiAgJzkwJzogJyMxYTFhNDcnLFxuICBERUZBVUxUOiAnIzFhMWE0NycsXG4gICcxMDAnOiAnIzBkMGQyNCcsXG59XG5cbmNvbnN0IGdyZXkgPSB7XG4gICcxJzogJyNmOWY5ZmMnLFxuICAnNSc6ICcjZjBmMWY1JyxcbiAgJzEwJzogJyNkZmUxZTgnLFxuICAnMjAnOiAnI2M3Y2NkOScsXG4gICczMCc6ICcjYjFiOGM3JyxcbiAgJzM1JzogJyM5YWEyYjMnLFxuICAnNDAnOiAnIzg1OGVhMScsXG4gICc0NSc6ICcjNmM3NzhjJyxcbiAgJzUwJzogJyM1NjYyN2EnLFxuICAnNjAnOiAnIzQwNGQ2OScsXG4gICc3MCc6ICcjMmYzZDU5JyxcbiAgJzgwJzogJyMyNTMwNGEnLFxuICAnOTAnOiAnIzFiMjQzOCcsXG4gIERFRkFVTFQ6ICcjMWIyNDM4JyxcbiAgJzEwMCc6ICcjMGQxMjFjJyxcbn07XG5cbmNvbnN0IGdyZWVuID0ge1xuICAnMSc6ICcjZjBmZmY3JyxcbiAgJzUnOiAnI2UwZmZlZScsXG4gICcxMCc6ICcjYmRmZmUwJyxcbiAgJzIwJzogJyM4ZGZjY2InLFxuICAnMzAnOiAnIzRhZjdiMicsXG4gICc0MCc6ICcjMTFlZmExJyxcbiAgREVGQVVMVDogJyMxMWVmYTEnLFxuICAnNDUnOiAnIzA3ZTM5MicsXG4gICc1MCc6ICcjMDRjYzgzJyxcbiAgJzYwJzogJyMwN2FiNzAnLFxuICAnNzAnOiAnIzAzOGM1YicsXG4gICc4MCc6ICcjMDM3MDQ4JyxcbiAgJzEwMCc6ICcjMDY0NTJkJyxcbn07XG5cbmNvbnN0IHJlZCA9IHtcbiAgJzEnOiAnI2ZmZjVmNicsXG4gICc1JzogJyNmZmU2ZTgnLFxuICAnMTAnOiAnI2ZmYzljZicsXG4gICcyMCc6ICcjZmZhOGIwJyxcbiAgJzMwJzogJyNmZjg1OGQnLFxuICAnNDAnOiAnI2ZjNjg2YycsXG4gICc0NSc6ICcjZjI0ZTUzJyxcbiAgJzUwJzogJyNlMjNiM2UnLFxuICBERUZBVUxUOiAnI2UyM2IzZScsXG4gICc2MCc6ICcjZDQyYTMxJyxcbiAgJzcwJzogJyNiZjFmMjknLFxuICAnODAnOiAnI2FhMTQyMCcsXG4gICcxMDAnOiAnIzgwMDUxMycsXG59O1xuXG5leHBvcnQgY29uc3QgY29sb3JzID0ge1xuICAvLyBTY2FsZXNcbiAgcGVhY2gsXG4gIGJsdWUsXG4gIGxpbGFjLFxuICBncmV5LFxuICBncmVlbixcbiAgcmVkLFxuICAvLyBNaXNjLlxuICBkaWdpdGFsOiAnIzM4NWRmZicsXG4gIGRpZ2l0YWxpdGU6ICcjNTdiZWZmJyxcbiAgdHJhbnNwYXJlbnQ6ICd0cmFuc3BhcmVudCcsXG4gIHdoaXRlOiAnd2hpdGUnLFxuICBibGFjazogJ2JsYWNrJyxcbiAgJ2N1cnJlbnQtY29sb3InOiAnY3VycmVudENvbG9yJyxcbiAgLy8gVGV4dCBhbGlhc2VzXG4gIGhlYWRpbmc6IGxpbGFjWycxMDAnXSxcbiAgYm9keTogbGlsYWNbJzgwJ10sXG4gIG11dGVkOiBncmV5Wyc1MCddLFxuICAvLyBSZXNldHNcbiAgaW5oZXJpdDogJ2luaGVyaXQnLFxuICBpbml0aWFsOiAnaW5pdGlhbCcsXG4gIHVuc2V0OiAndW5zZXQnLFxufTtcbiJdfQ== |
{ | ||
"name": "@otovo/rainbow-tailwind", | ||
"version": "2.0.0", | ||
"version": "3.0.0", | ||
"description": "Otovos design system implemented using Tailwind", | ||
@@ -31,9 +31,10 @@ "license": "UNLICENSED", | ||
"@babel/preset-env": "^7.10.2", | ||
"@tailwindcss/postcss7-compat": "^2.0.3", | ||
"autoprefixer": "^9", | ||
"np": "^6.2.4", | ||
"postcss": "^7", | ||
"tailwindcss": "npm:@tailwindcss/postcss7-compat", | ||
"watch": "^1.0.2" | ||
}, | ||
"dependencies": { | ||
"autoprefixer": "^9.8.4", | ||
"tailwindcss": "^1.4.6" | ||
} | ||
"dependencies": {} | ||
} |
326
README.md
@@ -66,1 +66,327 @@ # 🌈 rainbow-tailwind | ||
![Rainbows everywhere](https://media.giphy.com/media/Cx7yNo5TsPQru/giphy.gif) | ||
## Using Tailwind with Rainbow in Cloud | ||
**To use rainbow-tailwind** | ||
In order to use tailwind with the raibow-tailwind, some classes name need to be adapted when you will have to code some UI using rainbow-tailwind | ||
**Prefix '_' to use Tailwind in Cloud:** | ||
To be able to use Tailwind classes, they need to be call with the prefix '_' | ||
For instance, if you want to set a fixed width, you will see in the Tailwind's documentation the following syntax: | ||
`<div class="w-8 ..."></div>` | ||
In cloud, you will have to write: | ||
`<div class="_w-8 ..."></div>` | ||
**Responsive classes:** | ||
Rainbow has its own breakpoint delimiters. If you want to use the responsive classes described in Tailwind's documentation, you will have to use the matching syntax in Rainbow: | ||
Tailwind Breakpoint prefix | Rainbow-tailwind equivalent | Minimum width | ||
-- | -- | -- | ||
❌| s2 | 368px | ||
❌| s3 | 480px | ||
sm | m | 640px | ||
md | m2| 768px | ||
❌| m3| 960px | ||
lg | l | 1024px | ||
xl | l2 | 1280px | ||
2xl | l3 | 1536px | ||
**Font classes:** | ||
Font classes used in Rainbow are matching the ones used in Tailwind except text-base: | ||
Taiwind class | Rainbow-tailwind class | ||
-- | -- | ||
text-base | _text-md | ||
**Width:** | ||
Taiwind class | Rainbow-tailwind class | Properties | ||
-- | -- | -- | ||
w-| _w-0 | width: 0px; | ||
w-0.5| ❌| 0.125 rem; | ||
w-1 | _w-1 | width: 0.25rem; | ||
w-1.5 |❌ | width: 0.375rem; | ||
w-2 | _w-2 | width: 0.5rem; | ||
w-2.5 |❌ | width: 0.625rem; | ||
w-3 | _w-3 | width: 0.75rem; | ||
w-3.5 | ❌| width: 0.875rem; | ||
w-4 | _w-4 | width: 1rem; | ||
w-5 | _w-5 | width: 1.25rem; | ||
w-6 | _w-6 | width: 1.5rem; | ||
w-7 |❌ | width: 1.75rem; | ||
w-8 | _w-8 | width: 2rem; | ||
w-9 | ❌| width: 2.25rem; | ||
w-10 | _w-8 | width: 2.5rem; | ||
w-11 | ❌| width: 2.75rem; | ||
w-12 | _w-12 |width: 3rem; | ||
w-14 | ❌| width: 3.5rem; | ||
w-16 | _w-16 | width: 4rem; | ||
w-20 | _w-20 |width: 5rem; | ||
w-24 | _w-24 | width: 6rem; | ||
w-28 | ❌| width: 7rem; | ||
w-32 | _w-32 | width: 8rem; | ||
w-36 | ❌| width: 9rem; | ||
w-40 | _w-40 | width: 10rem; | ||
w-44 |❌| width: 11rem; | ||
w-48 | _w-48 | width: 12rem; | ||
w-52 |❌| width: 13rem; | ||
w-56 | _w-56 | width: 14rem; | ||
w-60 | ❌| width: 15rem; | ||
w-64 | _w-64 | width: 16rem; | ||
w-72 | ❌| width: 18rem; | ||
w-80 | _w-80 | width: 20rem; | ||
w-96 |_w-96 | width: 24rem; | ||
❌| _w-112 | 28rem | ||
❌| _w-128 | 32rem | ||
❌| _w-160 | 40rem | ||
❌| _w-192 | 48rem | ||
❌| _w-224 | 56rem | ||
❌| _w-256 | 64rem | ||
❌| _w-320 | 80rem | ||
❌| _w-384 | 96rem | ||
w-auto | _w-auto | width: auto; | ||
w-px |_w-px| width: 1px; | ||
w-1/2 | _w-1/2 | width: 50%; | ||
w-1/3 | _w-1/3 | width: 33.333333%; | ||
w-2/3 |_w-2/3| width: 66.666667%; | ||
w-1/4 |_w-1/4| width: 25%; | ||
w-2/4 | _w-2/4 | width: 50%; | ||
w-3/4 | _w-3/4| width: 75%; | ||
w-1/5 |_w-1/5 | width: 20%; | ||
w-2/5 | _w-2/5 | width: 40%; | ||
w-3/5 |_w-3/5 | width: 60%; | ||
w-4/5 |_w-4/5 | width: 80%; | ||
w-1/6 |_w-1/6 | width: 16.666667%; | ||
w-2/6 | _w-2/6 | width: 33.333333%; | ||
w-3/6 |_w-3/6 | width: 50%; | ||
w-4/6 | _w-4/6 | width: 66.666667%; | ||
w-5/6 | _w-5/6| width: 83.333333%; | ||
w-1/12 |_w-1/12 | width: 8.333333%; | ||
w-2/12 |_w-2/12| width: 16.666667%; | ||
w-3/12 | _w-3/12 | width: 25%; | ||
w-4/12 | _w-4/12 | width: 33.333333%; | ||
w-5/12 | _w-5/12 | width: 41.666667%; | ||
w-6/12 | _w-6/12 | width: 50%; | ||
w-7/12 | _w-7/12 | width: 58.333333%; | ||
w-8/12 |_w-1/2 | width: 66.666667%; | ||
w-9/12 | _w-8/12 | width: 75%; | ||
w-10/12 |_w-10/12 | width: 83.333333%; | ||
w-11/12 |_w-11/12 | width: 91.666667%; | ||
w-full | _w-full |width: 100%; | ||
w-screen | _w-screen |width: 100vw; | ||
**Max-width:** | ||
Taiwind class | Rainbow-tailwind class | Properties | ||
-- | -- | -- | ||
max-w-0 | _w-max-0 | max-width: 0rem; | ||
max-w-none | _max-w-none | max-width: none; | ||
max-w-xs | _max-w-80 | max-width: 20rem; | ||
max-w-sm |_max-w-96 | max-width: 24rem; | ||
max-w-md | _max-w-112 | max-width: 28rem; | ||
max-w-lg | _max-w-128 | max-width: 32rem; | ||
max-w-xl | ❌| max-width: 36rem; | ||
max-w-2xl | ❌| max-width: 42rem; | ||
max-w-3xl | _max-w-128 | max-width: 48rem; | ||
max-w-4xl | _max-w-224 | max-width: 56rem; | ||
max-w-5xl | _max-w-256 |max-width: 64rem; | ||
max-w-6xl | ❌| max-width: 72rem; | ||
max-w-7xl | _max-w-320 | max-width: 80rem; | ||
max-w-full | _max-w-full | max-width: 100%; | ||
max-w-min | ❌| max-width: min-content; | ||
max-w-max | ❌| max-width: max-content; | ||
max-w-prose | ❌| max-width: 65ch; | ||
max-w-screen-sm | ?tbd| max-width: 640px; | ||
max-w-screen-md | ? | max-width: 768px; | ||
max-w-screen-lg | ? tbd| max-width: 1024px; | ||
max-w-screen-xl | ❌| max-width: 1280px; | ||
max-w-screen-2xl | ❌| max-width: 1536px; | ||
**Min-width:** | ||
Taiwind class | Rainbow-tailwind class | Properties | ||
-- | -- | -- | ||
min-w-0 | _w-min-0 | min-width: 0rem; | ||
❌| _min-w-none | min-width: none; | ||
❌| _min-w-80 | min-width: 20rem; | ||
❌|_min-w-96 | min-width: 24rem; | ||
❌| _minw-112 | min-width: 28rem; | ||
❌| _min-w-128 | min-width: 32rem; | ||
❌| _min-w-128 | min-width: 48rem; | ||
❌| _min-w-224 | min-width: 56rem; | ||
❌| _min-w-256 |min-width: 64rem; | ||
❌| _min-w-320 | min-width: 80rem; | ||
min-w-full | _min-w-full | min-width: 100%; | ||
❌| _min-screen| screen: '100vw' | ||
**Height:** | ||
Taiwind class | Rainbow-tailwind class | Properties | ||
-- | -- | -- | ||
h-0 | _h-0 | height: 0px; | ||
h-0.5 | ❌|height: 0.125rem; | ||
h-1 | _h-1 |height: 0.25rem; | ||
h-1.5 | ❌| height: 0.375rem; | ||
h-2 | _h-2 | height: 0.5rem; | ||
h-2.5 | ❌| height: 0.625rem; | ||
h-3 |_h-3 | height: 0.75rem; | ||
h-3.5 | ❌| height: 0.875rem; | ||
h-4 | _h-4 | height: 1rem; | ||
h-5 | _h-5| height: 1.25rem; | ||
h-6 | _h-6| height: 1.5rem; | ||
h-7 | ❌| height: 1.75rem; | ||
h-8 | _h-8| height: 2rem; | ||
h-9 | ❌|height: 2.25rem; | ||
h-10 |_h-10 | height: 2.5rem; | ||
h-11 | ❌| height: 2.75rem; | ||
h-12 | _h-12 |height: 3rem; | ||
h-14 | ❌| height: 3.5rem; | ||
h-16 | _h-16 |height: 4rem; | ||
h-20 |_h-20 | height: 5rem; | ||
h-24 | _h-24 |height: 6rem; | ||
h-28 | ❌| height: 7rem; | ||
h-32 | _h-32 |height: 8rem; | ||
h-36 | ❌|height: 9rem; | ||
h-40 | _h-40 |height: 10rem; | ||
h-44 | ❌| height: 11rem; | ||
h-48 | _h-48 |height: 12rem; | ||
h-52 | _h-52 |height: 13rem; | ||
h-56 |_h-56 | height: 14rem; | ||
h-60 | ❌| height: 15rem; | ||
h-64 |_h-64 | height: 16rem; | ||
h-72 | ❌| height: 18rem; | ||
h-80 | _h-80 |height: 20rem; | ||
h-96 |_h-96 | height: 24rem; | ||
h-auto |_h-auto | height: auto; | ||
h-px | _h-px | height: 1px; | ||
h-1/2 | _h-1/2 | height: 50%; | ||
h-1/3 | _h-1/3 | height: 33.333333%; | ||
h-2/3 |_h-2/3 | height: 66.666667%; | ||
h-1/4 | _h-1/4 |height: 25%; | ||
h-2/4 | _h-2/4 | height: 50%; | ||
h-3/4 | _h-3/4 | height: 75%; | ||
h-1/5 | _h-1/5 | height: 20%; | ||
h-2/5 | _h-2/5 | height: 40%; | ||
h-3/5 | _h-3/5 | height: 60%; | ||
h-4/5 | _h-4/5 | height: 80%; | ||
h-1/6 | _h-1/6 | height: 16.666667%; | ||
h-2/6 | _h-2/6 | height: 33.333333%; | ||
h-3/6 | _h-3/6 | height: 50%; | ||
h-4/6 | _h-4/6 | height: 66.666667%; | ||
h-5/6 |_h-5/6 | height: 83.333333%; | ||
h-full | _h-full | height: 100%; | ||
h-screen | _h-screen |height: 100vh; | ||
**Max-height:** | ||
Taiwind class | Rainbow-tailwind class | Properties | ||
-- | -- | -- | ||
max-h-0 | _max-h-0 | max-height: 0px; | ||
max-h-0.5 |❌ | max-height: 0.125rem; | ||
max-h-1 | _max-h-1 |max-height: 0.25rem; | ||
max-h-1.5 |❌ | max-height: 0.375rem; | ||
max-h-2 | _max-h-2 | max-height: 0.5rem; | ||
max-h-2.5 |❌ | max-height: 0.625rem; | ||
max-h-3| _max-h-3 |max-height: 0.75rem; | ||
max-h-3.5|❌ | max-height: 0.875rem; | ||
max-h-4 | _max-h-4 |max-height: 1rem; | ||
max-h-5 | _max-h-5 |max-height: 1.25rem; | ||
max-h-6 | _max-h-6 |max-height: 1.5rem; | ||
max-h-7 |❌ | max-height: 1.75rem; | ||
max-h-8 | _max-h-8 |max-height: 2rem; | ||
max-h-9|❌ | max-height: 2.25rem; | ||
max-h-10| _max-h-10 |max-height: 2.5rem; | ||
max-h-11|❌ | max-height: 2.75rem; | ||
max-h-12| _max-h-12|max-height: 3rem; | ||
max-h-14 |❌ | max-height: 3.5rem; | ||
max-h-16| _max-h-16 |max-height: 4rem; | ||
max-h-20| _max-h-20 |max-height: 5rem; | ||
max-h-24| _max-h-24 |max-height: 6rem; | ||
max-h-28 |❌ | max-height: 7rem; | ||
max-h-32| _max-h-32 |max-height: 8rem; | ||
max-h-36 |❌ | max-height: 9rem; | ||
max-h-40| _max-h-40 |max-height: 10rem; | ||
max-h-44 |❌ | max-height: 11rem; | ||
max-h-48| _max-h-48 |max-height: 12rem; | ||
max-h-52 |❌ |max-height: 13rem; | ||
max-h-56| _max-h-56 |max-height: 14rem; | ||
max-h-60 |❌ | max-height: 15rem; | ||
max-h-64| _max-h-64 |max-height: 16rem; | ||
max-h-72 |❌ | max-height: 18rem; | ||
max-h-80| _max-h-80 |max-height: 20rem; | ||
max-h-96| _max-h-96 |max-height: 24rem; | ||
max-h-px| _max-h-px |max-height: 1px; | ||
max-h-full| _max-h-full |max-height: 100%; | ||
max-h-screen| _max-h-screen |max-height: 100vh; | ||
**Min-height:** | ||
Taiwind class | Rainbow-tailwind class | Properties | ||
-- | -- | -- | ||
min-h-0 | _w-0 | min-width: 0rem; | ||
❌| _min-h-none | min-width: none; | ||
❌| _min-h-80 | min-width: 20rem; | ||
❌|_min-h-96 | min-width: 24rem; | ||
❌| _min-h-112 | min-width: 28rem; | ||
❌| _min-h-128 | min-width: 32rem; | ||
❌| _min-h-128 | max-width: 48rem; | ||
❌| _min-h-224 | min-width: 56rem; | ||
❌| _min-h-256 |min-width: 64rem; | ||
❌| _min-h-320 |min-width: 80rem; | ||
min-h-full | _min-h-full | min-width: 100%; | ||
❌| _min-screen| screen: '100vw' | ||
**MEMO: REM/PX equivalents** 1rem = 16px by default | ||
REM | PIXELS | | ||
-- | -- | | ||
0rem| 0px | ||
0.125 rem|2px | ||
0.25rem|4px | ||
0.375rem|6px | ||
0.5rem|8px | ||
0.625rem|10px | ||
0.75rem|12px | ||
0.875rem|14px | ||
1rem|16px | ||
1.25rem|20px | ||
1.5rem|24px | ||
1.75rem|28px | ||
2rem|32px | ||
2.25rem|36px | ||
2.5rem|40px | ||
2.75rem|44px | ||
3rem|48px | ||
3.5rem|56px | ||
4rem|64px | ||
5rem|80px | ||
6rem|96px | ||
7rem|112px | ||
8rem|128px | ||
9rem|144px | ||
10rem|160px | ||
12rem|192px | ||
13rem|208px | ||
14rem|224px | ||
15rem|240px | ||
16rem|256px | ||
18rem|288px | ||
20rem|320px | ||
24rem|384px | ||
28rem|448px | ||
32rem|512px | ||
40rem|640px | ||
48rem|768px | ||
56rem|896px | ||
64rem|1024px | ||
**Colors:** | ||
use rainbow colors described at [official Rainbow colors ](https://rainbow.otovo.com/core/colors) | ||
**Kitchen sink** | ||
You will find in installerweb a file named `kitchen-sink.html` that shows different rainbow components developped with Tailwind/Jinja2 : | ||
[kitchen sink in installerweb](https://installer.otovo.com/rainbow/kitchen-sink#) |
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
New author
Supply chain riskA new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
77372
0
392
9
- Removedautoprefixer@^9.8.4
- Removedtailwindcss@^1.4.6
- Removed@fullhuman/postcss-purgecss@2.3.0(transitive)
- Removedacorn@7.4.1(transitive)
- Removedacorn-node@1.8.2(transitive)
- Removedacorn-walk@7.2.0(transitive)
- Removedansi-styles@3.2.14.3.0(transitive)
- Removedautoprefixer@9.8.8(transitive)
- Removedbalanced-match@1.0.2(transitive)
- Removedbrace-expansion@1.1.11(transitive)
- Removedbrowserslist@4.23.3(transitive)
- Removedbytes@3.1.2(transitive)
- Removedcamelcase-css@2.0.1(transitive)
- Removedcaniuse-lite@1.0.30001662(transitive)
- Removedchalk@2.4.24.1.2(transitive)
- Removedcolor@3.2.1(transitive)
- Removedcolor-convert@1.9.32.0.1(transitive)
- Removedcolor-name@1.1.31.1.4(transitive)
- Removedcolor-string@1.9.1(transitive)
- Removedcommander@5.1.0(transitive)
- Removedconcat-map@0.0.1(transitive)
- Removedcss-unit-converter@1.1.2(transitive)
- Removedcssesc@3.0.0(transitive)
- Removeddefined@1.0.1(transitive)
- Removeddetective@5.2.1(transitive)
- Removedelectron-to-chromium@1.5.25(transitive)
- Removedescalade@3.2.0(transitive)
- Removedescape-string-regexp@1.0.5(transitive)
- Removedfs-extra@8.1.0(transitive)
- Removedfs.realpath@1.0.0(transitive)
- Removedfunction-bind@1.1.2(transitive)
- Removedglob@7.2.3(transitive)
- Removedgraceful-fs@4.2.11(transitive)
- Removedhas-flag@3.0.04.0.0(transitive)
- Removedhasown@2.0.2(transitive)
- Removedhtml-tags@3.3.1(transitive)
- Removedinflight@1.0.6(transitive)
- Removedinherits@2.0.4(transitive)
- Removedis-arrayish@0.3.2(transitive)
- Removedis-core-module@2.15.1(transitive)
- Removedjsonfile@4.0.0(transitive)
- Removedlodash@4.17.21(transitive)
- Removedminimatch@3.1.2(transitive)
- Removedminimist@1.2.8(transitive)
- Removednode-emoji@1.11.0(transitive)
- Removednode-releases@2.0.18(transitive)
- Removednormalize-range@0.1.2(transitive)
- Removednormalize.css@8.0.1(transitive)
- Removednum2fraction@1.2.2(transitive)
- Removedobject-assign@4.1.1(transitive)
- Removedobject-hash@2.2.0(transitive)
- Removedonce@1.4.0(transitive)
- Removedpath-is-absolute@1.0.1(transitive)
- Removedpath-parse@1.0.7(transitive)
- Removedpicocolors@0.2.11.1.0(transitive)
- Removedpostcss@6.0.237.0.327.0.39(transitive)
- Removedpostcss-functions@3.0.0(transitive)
- Removedpostcss-js@2.0.3(transitive)
- Removedpostcss-nested@4.2.3(transitive)
- Removedpostcss-selector-parser@6.1.2(transitive)
- Removedpostcss-value-parser@3.3.14.2.0(transitive)
- Removedpretty-hrtime@1.0.3(transitive)
- Removedpurgecss@2.3.0(transitive)
- Removedreduce-css-calc@2.1.8(transitive)
- Removedresolve@1.22.8(transitive)
- Removedsimple-swizzle@0.2.2(transitive)
- Removedsource-map@0.6.1(transitive)
- Removedsupports-color@5.5.07.2.0(transitive)
- Removedsupports-preserve-symlinks-flag@1.0.0(transitive)
- Removedtailwindcss@1.9.6(transitive)
- Removeduniversalify@0.1.2(transitive)
- Removedupdate-browserslist-db@1.1.0(transitive)
- Removedutil-deprecate@1.0.2(transitive)
- Removedwrappy@1.0.2(transitive)
- Removedxtend@4.0.2(transitive)