saaskit 0.1.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (82) hide show
  1. checksums.yaml +7 -0
  2. data/.gitignore +10 -0
  3. data/.travis.yml +7 -0
  4. data/CODE_OF_CONDUCT.md +74 -0
  5. data/Gemfile +4 -0
  6. data/Gemfile.lock +22 -0
  7. data/LICENSE.txt +21 -0
  8. data/README.md +81 -0
  9. data/Rakefile +10 -0
  10. data/bin/console +14 -0
  11. data/bin/setup +8 -0
  12. data/lib/generators/saaskit/install/install_generator.rb +207 -0
  13. data/lib/generators/saaskit/install/templates/README +30 -0
  14. data/lib/generators/saaskit/install/templates/app/adapters/mailchimp/base_adapter.rb +51 -0
  15. data/lib/generators/saaskit/install/templates/app/controllers/application_controller.rb +3 -0
  16. data/lib/generators/saaskit/install/templates/app/controllers/pages_controller.rb +30 -0
  17. data/lib/generators/saaskit/install/templates/app/forms/newsletter_form.rb +17 -0
  18. data/lib/generators/saaskit/install/templates/app/helpers/application_helper.rb +10 -0
  19. data/lib/generators/saaskit/install/templates/app/helpers/meta_tags_helper.rb +21 -0
  20. data/lib/generators/saaskit/install/templates/app/javascript/controllers/aos_controller.js +12 -0
  21. data/lib/generators/saaskit/install/templates/app/javascript/controllers/index.js +6 -0
  22. data/lib/generators/saaskit/install/templates/app/javascript/controllers/notice_controller.js +14 -0
  23. data/lib/generators/saaskit/install/templates/app/javascript/controllers/noty_controller.js +10 -0
  24. data/lib/generators/saaskit/install/templates/app/javascript/controllers/reveal_controller.js +43 -0
  25. data/lib/generators/saaskit/install/templates/app/javascript/controllers/smooth_scroll_controller.js +11 -0
  26. data/lib/generators/saaskit/install/templates/app/javascript/controllers/typed_controller.js +17 -0
  27. data/lib/generators/saaskit/install/templates/app/javascript/images/address-book-2.svg +8 -0
  28. data/lib/generators/saaskit/install/templates/app/javascript/images/chart-bar-1.svg +10 -0
  29. data/lib/generators/saaskit/install/templates/app/javascript/images/cloud-upload.svg +8 -0
  30. data/lib/generators/saaskit/install/templates/app/javascript/images/credit-card.svg +9 -0
  31. data/lib/generators/saaskit/install/templates/app/javascript/images/display-1.svg +8 -0
  32. data/lib/generators/saaskit/install/templates/app/javascript/images/facebook.svg +1 -0
  33. data/lib/generators/saaskit/install/templates/app/javascript/images/file.svg +9 -0
  34. data/lib/generators/saaskit/install/templates/app/javascript/images/github.svg +1 -0
  35. data/lib/generators/saaskit/install/templates/app/javascript/images/group.svg +8 -0
  36. data/lib/generators/saaskit/install/templates/app/javascript/images/layout-left-panel-1.svg +8 -0
  37. data/lib/generators/saaskit/install/templates/app/javascript/images/layout-top-panel-6.svg +8 -0
  38. data/lib/generators/saaskit/install/templates/app/javascript/images/logo_color_horizontal.svg +1 -0
  39. data/lib/generators/saaskit/install/templates/app/javascript/images/logo_color_stacked.svg +1 -0
  40. data/lib/generators/saaskit/install/templates/app/javascript/images/logo_color_symbol.svg +1 -0
  41. data/lib/generators/saaskit/install/templates/app/javascript/images/logo_white_horizontal.svg +1 -0
  42. data/lib/generators/saaskit/install/templates/app/javascript/images/logo_white_stacked.svg +1 -0
  43. data/lib/generators/saaskit/install/templates/app/javascript/images/logo_white_symbol.svg +1 -0
  44. data/lib/generators/saaskit/install/templates/app/javascript/images/mail-opened.svg +8 -0
  45. data/lib/generators/saaskit/install/templates/app/javascript/images/notifications-1.svg +7 -0
  46. data/lib/generators/saaskit/install/templates/app/javascript/images/outlet.svg +8 -0
  47. data/lib/generators/saaskit/install/templates/app/javascript/images/pablo-done.png +0 -0
  48. data/lib/generators/saaskit/install/templates/app/javascript/images/paypal.svg +9 -0
  49. data/lib/generators/saaskit/install/templates/app/javascript/images/rails.svg +7 -0
  50. data/lib/generators/saaskit/install/templates/app/javascript/images/repeat.svg +8 -0
  51. data/lib/generators/saaskit/install/templates/app/javascript/images/right-circle.svg +8 -0
  52. data/lib/generators/saaskit/install/templates/app/javascript/images/sale-2.svg +10 -0
  53. data/lib/generators/saaskit/install/templates/app/javascript/images/selected-file.svg +8 -0
  54. data/lib/generators/saaskit/install/templates/app/javascript/images/sending-mail.svg +8 -0
  55. data/lib/generators/saaskit/install/templates/app/javascript/images/shield-check.svg +8 -0
  56. data/lib/generators/saaskit/install/templates/app/javascript/images/shield-protected.svg +8 -0
  57. data/lib/generators/saaskit/install/templates/app/javascript/images/stimulus.svg +1 -0
  58. data/lib/generators/saaskit/install/templates/app/javascript/images/stripe.svg +6 -0
  59. data/lib/generators/saaskit/install/templates/app/javascript/images/tailwind.svg +12 -0
  60. data/lib/generators/saaskit/install/templates/app/javascript/images/tgav_logo_white_symbol.svg +1 -0
  61. data/lib/generators/saaskit/install/templates/app/javascript/images/user.svg +8 -0
  62. data/lib/generators/saaskit/install/templates/app/javascript/images/webpack.svg +8 -0
  63. data/lib/generators/saaskit/install/templates/app/javascript/stylesheets/application.scss +3 -0
  64. data/lib/generators/saaskit/install/templates/app/javascript/stylesheets/tailwind.config.js +542 -0
  65. data/lib/generators/saaskit/install/templates/app/models/concerns/coming_soon_pending_subscribable.rb +31 -0
  66. data/lib/generators/saaskit/install/templates/app/views/layouts/application.html.erb +7 -0
  67. data/lib/generators/saaskit/install/templates/app/views/layouts/land.html.erb +24 -0
  68. data/lib/generators/saaskit/install/templates/app/views/pages/_errors.html.erb +14 -0
  69. data/lib/generators/saaskit/install/templates/app/views/pages/home.html.erb +472 -0
  70. data/lib/generators/saaskit/install/templates/app/views/pages/subscribe.js.erb +24 -0
  71. data/lib/generators/saaskit/install/templates/app/views/shared/_footer.html.erb +23 -0
  72. data/lib/generators/saaskit/install/templates/app/views/shared/_head.html.erb +9 -0
  73. data/lib/generators/saaskit/install/templates/app/views/shared/_navbar.html.erb +76 -0
  74. data/lib/generators/saaskit/install/templates/app/views/shared/_notices.html.erb +8 -0
  75. data/lib/generators/saaskit/install/templates/config/credentials.yml.sample +8 -0
  76. data/lib/generators/saaskit/install/templates/config/initializers/meta_tags.rb +40 -0
  77. data/lib/generators/saaskit/install/templates/config/webpack/plugins/purgecss-webpack-plugin.js +21 -0
  78. data/lib/saaskit.rb +6 -0
  79. data/lib/saaskit/version.rb +3 -0
  80. data/saaskit.gemspec +33 -0
  81. data/template.rb +6 -0
  82. metadata +169 -0
@@ -0,0 +1,9 @@
1
+ <?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
+ <svg width="256px" height="302px" viewBox="0 0 256 302" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid">
3
+ <g>
4
+ <path d="M217.168476,23.5070146 C203.234077,7.62479651 178.045612,0.815753338 145.823355,0.815753338 L52.3030619,0.815753338 C45.7104431,0.815753338 40.1083819,5.6103852 39.0762042,12.1114399 L0.136468302,259.076601 C-0.637664968,263.946149 3.13311322,268.357876 8.06925331,268.357876 L65.804612,268.357876 L80.3050438,176.385849 L79.8555471,179.265958 C80.8877248,172.764903 86.4481659,167.970272 93.0324607,167.970272 L120.46841,167.970272 C174.366398,167.970272 216.569147,146.078116 228.897012,82.7490197 C229.263268,80.8761167 229.579581,79.0531577 229.854273,77.2718188 C228.297683,76.4477414 228.297683,76.4477414 229.854273,77.2718188 C233.525163,53.8646924 229.829301,37.9325302 217.168476,23.5070146" fill="#1552f0"></path>
5
+ <path d="M102.396976,68.8395929 C103.936919,68.1070797 105.651665,67.699203 107.449652,67.699203 L180.767565,67.699203 C189.449511,67.699203 197.548776,68.265236 204.948824,69.4555699 C207.071448,69.7968545 209.127479,70.1880831 211.125242,70.6375799 C213.123006,71.0787526 215.062501,71.5781934 216.943728,72.1275783 C217.884341,72.4022708 218.808307,72.6852872 219.715624,72.9849517 C223.353218,74.2002577 226.741092,75.61534 229.854273,77.2718188 C233.525163,53.8563683 229.829301,37.9325302 217.168476,23.5070146 C203.225753,7.62479651 178.045612,0.815753338 145.823355,0.815753338 L52.2947379,0.815753338 C45.7104431,0.815753338 40.1083819,5.6103852 39.0762042,12.1114399 L0.136468302,259.068277 C-0.637664968,263.946149 3.13311322,268.349552 8.0609293,268.349552 L65.804612,268.349552 L95.8875974,77.5798073 C96.5035744,73.6675208 99.0174265,70.4627756 102.396976,68.8395929 Z" fill="#1552f0"></path>
6
+ <path d="M228.897012,82.7490197 C216.569147,146.069792 174.366398,167.970272 120.46841,167.970272 L93.0241367,167.970272 C86.4398419,167.970272 80.8794007,172.764903 79.8555471,179.265958 L61.8174095,293.621258 C61.1431644,297.883153 64.4394738,301.745495 68.7513129,301.745495 L117.421821,301.745495 C123.182038,301.745495 128.084882,297.550192 128.983876,291.864891 L129.458344,289.384335 L138.631407,231.249423 L139.222412,228.036354 C140.121406,222.351053 145.02425,218.15575 150.784467,218.15575 L158.067979,218.15575 C205.215193,218.15575 242.132193,199.002194 252.920115,143.605884 C257.423406,120.456802 255.092683,101.128442 243.181019,87.5519756 C239.568397,83.4399129 235.081754,80.0437153 229.854273,77.2718188 C229.571257,79.0614817 229.263268,80.8761167 228.897012,82.7490197 L228.897012,82.7490197 Z" fill="#56B4FC"></path>
7
+ <path d="M216.952052,72.1275783 C215.070825,71.5781934 213.13133,71.0787526 211.133566,70.6375799 C209.135803,70.1964071 207.071448,69.8051785 204.957148,69.4638939 C197.548776,68.265236 189.457835,67.699203 180.767565,67.699203 L107.457976,67.699203 C105.651665,67.699203 103.936919,68.1070797 102.4053,68.8479169 C99.0174265,70.4710996 96.5118984,73.6675208 95.8959214,77.5881313 L80.3133678,176.385849 L79.8638711,179.265958 C80.8877248,172.764903 86.4481659,167.970272 93.0324607,167.970272 L120.476734,167.970272 C174.374722,167.970272 216.577471,146.078116 228.905336,82.7490197 C229.271592,80.8761167 229.579581,79.0614817 229.862597,77.2718188 C226.741092,75.623664 223.361542,74.2002577 219.723948,72.9932757 C218.816631,72.6936112 217.892665,72.4022708 216.952052,72.1275783" fill="#194bcc"></path>
8
+ </g>
9
+ </svg>
@@ -0,0 +1,7 @@
1
+ <?xml version="1.0" encoding="utf-8"?>
2
+ <!-- Svg Vector Icons : http://www.onlinewebfonts.com/icon -->
3
+ <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
4
+ <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1000 1000" enable-background="new 0 0 1000 1000" xml:space="preserve">
5
+ <metadata> Svg Vector Icons : http://www.onlinewebfonts.com/icon </metadata>
6
+ <g><g id="_x35_151e0c8492e5103c096af88a51f6584"><path fill="#1552f0" d="M990,204.2l-21.6,32.4c0,0-54-61.1-152.8-50.4C716.7,197,542.3,297.7,515.3,518.9C488.3,740,594.4,981,594.4,981H116.1c0,0-12.6-79.1,18-230.2c30.6-151,75.5-251.7,152.8-395.6C364.2,211.4,488.3,92.7,668.1,76.5C847.9,60.4,990,204.2,990,204.2z M20.8,740.1L10,830l88.1,10.8l16.2-93.5L20.8,740.1z M193.4,472.1l-82.7-32.4l-27,75.5l84.5,27L193.4,472.1z M333.7,243.8l-62.9-41.4l-50.3,55.7l64.7,43.2L333.7,243.8z M515.3,96.3l-43.2-48.6l-59.3,30.6l43.2,52.1L515.3,96.3z M707.7,69.3l-7.2-46.8L623.2,19L634,71.2L707.7,69.3z M932.5,117.9l-59.3-43.2l-1.8,32.4l50.3,27L932.5,117.9z M862.3,240.2l48.6,5.4V224l-48.6-10.8V240.2z M707.7,236.6l23.4,43.1l34.2-27L758,224L707.7,236.6z M669.9,346.3l-36-53.9l-37.8,34.2l52.1,57.5L669.9,346.3z M538.7,488.3l61.1,52.2l14.4-59.3L562,441.6L538.7,488.3z M533.3,668.1l75.5,32.4l-3.6-59.3l-68.3-36L533.3,668.1z M671.7,898.3l-34.2-70.1h-79.1l18,64.7L671.7,898.3z"/></g></g>
7
+ </svg>
@@ -0,0 +1,8 @@
1
+ <svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
2
+ <title>Icon For Repeat</title>
3
+ <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
4
+ <rect opacity="0" x="0" y="0" width="24" height="24"></rect>
5
+ <path d="M12,8 L8,8 C5.790861,8 4,9.790861 4,12 L4,13 C4,14.6568542 5.34314575,16 7,16 L7,18 C4.23857625,18 2,15.7614237 2,13 L2,12 C2,8.6862915 4.6862915,6 8,6 L12,6 L12,4.72799742 C12,4.62015048 12.0348702,4.51519416 12.0994077,4.42878885 C12.264656,4.2075478 12.5779675,4.16215674 12.7992086,4.32740507 L15.656242,6.46136716 C15.6951359,6.49041758 15.7295917,6.52497737 15.7585249,6.56395854 C15.9231063,6.78569617 15.876772,7.09886961 15.6550344,7.263451 L12.798001,9.3840407 C12.7118152,9.44801079 12.607332,9.48254921 12.5,9.48254921 C12.2238576,9.48254921 12,9.25869158 12,8.98254921 L12,8 Z" fill="#1552f0"></path>
6
+ <path d="M12.0583175,16 L16,16 C18.209139,16 20,14.209139 20,12 L20,11 C20,9.34314575 18.6568542,8 17,8 L17,6 C19.7614237,6 22,8.23857625 22,11 L22,12 C22,15.3137085 19.3137085,18 16,18 L12.0583175,18 L12.0583175,18.9825492 C12.0583175,19.2586916 11.8344599,19.4825492 11.5583175,19.4825492 C11.4509855,19.4825492 11.3465023,19.4480108 11.2603165,19.3840407 L8.40328311,17.263451 C8.18154548,17.0988696 8.13521119,16.7856962 8.29979258,16.5639585 C8.32872576,16.5249774 8.36318164,16.4904176 8.40207551,16.4613672 L11.2591089,14.3274051 C11.48035,14.1621567 11.7936615,14.2075478 11.9589099,14.4287888 C12.0234473,14.5151942 12.0583175,14.6201505 12.0583175,14.7279974 L12.0583175,16 Z" fill="#56B4FC"></path>
7
+ </g>
8
+ </svg>
@@ -0,0 +1,8 @@
1
+ <svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
2
+ <title>Icon For Right-circle</title>
3
+ <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
4
+ <rect opacity="0" x="0" y="0" width="24" height="24"></rect>
5
+ <circle fill="#56B4FC" cx="12" cy="12" r="10"></circle>
6
+ <path d="M7.96323356,15.1775211 C7.62849853,15.5122561 7.08578582,15.5122561 6.75105079,15.1775211 C6.41631576,14.842786 6.41631576,14.3000733 6.75105079,13.9653383 L11.8939067,8.82248234 C12.2184029,8.49798619 12.7409054,8.4866328 13.0791905,8.79672747 L18.2220465,13.5110121 C18.5710056,13.8308912 18.5945795,14.3730917 18.2747004,14.7220508 C17.9548212,15.0710098 17.4126207,15.0945838 17.0636617,14.7747046 L12.5257773,10.6149773 L7.96323356,15.1775211 Z" fill="#1552f0" fill-rule="nonzero" transform="translate(12.500001, 12.000001) rotate(-270.000000) translate(-12.500001, -12.000001) "></path>
7
+ </g>
8
+ </svg>
@@ -0,0 +1,10 @@
1
+ <svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
2
+ <title>Icon For Sale#2</title>
3
+ <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
4
+ <rect opacity="0" x="0" y="0" width="24" height="24"></rect>
5
+ <polygon fill="#56B4FC" points="12 20.0218549 8.47346039 21.7286168 6.86905972 18.1543453 3.07048824 17.1949849 4.13894342 13.4256452 1.84573388 10.2490577 5.08710286 8.04836581 5.3722735 4.14091196 9.2698837 4.53859595 12 1.72861679 14.7301163 4.53859595 18.6277265 4.14091196 18.9128971 8.04836581 22.1542661 10.2490577 19.8610566 13.4256452 20.9295118 17.1949849 17.1309403 18.1543453 15.5265396 21.7286168"></polygon>
6
+ <polygon fill="#1552f0" points="14.0890818 8.60255815 8.36079737 14.7014391 9.70868621 16.049328 15.4369707 9.950447"></polygon>
7
+ <path d="M10.8543431,9.1753866 C10.8543431,10.1252593 10.085524,10.8938719 9.13585777,10.8938719 C8.18793881,10.8938719 7.41737243,10.1252593 7.41737243,9.1753866 C7.41737243,8.22551387 8.18793881,7.45690126 9.13585777,7.45690126 C10.085524,7.45690126 10.8543431,8.22551387 10.8543431,9.1753866" fill="#000000" opacity="0.3"></path>
8
+ <path d="M14.8641422,16.6221564 C13.9162233,16.6221564 13.1456569,15.8535438 13.1456569,14.9036711 C13.1456569,13.9520555 13.9162233,13.1851857 14.8641422,13.1851857 C15.8138085,13.1851857 16.5826276,13.9520555 16.5826276,14.9036711 C16.5826276,15.8535438 15.8138085,16.6221564 14.8641422,16.6221564 Z" fill="#000000" opacity="0.3"></path>
9
+ </g>
10
+ </svg>
@@ -0,0 +1,8 @@
1
+ <svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
2
+ <title>Icon For Selected-file</title>
3
+ <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
4
+ <polygon points="0 0 24 0 24 24 0 24" opacity="0"></polygon>
5
+ <path d="M4.85714286,1 L11.7364114,1 C12.0910962,1 12.4343066,1.12568431 12.7051108,1.35473959 L17.4686994,5.3839416 C17.8056532,5.66894833 18,6.08787823 18,6.52920201 L18,19.0833333 C18,20.8738751 17.9795521,21 16.1428571,21 L4.85714286,21 C3.02044787,21 3,20.8738751 3,19.0833333 L3,2.91666667 C3,1.12612489 3.02044787,1 4.85714286,1 Z M8,12 C7.44771525,12 7,12.4477153 7,13 C7,13.5522847 7.44771525,14 8,14 L15,14 C15.5522847,14 16,13.5522847 16,13 C16,12.4477153 15.5522847,12 15,12 L8,12 Z M8,16 C7.44771525,16 7,16.4477153 7,17 C7,17.5522847 7.44771525,18 8,18 L11,18 C11.5522847,18 12,17.5522847 12,17 C12,16.4477153 11.5522847,16 11,16 L8,16 Z" fill="#56B4FC" fill-rule="nonzero"></path>
6
+ <path d="M6.85714286,3 L14.7364114,3 C15.0910962,3 15.4343066,3.12568431 15.7051108,3.35473959 L20.4686994,7.3839416 C20.8056532,7.66894833 21,8.08787823 21,8.52920201 L21,21.0833333 C21,22.8738751 20.9795521,23 19.1428571,23 L6.85714286,23 C5.02044787,23 5,22.8738751 5,21.0833333 L5,4.91666667 C5,3.12612489 5.02044787,3 6.85714286,3 Z M8,12 C7.44771525,12 7,12.4477153 7,13 C7,13.5522847 7.44771525,14 8,14 L15,14 C15.5522847,14 16,13.5522847 16,13 C16,12.4477153 15.5522847,12 15,12 L8,12 Z M8,16 C7.44771525,16 7,16.4477153 7,17 C7,17.5522847 7.44771525,18 8,18 L11,18 C11.5522847,18 12,17.5522847 12,17 C12,16.4477153 11.5522847,16 11,16 L8,16 Z" fill="#1552f0" fill-rule="nonzero"></path>
7
+ </g>
8
+ </svg>
@@ -0,0 +1,8 @@
1
+ <svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
2
+ <title>Icon For Sending mail</title>
3
+ <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
4
+ <rect opacity="0" x="0" y="0" width="24" height="24"></rect>
5
+ <path d="M4,16 L5,16 C5.55228475,16 6,16.4477153 6,17 C6,17.5522847 5.55228475,18 5,18 L4,18 C3.44771525,18 3,17.5522847 3,17 C3,16.4477153 3.44771525,16 4,16 Z M1,11 L5,11 C5.55228475,11 6,11.4477153 6,12 C6,12.5522847 5.55228475,13 5,13 L1,13 C0.44771525,13 6.76353751e-17,12.5522847 0,12 C-6.76353751e-17,11.4477153 0.44771525,11 1,11 Z M3,6 L5,6 C5.55228475,6 6,6.44771525 6,7 C6,7.55228475 5.55228475,8 5,8 L3,8 C2.44771525,8 2,7.55228475 2,7 C2,6.44771525 2.44771525,6 3,6 Z" fill="#56B4FC"></path>
6
+ <path d="M10,6 L22,6 C23.1045695,6 24,6.8954305 24,8 L24,16 C24,17.1045695 23.1045695,18 22,18 L10,18 C8.8954305,18 8,17.1045695 8,16 L8,8 C8,6.8954305 8.8954305,6 10,6 Z M21.0849395,8.0718316 L16,10.7185839 L10.9150605,8.0718316 C10.6132433,7.91473331 10.2368262,8.02389331 10.0743092,8.31564728 C9.91179228,8.60740125 10.0247174,8.9712679 10.3265346,9.12836619 L15.705737,11.9282847 C15.8894428,12.0239051 16.1105572,12.0239051 16.294263,11.9282847 L21.6734654,9.12836619 C21.9752826,8.9712679 22.0882077,8.60740125 21.9256908,8.31564728 C21.7631738,8.02389331 21.3867567,7.91473331 21.0849395,8.0718316 Z" fill="#1552f0"></path>
7
+ </g>
8
+ </svg>
@@ -0,0 +1,8 @@
1
+ <svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
2
+ <title>Icon For Shield-check</title>
3
+ <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
4
+ <rect opacity="0" x="0" y="0" width="24" height="24"></rect>
5
+ <path d="M4,4 L11.6314229,2.5691082 C11.8750185,2.52343403 12.1249815,2.52343403 12.3685771,2.5691082 L20,4 L20,13.2830094 C20,16.2173861 18.4883464,18.9447835 16,20.5 L12.5299989,22.6687507 C12.2057287,22.8714196 11.7942713,22.8714196 11.4700011,22.6687507 L8,20.5 C5.51165358,18.9447835 4,16.2173861 4,13.2830094 L4,4 Z" fill="#56B4FC"></path>
6
+ <path d="M11.1750002,14.75 C10.9354169,14.75 10.6958335,14.6541667 10.5041669,14.4625 L8.58750019,12.5458333 C8.20416686,12.1625 8.20416686,11.5875 8.58750019,11.2041667 C8.97083352,10.8208333 9.59375019,10.8208333 9.92916686,11.2041667 L11.1750002,12.45 L14.3375002,9.2875 C14.7208335,8.90416667 15.2958335,8.90416667 15.6791669,9.2875 C16.0625002,9.67083333 16.0625002,10.2458333 15.6791669,10.6291667 L11.8458335,14.4625 C11.6541669,14.6541667 11.4145835,14.75 11.1750002,14.75 Z" fill="#1552f0"></path>
7
+ </g>
8
+ </svg>
@@ -0,0 +1,8 @@
1
+ <svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
2
+ <title>Icon For Shield-protected</title>
3
+ <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
4
+ <rect opacity="0" x="0" y="0" width="24" height="24"></rect>
5
+ <path d="M4,4 L11.6314229,2.5691082 C11.8750185,2.52343403 12.1249815,2.52343403 12.3685771,2.5691082 L20,4 L20,13.2830094 C20,16.2173861 18.4883464,18.9447835 16,20.5 L12.5299989,22.6687507 C12.2057287,22.8714196 11.7942713,22.8714196 11.4700011,22.6687507 L8,20.5 C5.51165358,18.9447835 4,16.2173861 4,13.2830094 L4,4 Z" fill="#56B4FC"></path>
6
+ <path d="M14.5,11 C15.0522847,11 15.5,11.4477153 15.5,12 L15.5,15 C15.5,15.5522847 15.0522847,16 14.5,16 L9.5,16 C8.94771525,16 8.5,15.5522847 8.5,15 L8.5,12 C8.5,11.4477153 8.94771525,11 9.5,11 L9.5,10.5 C9.5,9.11928813 10.6192881,8 12,8 C13.3807119,8 14.5,9.11928813 14.5,10.5 L14.5,11 Z M12,9 C11.1715729,9 10.5,9.67157288 10.5,10.5 L10.5,11 L13.5,11 L13.5,10.5 C13.5,9.67157288 12.8284271,9 12,9 Z" fill="#1552f0"></path>
7
+ </g>
8
+ </svg>
@@ -0,0 +1 @@
1
+ <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0" y="0" viewBox="0 0 340 340" xml:space="preserve" enable-background="new 0 0 340 340"><g><path fill="#1552f0" d="M292.4,190.4h-22.2c-5.5,0-13.9,2.3-18.6,5.1L98.8,285.4c-4.7,2.8-13.1,5.1-18.6,5.1H48H10.2h-10v40c0,5.5,4.5,10,10,10 h320c5.5,0,10-4.5,10-10v-40h-10h-37.8h-32.2c-5.5,0-13.9-2.3-18.6-5.1l-45.8-26.9c-4.7-2.8-4.7-7.4,0-10.1l21.8-12.8 c4.7-2.8,12.5-2.8,17.2,0l16.8,9.9c4.7,2.8,13.1,5.1,18.6,5.1h22.2h37.8h10v-60h-10H292.4z"/><path fill="#1552f0" d="M292.4,90.4h-22.2c-5.5,0-13.9,2.3-18.6,5.1L98.8,185.4c-4.7,2.8-13.1,5.1-18.6,5.1H48H10.2h-10v60h10H48h22.2 c5.5,0,13.9-2.3,18.6-5.1l152.8-89.9c4.7-2.8,13.1-5.1,18.6-5.1h32.2h37.8h10v-60h-10H292.4z"/><path fill="#1552f0" d="M330.2,0.4h-320c-5.5,0-10,4.5-10,10v40h10H48h32.2c5.5,0,13.9,2.3,18.6,5.1l45.8,26.9c4.7,2.8,4.7,7.4,0,10.1l-21.8,12.8 c-4.7,2.8-12.5,2.8-17.2,0l-16.8-9.9c-4.7-2.8-13.1-5.1-18.6-5.1H48H10.2h-10v60h10H48h22.2c5.5,0,13.9-2.3,18.6-5.1l152.8-89.9 c4.7-2.8,13.1-5.1,18.6-5.1h32.2h37.8h10v-40C340.2,4.9,335.7,0.4,330.2,0.4z"/></g></svg>
@@ -0,0 +1,6 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <svg width="512px" height="214px" viewBox="0 0 512 214" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid">
3
+ <g>
4
+ <path d="M35.9822222,83.4844444 C35.9822222,77.9377778 40.5333333,75.8044444 48.0711111,75.8044444 C58.88,75.8044444 72.5333333,79.0755556 83.3422222,84.9066667 L83.3422222,51.4844444 C71.5377778,46.7911111 59.8755556,44.9422222 48.0711111,44.9422222 C19.2,44.9422222 0,60.0177778 0,85.1911111 C0,124.444444 54.0444444,118.186667 54.0444444,135.111111 C54.0444444,141.653333 48.3555556,143.786667 40.3911111,143.786667 C28.5866667,143.786667 13.5111111,138.951111 1.56444444,132.408889 L1.56444444,166.257778 C14.7911111,171.946667 28.16,174.364444 40.3911111,174.364444 C69.9733333,174.364444 90.3111111,159.715556 90.3111111,134.257778 C90.1688889,91.8755556 35.9822222,99.4133333 35.9822222,83.4844444 Z M132.124444,16.4977778 L97.4222222,23.8933333 L97.28,137.813333 C97.28,158.862222 113.066667,174.364444 134.115556,174.364444 C145.777778,174.364444 154.311111,172.231111 159.004444,169.671111 L159.004444,140.8 C154.453333,142.648889 131.982222,149.191111 131.982222,128.142222 L131.982222,77.6533333 L159.004444,77.6533333 L159.004444,47.36 L131.982222,47.36 L132.124444,16.4977778 Z M203.235556,57.8844444 L200.96,47.36 L170.24,47.36 L170.24,171.804444 L205.795556,171.804444 L205.795556,87.4666667 C214.186667,76.5155556 228.408889,78.5066667 232.817778,80.0711111 L232.817778,47.36 C228.266667,45.6533333 211.626667,42.5244444 203.235556,57.8844444 Z M241.493333,47.36 L277.191111,47.36 L277.191111,171.804444 L241.493333,171.804444 L241.493333,47.36 Z M241.493333,36.5511111 L277.191111,28.8711111 L277.191111,0 L241.493333,7.53777778 L241.493333,36.5511111 Z M351.431111,44.9422222 C337.493333,44.9422222 328.533333,51.4844444 323.555556,56.0355556 L321.706667,47.2177778 L290.417778,47.2177778 L290.417778,213.048889 L325.973333,205.511111 L326.115556,165.262222 C331.235556,168.96 338.773333,174.222222 351.288889,174.222222 C376.746667,174.222222 399.928889,153.742222 399.928889,108.657778 C399.786667,67.4133333 376.32,44.9422222 351.431111,44.9422222 Z M342.897778,142.933333 C334.506667,142.933333 329.528889,139.946667 326.115556,136.248889 L325.973333,83.4844444 C329.671111,79.36 334.791111,76.5155556 342.897778,76.5155556 C355.84,76.5155556 364.8,91.0222222 364.8,109.653333 C364.8,128.711111 355.982222,142.933333 342.897778,142.933333 Z M512,110.08 C512,73.6711111 494.364444,44.9422222 460.657778,44.9422222 C426.808889,44.9422222 406.328889,73.6711111 406.328889,109.795556 C406.328889,152.604444 430.506667,174.222222 465.208889,174.222222 C482.133333,174.222222 494.933333,170.382222 504.604444,164.977778 L504.604444,136.533333 C494.933333,141.368889 483.84,144.355556 469.76,144.355556 C455.964444,144.355556 443.733333,139.52 442.168889,122.737778 L511.715556,122.737778 C511.715556,120.888889 512,113.493333 512,110.08 Z M441.742222,96.5688889 C441.742222,80.4977778 451.555556,73.8133333 460.515556,73.8133333 C469.191111,73.8133333 478.435556,80.4977778 478.435556,96.5688889 L441.742222,96.5688889 L441.742222,96.5688889 Z" fill="#1552f0"></path>
5
+ </g>
6
+ </svg>
@@ -0,0 +1,12 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <svg width="256px" height="154px" viewBox="0 0 256 154" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid">
3
+ <defs>
4
+ <linearGradient x1="-2.77777778%" y1="32%" x2="100%" y2="67.5555556%" id="linearGradient-1">
5
+ <stop stop-color="#1552f0" offset="0%"></stop>
6
+ <stop stop-color="#56b4fc" offset="100%"></stop>
7
+ </linearGradient>
8
+ </defs>
9
+ <g>
10
+ <path d="M128,-1.0658141e-14 C93.8666667,-1.0658141e-14 72.5333333,17.0666667 64,51.2 C76.8,34.1333333 91.7333333,27.7333333 108.8,32 C118.537481,34.4343704 125.497363,41.4985481 133.201067,49.3184 C145.750756,62.0567704 160.275437,76.8 192,76.8 C226.133333,76.8 247.466667,59.7333333 256,25.6 C243.2,42.6666667 228.266667,49.0666667 211.2,44.8 C201.462519,42.3656296 194.502637,35.3014519 186.798933,27.4816 C174.249244,14.7432296 159.724563,-1.0658141e-14 128,-1.0658141e-14 Z M64,76.8 C29.8666667,76.8 8.53333333,93.8666667 0,128 C12.8,110.933333 27.7333333,104.533333 44.8,108.8 C54.5374815,111.23437 61.497363,118.298548 69.2010667,126.1184 C81.7507556,138.85677 96.275437,153.6 128,153.6 C162.133333,153.6 183.466667,136.533333 192,102.4 C179.2,119.466667 164.266667,125.866667 147.2,121.6 C137.462519,119.16563 130.502637,112.101452 122.798933,104.2816 C110.249244,91.5432296 95.724563,76.8 64,76.8 Z" fill="url(#linearGradient-1)"></path>
11
+ </g>
12
+ </svg>
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 76.05 70"><defs><style>.cls-1,.cls-2{fill:#fff;}.cls-1{opacity:0.7;}</style></defs><title>Asset 16</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><polygon class="cls-1" points="50.05 20 10.05 20 22.05 0 62.05 0 50.05 20"/><polygon class="cls-2" points="76.05 10 56.12 10 56.05 10 36.12 10 36.05 10 24.05 30 24.08 30 0 70 20 70 44.08 30 64.05 30 76.05 10"/></g></g></svg>
@@ -0,0 +1,8 @@
1
+ <svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
2
+ <title>Icon For User</title>
3
+ <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
4
+ <polygon points="0 0 24 0 24 24 0 24" opacity="0"></polygon>
5
+ <path d="M12,11 C9.790861,11 8,9.209139 8,7 C8,4.790861 9.790861,3 12,3 C14.209139,3 16,4.790861 16,7 C16,9.209139 14.209139,11 12,11 Z" fill="#56B4FC" fill-rule="nonzero"></path>
6
+ <path d="M3.00065168,20.1992055 C3.38825852,15.4265159 7.26191235,13 11.9833413,13 C16.7712164,13 20.7048837,15.2931929 20.9979143,20.2 C21.0095879,20.3954741 20.9979143,21 20.2466999,21 C16.541124,21 11.0347247,21 3.72750223,21 C3.47671215,21 2.97953825,20.45918 3.00065168,20.1992055 Z" fill="#1552f0" fill-rule="nonzero"></path>
7
+ </g>
8
+ </svg>
@@ -0,0 +1,8 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <svg width="256px" height="290px" viewBox="0 0 256 290" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid">
3
+ <g>
4
+ <polygon fill="#FFFFFF" points="128 0.0483018868 256 72.4528302 256 217.310189 128 289.714717 0 217.310189 0 72.4528302"></polygon>
5
+ <path d="M233.153208,212.286792 L132.250566,269.427925 L132.250566,224.990189 L195.139623,190.357736 L233.153208,212.286792 Z M240.060377,206.055849 L240.060377,86.6535849 L203.157736,107.954717 L203.157736,184.754717 L240.060377,206.055849 Z M22.4603774,212.286792 L123.363019,269.379623 L123.363019,224.941887 L60.4739623,190.357736 L22.4603774,212.286792 L22.4603774,212.286792 Z M15.5532075,206.055849 L15.5532075,86.6535849 L52.4558491,107.954717 L52.4558491,184.754717 L15.5532075,206.055849 L15.5532075,206.055849 Z M19.8520755,78.925283 L123.363019,20.3833962 L123.363019,63.3720755 L57.0445283,99.84 L56.5132075,100.129811 L19.8520755,78.925283 L19.8520755,78.925283 Z M235.713208,78.925283 L132.250566,20.3833962 L132.250566,63.3720755 L198.520755,99.8883019 L199.052075,100.178113 L235.713208,78.925283 L235.713208,78.925283 Z" fill="#56b4fc"></path>
6
+ <path d="M123.363019,214.846792 L61.3433962,180.697358 L61.3433962,113.123019 L123.363019,148.914717 L123.363019,214.846792 L123.363019,214.846792 Z M132.250566,214.846792 L194.270189,180.74566 L194.270189,113.123019 L132.250566,148.914717 L132.250566,214.846792 Z M65.4973585,105.298113 L127.806792,71.0520755 L190.067925,105.298113 L127.806792,141.234717 L65.4973585,105.298113 L65.4973585,105.298113 Z" fill="#1552f0"></path>
7
+ </g>
8
+ </svg>
@@ -0,0 +1,3 @@
1
+ @import "tailwindcss/base";
2
+ @import "tailwindcss/components";
3
+ @import "tailwindcss/utilities";
@@ -0,0 +1,542 @@
1
+ const { colors } = require('tailwindcss/defaultTheme')
2
+
3
+ module.exports = {
4
+ prefix: '',
5
+ important: false,
6
+ separator: ':',
7
+ theme: {
8
+ colors: {
9
+ transparent: 'transparent',
10
+
11
+ black: '#000',
12
+ white: '#fff',
13
+
14
+ gray: {
15
+ 100: '#f7fafc',
16
+ 200: '#edf2f7',
17
+ 300: '#e2e8f0',
18
+ 400: '#cbd5e0',
19
+ 500: '#a0aec0',
20
+ 600: '#718096',
21
+ 700: '#4a5568',
22
+ 800: '#2d3748',
23
+ 900: '#1a202c',
24
+ },
25
+ red: {
26
+ 100: '#fff5f5',
27
+ 200: '#fed7d7',
28
+ 300: '#feb2b2',
29
+ 400: '#fc8181',
30
+ 500: '#f56565',
31
+ 600: '#e53e3e',
32
+ 700: '#c53030',
33
+ 800: '#9b2c2c',
34
+ 900: '#742a2a',
35
+ },
36
+ orange: {
37
+ 100: '#fffaf0',
38
+ 200: '#feebc8',
39
+ 300: '#fbd38d',
40
+ 400: '#f6ad55',
41
+ 500: '#ed8936',
42
+ 600: '#dd6b20',
43
+ 700: '#c05621',
44
+ 800: '#9c4221',
45
+ 900: '#7b341e',
46
+ },
47
+ yellow: {
48
+ 100: '#fffff0',
49
+ 200: '#fefcbf',
50
+ 300: '#faf089',
51
+ 400: '#f6e05e',
52
+ 500: '#ecc94b',
53
+ 600: '#d69e2e',
54
+ 700: '#b7791f',
55
+ 800: '#975a16',
56
+ 900: '#744210',
57
+ },
58
+ green: {
59
+ 100: '#f0fff4',
60
+ 200: '#c6f6d5',
61
+ 300: '#9ae6b4',
62
+ 400: '#68d391',
63
+ 500: '#48bb78',
64
+ 600: '#38a169',
65
+ 700: '#2f855a',
66
+ 800: '#276749',
67
+ 900: '#22543d',
68
+ },
69
+ teal: {
70
+ 100: '#e6fffa',
71
+ 200: '#b2f5ea',
72
+ 300: '#81e6d9',
73
+ 400: '#4fd1c5',
74
+ 500: '#38b2ac',
75
+ 600: '#319795',
76
+ 700: '#2c7a7b',
77
+ 800: '#285e61',
78
+ 900: '#234e52',
79
+ },
80
+ blue: {
81
+ 100: '#ebf8ff',
82
+ 200: '#bee3f8',
83
+ 300: '#90cdf4',
84
+ 400: '#63b3ed',
85
+ 500: '#4299e1',
86
+ 600: '#3182ce',
87
+ 700: '#2b6cb0',
88
+ 800: '#2c5282',
89
+ 900: '#2a4365',
90
+ },
91
+ indigo: {
92
+ 100: '#ebf4ff',
93
+ 200: '#c3dafe',
94
+ 300: '#a3bffa',
95
+ 400: '#7f9cf5',
96
+ 500: '#667eea',
97
+ 600: '#5a67d8',
98
+ 700: '#4c51bf',
99
+ 800: '#434190',
100
+ 900: '#3c366b',
101
+ },
102
+ purple: {
103
+ 100: '#faf5ff',
104
+ 200: '#e9d8fd',
105
+ 300: '#d6bcfa',
106
+ 400: '#b794f4',
107
+ 500: '#9f7aea',
108
+ 600: '#805ad5',
109
+ 700: '#6b46c1',
110
+ 800: '#553c9a',
111
+ 900: '#44337a',
112
+ },
113
+ pink: {
114
+ 100: '#fff5f7',
115
+ 200: '#fed7e2',
116
+ 300: '#fbb6ce',
117
+ 400: '#f687b3',
118
+ 500: '#ed64a6',
119
+ 600: '#d53f8c',
120
+ 700: '#b83280',
121
+ 800: '#97266d',
122
+ 900: '#702459',
123
+ },
124
+ brand: {
125
+ lighter: '#bfe9ff',
126
+ default: '#56b4fc',
127
+ dark: '#1552f0',
128
+ darker: '#194bcc',
129
+ },
130
+ info: colors.blue,
131
+ danger: colors.red,
132
+ warning: colors.yellow,
133
+ success: colors.green,
134
+ },
135
+ transitionProperty: {
136
+ 'none': 'none',
137
+ 'all': 'all',
138
+ 'color': 'color',
139
+ 'bg': 'background-color',
140
+ 'border': 'border-color',
141
+ 'colors': ['color', 'background-color', 'border-color'],
142
+ 'opacity': 'opacity',
143
+ 'transform': 'transform',
144
+ 'height': 'height',
145
+ },
146
+ linearGradients: theme => ({
147
+ colors: {
148
+ 'semi-transparent-white': ['rgba(255, 255, 255, 0)', 'rgba(255, 255, 255, 0.4) 70%', 'rgba(255, 255, 255, 1)'],
149
+ }
150
+ }),
151
+ spacing: {
152
+ px: '1px',
153
+ '0': '0',
154
+ '1': '0.25rem',
155
+ '2': '0.5rem',
156
+ '3': '0.75rem',
157
+ '4': '1rem',
158
+ '5': '1.25rem',
159
+ '6': '1.5rem',
160
+ '8': '2rem',
161
+ '10': '2.5rem',
162
+ '12': '3rem',
163
+ '16': '4rem',
164
+ '20': '5rem',
165
+ '24': '6rem',
166
+ '32': '8rem',
167
+ '40': '10rem',
168
+ '48': '12rem',
169
+ '56': '14rem',
170
+ '64': '16rem',
171
+ '72': '18rem',
172
+ '80': '20rem',
173
+ '88': '22rem',
174
+ '96': '24rem',
175
+ '104': '26rem',
176
+ '112': '28rem',
177
+ '120': '30rem',
178
+ },
179
+ screens: {
180
+ sm: '640px',
181
+ md: '768px',
182
+ lg: '1024px',
183
+ xl: '1280px',
184
+ },
185
+ fontFamily: {
186
+ sans: [
187
+ '-apple-system',
188
+ 'BlinkMacSystemFont',
189
+ '"Segoe UI"',
190
+ 'Roboto',
191
+ '"Helvetica Neue"',
192
+ 'Arial',
193
+ '"Noto Sans"',
194
+ 'sans-serif',
195
+ '"Apple Color Emoji"',
196
+ '"Segoe UI Emoji"',
197
+ '"Segoe UI Symbol"',
198
+ '"Noto Color Emoji"',
199
+ ],
200
+ serif: [
201
+ 'Georgia',
202
+ 'Cambria',
203
+ '"Times New Roman"',
204
+ 'Times',
205
+ 'serif',
206
+ ],
207
+ mono: [
208
+ 'Menlo',
209
+ 'Monaco',
210
+ 'Consolas',
211
+ '"Liberation Mono"',
212
+ '"Courier New"',
213
+ 'monospace',
214
+ ],
215
+ },
216
+ fontSize: {
217
+ xs: '0.75rem',
218
+ sm: '0.875rem',
219
+ base: '1rem',
220
+ lg: '1.125rem',
221
+ xl: '1.25rem',
222
+ '2xl': '1.5rem',
223
+ '3xl': '1.875rem',
224
+ '4xl': '2.25rem',
225
+ '5xl': '3rem',
226
+ '6xl': '4rem',
227
+ },
228
+ fontWeight: {
229
+ hairline: '100',
230
+ thin: '200',
231
+ light: '300',
232
+ normal: '400',
233
+ medium: '500',
234
+ semibold: '600',
235
+ bold: '700',
236
+ extrabold: '800',
237
+ black: '900',
238
+ },
239
+ lineHeight: {
240
+ none: '1',
241
+ tight: '1.25',
242
+ snug: '1.375',
243
+ normal: '1.5',
244
+ relaxed: '1.625',
245
+ loose: '2',
246
+ },
247
+ letterSpacing: {
248
+ tighter: '-0.05em',
249
+ tight: '-0.025em',
250
+ normal: '0',
251
+ wide: '0.025em',
252
+ wider: '0.05em',
253
+ widest: '0.1em',
254
+ },
255
+ textColor: theme => theme('colors'),
256
+ backgroundColor: theme => theme('colors'),
257
+ backgroundPosition: {
258
+ bottom: 'bottom',
259
+ center: 'center',
260
+ left: 'left',
261
+ 'left-bottom': 'left bottom',
262
+ 'left-top': 'left top',
263
+ right: 'right',
264
+ 'right-bottom': 'right bottom',
265
+ 'right-top': 'right top',
266
+ top: 'top',
267
+ },
268
+ backgroundSize: {
269
+ auto: 'auto',
270
+ cover: 'cover',
271
+ contain: 'contain',
272
+ },
273
+ borderWidth: {
274
+ default: '1px',
275
+ '0': '0',
276
+ '2': '2px',
277
+ '4': '4px',
278
+ '8': '8px',
279
+ },
280
+ borderColor: theme => ({
281
+ ...theme('colors'),
282
+ default: theme('colors.gray.300', 'currentColor'),
283
+ }),
284
+ borderRadius: {
285
+ none: '0',
286
+ sm: '0.125rem',
287
+ default: '0.25rem',
288
+ lg: '0.5rem',
289
+ full: '9999px',
290
+ },
291
+ cursor: {
292
+ auto: 'auto',
293
+ default: 'default',
294
+ pointer: 'pointer',
295
+ wait: 'wait',
296
+ text: 'text',
297
+ move: 'move',
298
+ 'not-allowed': 'not-allowed',
299
+ },
300
+ width: theme => ({
301
+ auto: 'auto',
302
+ ...theme('spacing'),
303
+ '1/2': '50%',
304
+ '1/3': '33.33333%',
305
+ '2/3': '66.66667%',
306
+ '1/4': '25%',
307
+ '2/4': '50%',
308
+ '3/4': '75%',
309
+ '1/5': '20%',
310
+ '2/5': '40%',
311
+ '3/5': '60%',
312
+ '4/5': '80%',
313
+ '1/6': '16.66667%',
314
+ '2/6': '33.33333%',
315
+ '3/6': '50%',
316
+ '4/6': '66.66667%',
317
+ '5/6': '83.33333%',
318
+ '1/12': '8.33333%',
319
+ '2/12': '16.66667%',
320
+ '3/12': '25%',
321
+ '4/12': '33.33333%',
322
+ '5/12': '41.66667%',
323
+ '6/12': '50%',
324
+ '7/12': '58.33333%',
325
+ '8/12': '66.66667%',
326
+ '9/12': '75%',
327
+ '10/12': '83.33333%',
328
+ '11/12': '91.66667%',
329
+ full: '100%',
330
+ screen: '100vw',
331
+ }),
332
+ height: theme => ({
333
+ auto: 'auto',
334
+ ...theme('spacing'),
335
+ full: '100%',
336
+ screen: '100vh',
337
+ }),
338
+ minWidth: {
339
+ '0': '0',
340
+ full: '100%',
341
+ },
342
+ minHeight: {
343
+ '0': '0',
344
+ full: '100%',
345
+ screen: '100vh',
346
+ },
347
+ maxWidth: {
348
+ xs: '20rem',
349
+ sm: '24rem',
350
+ md: '28rem',
351
+ lg: '32rem',
352
+ xl: '36rem',
353
+ '2xl': '42rem',
354
+ '3xl': '48rem',
355
+ '4xl': '56rem',
356
+ '5xl': '64rem',
357
+ '6xl': '72rem',
358
+ full: '100%',
359
+ },
360
+ maxHeight: {
361
+ '0': '0',
362
+ full: '100%',
363
+ screen: '100vh',
364
+ },
365
+ padding: theme => theme('spacing'),
366
+ margin: (theme, {
367
+ negative
368
+ }) => ({
369
+ auto: 'auto',
370
+ ...theme('spacing'),
371
+ ...negative(theme('spacing')),
372
+ }),
373
+ objectPosition: {
374
+ bottom: 'bottom',
375
+ center: 'center',
376
+ left: 'left',
377
+ 'left-bottom': 'left bottom',
378
+ 'left-top': 'left top',
379
+ right: 'right',
380
+ 'right-bottom': 'right bottom',
381
+ 'right-top': 'right top',
382
+ top: 'top',
383
+ },
384
+ boxShadow: {
385
+ default: '0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)',
386
+ md: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',
387
+ lg: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',
388
+ xl: '0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)',
389
+ '2xl': '0 25px 50px -12px rgba(0, 0, 0, 0.25)',
390
+ inner: 'inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)',
391
+ outline: '0 0 0 3px rgba(66, 153, 225, 0.5)',
392
+ focus: '0 0 0 1px rgba(86, 180, 252, 1)',
393
+ light: '0 8px 16px rgba(0, 0, 0, 0.03)',
394
+ lighter: '0 4px 8px 0 rgba(0, 0, 0, 0.03)',
395
+ none: 'none',
396
+ },
397
+ zIndex: {
398
+ auto: 'auto',
399
+ '0': '0',
400
+ '10': '10',
401
+ '20': '20',
402
+ '30': '30',
403
+ '40': '40',
404
+ '50': '50',
405
+ },
406
+ opacity: {
407
+ '0': '0',
408
+ '25': '0.25',
409
+ '50': '0.5',
410
+ '75': '0.75',
411
+ '100': '1',
412
+ },
413
+ fill: {
414
+ current: 'currentColor',
415
+ },
416
+ stroke: {
417
+ current: 'currentColor',
418
+ },
419
+ flex: {
420
+ '1': '1 1 0%',
421
+ auto: '1 1 auto',
422
+ initial: '0 1 auto',
423
+ none: 'none',
424
+ },
425
+ flexGrow: {
426
+ '0': '0',
427
+ default: '1',
428
+ },
429
+ flexShrink: {
430
+ '0': '0',
431
+ default: '1',
432
+ },
433
+ order: {
434
+ first: '-9999',
435
+ last: '9999',
436
+ none: '0',
437
+ '1': '1',
438
+ '2': '2',
439
+ '3': '3',
440
+ '4': '4',
441
+ '5': '5',
442
+ '6': '6',
443
+ '7': '7',
444
+ '8': '8',
445
+ '9': '9',
446
+ '10': '10',
447
+ '11': '11',
448
+ '12': '12',
449
+ },
450
+ listStyleType: {
451
+ none: 'none',
452
+ disc: 'disc',
453
+ decimal: 'decimal',
454
+ },
455
+ inset: {
456
+ '0': '0',
457
+ auto: 'auto',
458
+ },
459
+ container: {},
460
+ pseudo: { // defaults to {'before': 'before', 'after': 'after'}
461
+ 'before': 'before',
462
+ 'after': 'after',
463
+ 'not-first': 'not(:first-child)',
464
+ }
465
+ },
466
+ variants: {
467
+ appearance: ['responsive'],
468
+ backgroundAttachment: ['responsive'],
469
+ backgroundColor: ['responsive', 'hover', 'focus', 'group-hover'],
470
+ backgroundPosition: ['responsive'],
471
+ backgroundRepeat: ['responsive'],
472
+ backgroundSize: ['responsive'],
473
+ borderCollapse: ['responsive'],
474
+ borderColor: ['responsive', 'hover', 'focus'],
475
+ borderRadius: ['responsive'],
476
+ borderStyle: ['responsive'],
477
+ borderWidth: ['responsive'],
478
+ cursor: ['responsive'],
479
+ display: ['responsive'],
480
+ flexDirection: ['responsive'],
481
+ flexWrap: ['responsive'],
482
+ alignItems: ['responsive'],
483
+ alignSelf: ['responsive'],
484
+ justifyContent: ['responsive'],
485
+ alignContent: ['responsive'],
486
+ flex: ['responsive'],
487
+ flexGrow: ['responsive'],
488
+ flexShrink: ['responsive'],
489
+ order: ['responsive'],
490
+ float: ['responsive'],
491
+ fontFamily: ['responsive'],
492
+ fontWeight: ['responsive', 'hover', 'focus'],
493
+ height: ['responsive', 'after'],
494
+ lineHeight: ['responsive'],
495
+ listStylePosition: ['responsive'],
496
+ listStyleType: ['responsive'],
497
+ margin: ['responsive'],
498
+ maxHeight: ['responsive'],
499
+ maxWidth: ['responsive'],
500
+ minHeight: ['responsive'],
501
+ minWidth: ['responsive'],
502
+ objectFit: ['responsive'],
503
+ objectPosition: ['responsive', 'after'],
504
+ opacity: ['responsive'],
505
+ outline: ['responsive', 'focus'],
506
+ overflow: ['responsive'],
507
+ padding: ['responsive'],
508
+ pointerEvents: ['responsive'],
509
+ position: ['responsive', 'after'],
510
+ inset: ['responsive'],
511
+ resize: ['responsive'],
512
+ boxShadow: ['responsive', 'hover', 'focus'],
513
+ fill: ['responsive'],
514
+ stroke: ['responsive'],
515
+ tableLayout: ['responsive'],
516
+ textAlign: ['responsive'],
517
+ textColor: ['responsive', 'hover', 'focus', 'group-hover'],
518
+ fontSize: ['responsive'],
519
+ fontStyle: ['responsive'],
520
+ textTransform: ['responsive'],
521
+ textDecoration: ['responsive', 'hover', 'focus'],
522
+ fontSmoothing: ['responsive'],
523
+ letterSpacing: ['responsive'],
524
+ userSelect: ['responsive'],
525
+ verticalAlign: ['responsive'],
526
+ visibility: ['responsive'],
527
+ whitespace: ['responsive'],
528
+ wordBreak: ['responsive'],
529
+ width: ['responsive', 'after'],
530
+ zIndex: ['responsive'],
531
+ empty: ['before', 'after'], // defaults to []
532
+ linearGradients: ['responsive', 'after'], // defaults to ['responsive']
533
+ },
534
+ corePlugins: {},
535
+ plugins: [
536
+ require('tailwindcss-transitions')(),
537
+ require('tailwindcss-gradients')(),
538
+ require('tailwindcss-pseudo')({
539
+ empty: true, // defaults to true
540
+ }),
541
+ ],
542
+ }