sb-styleguide 0.0.1 → 0.0.2

data/vendor/assets/images/logos/sb-logo-white.svg

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" width="82.883px" xml:space="preserve" height="50.601px" viewBox="0 0 82.883 50.601" baseProfile="tiny" version="1.2" y="0px" x="0px" overflow="inherit" xmlns:xlink="http://www.w3.org/1999/xlink">
+<path d="m45.359 39.473c-0.865 0.604-1.38 2.212-1.16 3.451 0.131 0.745 0.44 0.908 0.715 0.86 0.364-0.065 0.67-0.478 0.818-1.208-0.204-0.449-0.326-0.876-0.4-1.287-0.088-0.516-0.123-1.335 0.027-1.816m-21.561-1.969c0.545-1.349 0.666-2.674 0.524-3.479-0.177-1.008-0.81-1.632-2.421-1.632 0.023 2.392-0.051 4.128-0.17 5.476 0.245-0.087 0.562-0.168 0.957-0.238 0.341-0.063 0.737-0.109 1.11-0.127m-2.264 2.054c-0.122 1.187-0.417 2.351-0.949 3.483 1.923 0.305 3.839 0.556 4.713 0.402 0.573-0.098 0.969-0.553 0.862-1.145-0.209-1.196-1.391-1.983-4.626-2.74m9.792-6.994c1.247-0.455 1.396-1.216 1.275-1.903-0.084-0.483-0.317-0.727-0.592-0.679-0.324 0.057-0.807 0.949-0.683 2.582m9.668 0.453l-0.107-4.907c-1.018 0.938-1.785 3.038-1.471 4.806 0.148 0.85 0.439 0.893 0.76 0.836 0.32-0.059 0.603-0.343 0.818-0.735m4.498-17.176c1.297-0.475 1.452-1.267 1.329-1.985-0.091-0.502-0.331-0.757-0.618-0.704-0.338 0.057-0.839 0.985-0.711 2.689m34.262 15.673c-0.76 6.558-5.146 11.996-8.709 13.787-3.566 1.779-7.428 0.987-9.48-1.857-2.051-2.843-0.281-5.35 1.203-6.42 1.484-1.071 4.214-1.932 5.156-4.295 1.109-2.778-0.354-4.462-1.008-6.346-0.637-1.845 0.301-4.398 2.715-5.417 2.418-1.018 4.604-0.65 6.604 0.861 0 0 4.273 3.13 3.519 9.687m-8.84-19.289c0.244 1.412-2.662 6.338-5.412 6.825-1.67 0.293-2.983-0.289-3.504-2.036-1.103 1.547-2.606 3.013-3.787 3.224-1.41 0.246-2.004-0.289-2.232-1.605-0.279-1.581 0.514-4.211 0.421-4.739-0.03-0.191-0.144-0.269-0.336-0.234-0.214 0.037-0.94 0.535-1.647 1.992-0.01 1.899 0.035 3.001 0.254 4.643-0.198 0.282-0.354 0.384-0.903 0.479-1.187 0.209-2.261-0.622-2.687-1.805-1.197 1.525-2.91 2.938-4.565 3.231-2.347 0.415-3.681-0.855-4.136-3.44-0.637-3.613 1.657-7.818 3.979-8.226 1.65-0.292 2.701 0.338 2.997 2.014 0.351 2.009-0.545 3.771-3.692 5.091 0.191 1.075 0.512 1.638 1.442 1.473 1.313-0.23 2.778-1.422 3.819-3.091 0.023-0.208 0.049-0.417 0.092-0.634-0.273-0.421-0.416-0.963-0.502-1.442-0.249-1.41 1.436-4.299 2.921-4.56 0.813-0.145 1.079 0.106 1.208 0.823 0.107 0.599 0.088 2.328-0.35 3.615 1.215-3.324 2.672-4.692 3.729-4.877 1.1-0.195 1.775 0.428 1.941 1.359 0.111 0.645 0.07 1.518-0.23 2.755-0.245 1.128-0.71 2.962-0.602 3.561 0.043 0.263 0.18 0.339 0.394 0.3 0.396-0.068 1.347-1.096 2.289-2.797 0.044-0.794 0.128-1.8 0.278-3.082-0.488 0.037-0.9 0.06-0.996-0.466-0.129-0.742 0.277-1.504 1.255-1.702-0.063-0.508-0.106-0.894-0.171-1.795-0.154-2.146 0.874-3.881 2.499-4.167 1.101-0.194 1.672 0.1 1.854 1.128 0.131 0.741-0.06 1.366-0.875 4.128 0.736-0.155 1.729-0.405 2.029-0.53 0.322 0.162 0.564 0.564 0.631 0.924 0.159 0.909-0.316 1.707-1.107 1.849-0.549 0.096-1.059 0.163-1.772 0.163-0.183 2.75-0.14 4.119-0.075 4.48 0.102 0.573 0.295 0.812 0.795 0.722 0.984-0.172 2.432-1.612 3.655-4.196 0.452-0.081 1.013 0.166 1.099 0.645m-26.852 14.023c0.054 0.299 0.086 0.886 0.017 1.56-0.293 3.034-0.339 4.532-0.232 5.13 0.08 0.461 0.185 0.513 0.369 0.479 0.359-0.062 1.084-0.748 1.912-2.172 0.027-0.263 0.067-0.532 0.119-0.812-0.257-0.402-0.401-0.925-0.482-1.383-0.24-1.356 1.382-4.125 2.806-4.375 0.779-0.139 1.035 0.101 1.159 0.789 0.098 0.573 0.085 2.233-0.338 3.466 1.165-3.187 2.57-4.499 3.58-4.678 1.054-0.186 1.703 0.412 1.863 1.305 0.107 0.62 0.066 1.457-0.221 2.644-0.234 1.084-0.682 2.842-0.58 3.418 0.043 0.251 0.174 0.324 0.379 0.288 0.264-0.049 0.78-0.534 1.373-1.369-0.127-1.334-0.005-3.018 0.951-3.186 0.803-0.141 1.628 0.778 1.73 1.354 0.086 0.48-0.062 0.861-0.373 1.366 0.361 0.979 1.263 1.528 1.789 1.436 0.229-0.041 0.459-0.22 0.39-0.613-0.209-1.171-2.026-3.713-2.28-5.136-0.337-1.929 0.987-3.536 3.076-3.906 1.333-0.234 2.217 0.203 2.408 1.304 0.086 0.482-0.036 1.002-0.264 1.324-0.469-0.104-0.896-0.124-1.264-0.059-0.48 0.084-0.711 0.266-0.639 0.68 0.182 1.033 1.828 2.707 2.125 4.385 0.488 2.778-1.686 4.273-3.756 4.641-1.367 0.241-2.635-0.276-3.334-1.551-0.995 1.252-2.21 2.337-3.193 2.512-1.357 0.236-1.917-0.279-2.142-1.541-0.269-1.516 0.495-4.041 0.405-4.547-0.033-0.183-0.14-0.258-0.326-0.229-0.205 0.037-0.902 0.518-1.582 1.912-0.006 1.825 0.039 2.884 0.244 4.456-0.189 0.271-0.338 0.37-0.865 0.463-1.125 0.197-2.149-0.583-2.566-1.698-0.979 1.359-2.226 2.59-3.079 2.738-1.009 0.18-1.725-0.121-1.984-1.59-0.042-0.252-0.072-0.555-0.087-0.909-0.366 2.222-1.323 2.979-2.127 3.119-1.017 0.181-1.936-0.336-2.471-1.557-1.14 1.412-2.728 2.688-4.264 2.962-2.249 0.396-3.531-0.824-3.969-3.303-0.609-3.466 1.589-7.5 3.816-7.893 1.583-0.28 2.59 0.324 2.874 1.93 0.338 1.931-0.521 3.62-3.541 4.887 0.181 1.035 0.49 1.57 1.385 1.413 1.093-0.192 2.291-1.077 3.242-2.353-0.017-3.148 1.953-6.445 3.996-6.807 0.323-0.058 0.491-0.039 0.627 0.054l-0.168-1.343c0.149-0.238 0.432-0.384 0.754-0.439 1.56-0.276 2.595 0.629 2.738 1.434m-7.214-2.345c-1.475 0.26-2.678-0.289-3.369-1.768-0.123 0.169-0.253 0.342-0.382 0.505-0.95 1.204-2.081 2.192-3.086 2.371-0.982 0.173-1.634-0.036-1.853-1.277-0.061-0.335-0.082-0.751-0.077-1.27-0.766 2.379-2.048 3.643-3.126 3.831-1.366 0.241-1.855-0.465-2.114-1.814-1.011 1.329-2.305 2.496-3.571 2.722-1.844 0.322-3.256-0.416-3.647-2.616-0.12-0.695-0.138-2.196 0.235-5.396-0.488 0.037-0.902 0.061-0.996-0.465-0.13-0.741 0.278-1.505 1.255-1.703-0.063-0.506-0.108-0.891-0.168-1.795-0.157-2.143 0.869-3.879 2.498-4.166 1.099-0.193 1.669 0.1 1.851 1.13 0.131 0.741-0.054 1.365-0.876 4.126 0.736-0.154 1.73-0.402 2.03-0.528 0.322 0.163 0.567 0.564 0.629 0.923 0.161 0.91-0.314 1.709-1.105 1.849-0.547 0.097-1.055 0.161-1.771 0.163-0.182 2.748-0.136 4.121-0.075 4.48 0.102 0.574 0.292 0.811 0.797 0.723 0.856-0.152 2.075-1.272 3.183-3.285 0.008-0.032 0.013-0.061 0.022-0.093-0.352-0.456-0.493-0.949-0.575-1.427-0.263-1.484 1.562-4.57 3.237-4.866 0.742-0.131 1.191 0.037 1.317 0.755 0.136 0.768-0.235 2.312-1.104 4.514-0.087 0.903-0.103 1.646-0.037 2.028 0.067 0.383 0.254 0.598 0.59 0.539 0.407-0.072 1.069-0.781 1.461-1.368 0.356-2.729 0.396-4.462 0.153-6.543 0.184-0.352 0.566-0.566 0.924-0.629 1.34-0.237 2.491 0.546 2.666 1.528 0.074 0.431 0.063 0.926-0.13 1.946-0.259 1.451-0.872 3.854-0.793 4.311 0.058 0.312 0.212 0.355 0.405 0.322 0.378-0.067 0.966-0.644 1.67-1.793-0.231-3.304 1.882-6.776 3.671-7.092 0.743-0.132 1.172 0.211 1.282 0.833 0.016 0.095 0.035 0.191 0.027 0.292-1.549 1.435-1.868 4.104-1.568 5.804 0.143 0.812 0.424 1.012 0.906 0.927 1.003-0.178 1.805-4.167 1.12-8.046-0.49-2.774-2.245-3.92-4.522-3.668-0.246-0.154-0.397-0.448-0.448-0.733-0.2-1.126 0.555-2.442 2.685-2.817 2.706-0.479 4.895 1.457 5.534 5.067 1.31 7.441-1.719 12.935-4.755 13.469m-27.517 8.372c-3.685 0.651-5.934-1.197-6.394-3.827-0.31-1.749 0.264-3.947 1.939-4.241 0.404-0.073 0.788-0.016 1.045 0.209l0.079 0.453c0.574 3.257 2.313 4.431 3.916 4.146 0.909-0.159 1.48-1.123 1.266-2.344-0.142-0.789-0.397-1.409-3.122-3.841-1.554-1.404-2.198-2.672-2.459-4.157-0.466-2.653 1.089-5.863 4.101-6.398 2.585-0.454 3.876 0.851 4.13 2.284 0.163 0.933-0.203 1.787-0.685 2.143-1.452-0.826-2.422-1.153-3.308-0.994-0.527 0.094-0.876 0.623-0.757 1.315 0.137 0.768 0.708 1.629 2.436 3.323 2.513 2.491 3.027 3.44 3.275 4.851 0.478 2.701-1.443 6.371-5.462 7.078m11.289-3.396c4.503-0.794 6.71 0.712 7.172 3.328 0.259 1.472-0.417 3.553-1.862 5.561 2.484 0.794 3.312 2.4 3.491 3.408 0.431 2.437-0.867 4.487-4.197 5.076-1.607 0.282-3.108 0.096-5.644-0.993-0.829 0.949-1.254 1.355-1.806 1.452-0.572 0.101-1.651-0.631-1.902-2.057-0.152-0.87 0.61-1.241 2.371-1.721 0.722-2.639 1.109-6.896 1.023-10.052-1.952 0.606-3.791 1.592-4.343 3.44-0.124 0.092-0.322 0.176-0.506 0.208-0.62 0.107-1.083-0.354-1.226-1.182-0.455-2.569 2.494-5.598 7.429-6.468m12.554 17.425c-0.129-0.743 0.55-1.394 1.384-1.537 0.697-0.123 1.109 0.085 1.175 0.464 0.156 0.875-0.248 2.231-1.065 2.371-0.726 0.128-1.352-0.495-1.494-1.298m6.414-7.113c1.032-0.181 1.643 0.274 1.806 1.197 0.17 0.969-0.375 1.861-1.104 1.991-0.331 0.06-0.548-0.013-0.702-0.172 0.035-0.428 0.019-0.785-0.016-0.983-0.039-0.208-0.161-0.299-0.252-0.279-0.287 0.051-0.648 1.109-0.378 2.641 0.147 0.834 0.432 1.126 1.024 1.022 0.695-0.12 1.501-0.874 2.095-1.913 0.046-2.104 1.149-4.014 2.499-4.254 0.398-0.069 0.916 0.012 1.018 0.508 0.123-0.176 0.25-0.262 0.49-0.304 0.62-0.111 1.068 0.653 1.191 1.334 0.13 0.728 0.08 1.348-0.09 2.233 0.052 0.037 0.168 0.081 0.32 0.054 0.41-0.073 0.775-0.46 1.11-1.245-0.16-0.262-0.248-0.589-0.3-0.881-0.159-0.893 0.855-2.228 1.796-2.394 0.438-0.081 0.683 0.066 0.764 0.523 0.065 0.376 0.054 0.925-0.168 1.79 0.769-2.1 1.45-2.675 2.115-2.792 0.575-0.103 0.963 0.238 1.049 0.738 0.072 0.391 0.118 0.746-0.117 1.535 0.914-2.082 1.632-2.881 2.298-3 0.699-0.119 1.127 0.35 1.229 0.94 0.07 0.393 0.025 0.949-0.135 1.633-0.155 0.717-0.528 2.14-0.459 2.517 0.027 0.168 0.113 0.214 0.252 0.191 0.271-0.049 1.1-1.009 1.886-2.677 0.287-0.051 0.623 0.092 0.678 0.396 0.168 0.957-1.999 4.161-3.392 4.407-0.896 0.16-1.268-0.182-1.416-1.016-0.174-0.999 0.4-2.959 0.342-3.29-0.021-0.123-0.091-0.171-0.214-0.148-0.134 0.021-0.608 0.434-1.058 1.354-0.006 1.205-0.006 2.08 0.127 3.118-0.121 0.179-0.244 0.279-0.564 0.334-0.846 0.15-1.484-0.096-1.659-1.005-0.103-0.576-0.019-1.511 0.128-2.285 0.061-0.355 0.137-0.727 0.11-0.879-0.024-0.137-0.091-0.172-0.213-0.149-0.134 0.023-0.462 0.312-0.91 1.236-0.005 1.201 0.009 2.076 0.146 3.114-0.125 0.179-0.222 0.243-0.572 0.304-0.846 0.15-1.607-0.543-1.783-1.45-0.003-0.013-0.003-0.034-0.005-0.05-0.308 0.315-0.692 0.562-1.142 0.642-0.275 0.051-0.445 0.03-0.633-0.045-0.553 1.112-1.258 1.801-2.322 1.987-0.924 0.161-1.769-0.233-2.156-1.287-0.708 1.021-1.776 2.012-2.808 2.194-1.483 0.264-2.282-0.549-2.571-2.189-0.41-2.327 1.049-4.96 2.666-5.246m38.367-19.64c-1.771-1.335-3.675-2.011-5.668-2.011-0.193 0-0.388 0.017-0.584 0.031 0.764-1.094 2.395-3.722 2.02-5.843-0.24-1.348-1.229-2.414-2.52-2.828 0-0.274-0.029-0.552-0.076-0.832-0.197-1.125-0.86-2.144-1.769-2.753 0.101-0.645 0.091-1.165-0.017-1.772-0.382-2.186-1.953-3.543-4.089-3.543-0.34 0-0.691 0.033-1.067 0.102-2.748 0.483-4.671 2.951-4.858 6.044-0.293-0.058-0.601-0.09-0.918-0.09-0.289 0-0.588 0.028-0.881 0.079-0.578 0.103-1.24 0.333-1.932 0.794-0.565-0.305-1.189-0.438-1.774-0.438-0.28 0-0.567 0.025-0.882 0.082-1.286 0.226-2.303 1.016-3.041 1.822-0.79-0.508-1.74-0.783-2.809-0.783-0.396 0-0.807 0.036-1.227 0.109-0.629 0.111-1.24 0.343-1.824 0.682-1.139-3.67-3.835-5.962-7.17-5.962-0.425 0-0.86 0.036-1.292 0.112-3.871 0.684-5.447 3.6-5 6.123 0.197 1.128 0.84 2.099 1.761 2.668l0.673 0.414c-0.023 0.024-0.045 0.049-0.07 0.072-0.897-0.736-2.077-1.176-3.361-1.176-0.324 0-0.651 0.028-0.977 0.087-0.61 0.105-1.179 0.345-1.671 0.684-0.231-0.042-0.473-0.062-0.724-0.062-0.29 0-0.586 0.027-0.907 0.084-0.802 0.142-1.509 0.488-2.112 0.923-0.012-0.22-0.04-0.44-0.08-0.675-0.385-2.186-1.953-3.542-4.091-3.542-0.338 0-0.687 0.032-1.067 0.099-1.453 0.257-2.669 1.07-3.526 2.235-1.01-0.733-2.29-1.156-3.719-1.156-0.482 0-0.984 0.046-1.496 0.137-4.716 0.83-7.123 5.687-6.417 9.7 0.155 0.88 0.406 1.687 0.769 2.447-1.37 0.499-2.461 1.603-3.056 3.13-0.499 1.271-0.634 2.764-0.38 4.195 0.676 3.842 3.73 6.32 7.781 6.32 0.62 0 1.268-0.06 1.923-0.174 0.157-0.028 0.308-0.072 0.463-0.105 0.008 0.285 0.038 0.574 0.089 0.863 0.374 2.127 1.928 3.554 3.861 3.554 0.223 0 0.447-0.022 0.671-0.06 0.408-0.071 0.813-0.208 1.179-0.396-0.081 0.631-0.173 1.239-0.275 1.796-1.52 0.646-3.198 1.891-2.753 4.412 0.446 2.521 2.424 4.424 4.602 4.424 0.204 0 0.407-0.021 0.604-0.056 0.82-0.143 1.472-0.496 2.027-0.938 1.335 0.438 2.499 0.64 3.634 0.64 0.587 0 1.171-0.054 1.79-0.161 2.059-0.362 3.585-1.175 4.653-2.229 0.386 2.112 2.107 3.643 4.105 3.643h0.002c0.228 0 0.459-0.019 0.685-0.061 0.865-0.15 1.579-0.589 2.131-1.187 0.703 0.256 1.337 0.305 1.68 0.305 0.329 0 0.669-0.032 1.016-0.095 0.942-0.168 1.774-0.595 2.47-1.103 0.502 0.182 1.041 0.278 1.603 0.278 0.293 0 0.592-0.03 0.887-0.08 1.186-0.209 2.199-0.743 3.039-1.598 0.635 0.369 1.362 0.578 2.12 0.578 0.24 0 0.487-0.022 0.728-0.064 0.32-0.061 0.711-0.149 1.113-0.349 0.297 0.062 0.605 0.094 0.93 0.094 0.298 0 0.611-0.028 0.927-0.081 0.394-0.071 0.753-0.188 1.084-0.353 0.272 0.057 0.55 0.082 0.817 0.082 0.281 0 0.572-0.025 0.881-0.082 0.906-0.162 1.867-0.738 2.74-1.54 1.83 2.465 4.68 3.878 7.848 3.878h0.005c1.724 0 3.499-0.433 5.14-1.249 4.438-2.226 9.389-8.439 10.266-16.007 0.929-8.11-4.441-12.146-4.637-12.288" fill="#fff"/>
+</svg>

data/vendor/assets/index.html.haml

@@ -0,0 +1,8 @@
+.container
+  .row
+    .six.column.mobile-three.tablet-two
+      = partial "views/buttons/_buttons"
+    .six.column.mobile-one.tablet-four
+      = partial "views/forms/_vertical_form"
+      = partial "views/type/_headings"
+      = partial "views/type/_paragraphs"

data/vendor/assets/javascripts/styleguide/plugins/tbg-close.js.coffee

@@ -0,0 +1,73 @@
+# ============================================================
+# TBG close v0.0.1
+# http://URL
+# ============================================================
+# Copyright 2012 The Beans Group
+#
+# Licensed under the Apache License, Version 2.0 (the "License");
+# you may not use this file except in compliance with the License.
+# You may obtain a copy of the License at
+#
+# http://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing, software
+# distributed under the License is distributed on an "AS IS" BASIS,
+# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+# See the License for the specific language governing permissions and
+# limitations under the License.
+#
+
+plugin = ($)->
+
+  "use strict"  
+
+  # CLOSE CLASS DEFINITION
+  # ========================= 
+  class Close 
+    constructor: ( element ) ->
+      $el = $(element)
+      @$target = @_getTarget $el
+  
+    _constructor:  Close
+  
+    close : ->
+      if not @$target then return false
+      @$target.trigger 'close'
+      @$target.remove()
+
+    # private
+    _getTarget: ($el) ->
+      # Get target from data element
+      target = (dataEl = $( $el.attr('data-close') )).length && dataEl
+      # else get from href
+      if not target then target = (dataEl = $( $el.attr('href') )).length && dataEl
+      target
+  
+  # CLOSE PLUGIN DEFINITION
+  # ==========================
+  
+  $.fn.close = ( option ) ->
+    this.each ->
+      $this = $(@)
+      data = $this.data 'closePlugin'
+      if !data then $this.data 'closePlugin', (data = new Close @)
+      if typeof option is 'string' then data[option]()
+
+  $.fn.close.Constructor = Close
+  
+  
+  # DATA API
+  # ===================================
+  
+  $ ->
+    $('body').on 'click.close.data-api', '[data-close]', ( e ) ->
+      $(e.target).close('close')
+      e.preventDefault()
+
+do ( plugin ) ->
+  if typeof define is 'function' and define.amd
+    # AMD. Register as an anonymous module.
+    define(['jquery'], plugin);
+  else
+    # Browser globals
+    plugin(jQuery)

data/vendor/assets/javascripts/styleguide/plugins/tbg-forms.js.coffee

@@ -0,0 +1,96 @@
+# ============================================================
+# Forms v0.0.1
+# ============================================================
+# Copyright 2012 The Beans Group
+#
+# Licensed under the Apache License, Version 2.0 (the "License");
+# you may not use this file except in compliance with the License.
+# You may obtain a copy of the License at
+#
+# http://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing, software
+# distributed under the License is distributed on an "AS IS" BASIS,
+# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+# See the License for the specific language governing permissions and
+# limitations under the License.
+#
+
+
+plugin = ($)->
+
+  "use strict"  
+
+  # FORMs CLASS DEFINITION
+  # ========================= 
+  class TBGForm
+    constructor: ( element ) ->
+      @form = $(element)
+      @send()
+
+    _constructor: TBGForm
+
+    send : ->
+      if not (url = @form.data('forms') || @form.attr('action')) then return false
+      @sendRequest @form.serialize(), url
+
+    sendRequest : (data, url)->
+      $.ajax
+        type: 'POST'
+        url: url
+        data: data
+        dataType: "json"
+        success: =>
+          @showSuccess()
+        error: (err) =>
+          @showErrors $.parseJSON(err.responseText)
+
+
+    showErrors :( errors )->
+      @form.find('.form-msg.is-error').remove()
+      @form.find('.is-error').removeClass('is-error')
+
+      for field, error of errors
+        $this = @form.find("[id$=#{field}]").addClass('is-error')
+        if not msg = ($this.siblings(".form-msg"))[0] then msg = $("<small class='form-msg'></small>").insertAfter($this)
+        msg.text( "#{field} " + error.join(' & ') ).addClass('is-error')
+        $this.siblings('label').addClass('is-error')
+
+
+    showSuccess :->
+      @showErrors {}
+      @successArea = $(@form.data 'forms-success-replace')
+      @successHTML = @form.data 'forms-success-content'
+      @successArea.fadeOut().html(@successHTML).fadeIn()
+      $('body').trigger 'tbgform-success', [@form]
+      if @form.data 'forms-success-formfade' then @form.fadeOut()
+
+
+
+  # DOWNLOADFORM PLUGIN DEFINITION
+  # ==========================
+
+  $.fn.forms = ( option ) ->
+    this.each ->
+      $this = $(@)
+      data = $this.data 'formsPlugin'
+      if !data then $this.data 'formsPlugin', (data = new TBGForm @) else data[option]()
+
+  $.fn.forms.Constructor = TBGForm
+
+
+  # DATA API
+  # ===================================
+
+  $ ->
+    $('body').on 'submit.forms.data-api', '[data-forms]' , ( e ) ->
+      $(e.target).forms('send')
+      return false
+
+do ( plugin ) ->
+  if typeof define is 'function' and define.amd
+    # AMD. Register as an anonymous module.
+    define(['jquery'], plugin);
+  else
+    # Browser globals
+    plugin(jQuery)

data/vendor/assets/javascripts/styleguide/plugins/tbg-switch.js.coffee

@@ -0,0 +1,85 @@
+# ============================================================
+# TBG switch v0.0.1
+# ============================================================
+# Copyright 2012 The Beans Group
+#
+# Licensed under the Apache License, Version 2.0 (the "License");
+# you may not use this file except in compliance with the License.
+# You may obtain a copy of the License at
+#
+# http://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing, software
+# distributed under the License is distributed on an "AS IS" BASIS,
+# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+# See the License for the specific language governing permissions and
+# limitations under the License.
+#
+
+plugin = ($)->
+
+  "use strict"  
+
+  # SWITCH CLASS DEFINITION
+  # ========================= 
+  class Switch 
+    constructor: ( @el ) ->
+      @parent = if (parent = @el.parent('li')).length then parent else @el.parent()
+      @content = @_getContent @el
+      @toggle = @el.attr('data-switch-toggle')?
+      @group = if ( groupName = @el.attr('data-switch-group') ) then $("[data-switch-group='#{groupName}']")
+      @container = @el.closest 'ul'
+
+    activeClass: "is-active"
+
+    _constructor:  Switch
+
+    click: ->
+      if @parent.hasClass(@activeClass)
+        if @toggle then return @changeStateTo false else return
+
+      @_closeGroup() if @group
+
+      @changeStateTo true
+
+    changeStateTo: (action, elements =  [@content, @parent]) ->
+      el["#{if action then "add" else "remove"}Class"] @activeClass for el in elements
+
+    _closeGroup: ->
+      if (activeEl = @container.find("li.#{@activeClass}")).length
+        activeContent = @_getContent activeEl.children('a')
+        @changeStateTo false, [activeContent, activeEl]
+
+    _getContent: ( el ) ->
+      $(el.attr 'href')
+
+
+
+  # SWITCH PLUGIN DEFINITION
+  # ==========================
+
+  $.fn.switch = ( option ) ->
+    this.each ->
+      $this = $(@)
+      data = $this.data 'switchPlugin'
+      if !data then $this.data 'switchPlugin', (data = new Switch $this)
+      if typeof option is 'string' then data[option]()
+  
+  $.fn.switch.Constructor = Switch
+  
+  
+  # DATA API
+  # ===================================
+  
+  $ ->
+    $('body').on 'click.switch.data-api', '[data-switch]', ( e ) ->
+      $(e.target).switch('click')
+      e.preventDefault()
+
+do ( plugin ) ->
+  if typeof define is 'function' and define.amd
+    # AMD. Register as an anonymous module.
+    define(['jquery'], plugin);
+  else
+    # Browser globals
+    plugin(jQuery)

data/vendor/assets/stylesheets/_functions.scss

@@ -0,0 +1,28 @@
+//
+// SASS Functions
+// @author Ad Taylor
+//
+
+
+// ==========================================================================
+// Convert number to word - https://github.com/zurb/foundation/blob/master/scss/foundation/functions/_convert-number-to-word.scss
+// ==========================================================================
+
+@function convert-number-to-word($num) {
+  $count:1;
+  @each $word in one,two,three,four,five,six,seven,eight,nine,ten,eleven,
+  twelve,thirteen,fourteen,fifteen,sixteen,seventeen,eighteen,nineteen,
+  twenty,twentyone,twentytwo,twentythree,twentyfour{
+    @if ($count == $num) { @return $word; }
+    $count: $count + 1;
+  }
+  @return "invalid";
+}
+
+// ========================================================================
+// Grid Calculation for Percentages - https://github.com/zurb/foundation/blob/master/scss/foundation/functions/_grid-calc.scss
+// ========================================================================
+
+@function gridCalc($colNumber, $totalColumns) {
+  @return percentage(($colNumber / $totalColumns));
+}

data/vendor/assets/stylesheets/_mixins.css.scss

@@ -0,0 +1,163 @@
+//
+// Mixins to help reduce verbose repeating markup
+// @author Ad Taylor
+//
+
+// ==========================================================================
+// Create column sizes
+// ==========================================================================
+
+@mixin create-column-sizes($grids) {
+  $query-pos: 4;
+  @each $grid in $grids {
+    // If there is a media query
+    @if(length($grid) == $query-pos) {
+
+      .#{nth($grid,1)}only {
+        display: none;
+      }
+
+      // Add Rules wrapped in media query
+      @include media-query( nth($grid,$query-pos), nth($grid,1) ) {
+        @include build-column-size($grid);
+        .#{nth($grid,1)}only {
+          display: block;
+        }
+
+        .#{nth($grid,1)}hide {
+          display: none;
+        }
+      }
+    }
+    @else {
+      body:after {
+        content: nth($grid,1);
+        display: none;
+      }
+      @include build-column-size($grid);
+    }
+  }
+}
+
+@mixin build-column-size($grid) {
+  $padding-pos: 3;
+  $total-columns: nth($grid,2);
+  @if(length($grid) >= $padding-pos ) {
+    .column {
+      padding: 0 (0.5 * nth($grid,$padding-pos));
+      @if($total-columns == 1){
+        float: none;
+        width: auto;
+        right: auto;
+        left: auto;
+      }
+    }
+  }
+
+  @if($total-columns > 1) {
+    @for $i from 1 through $total-columns {
+      .#{nth($grid,1)}#{convert-number-to-word($i)} {
+        width: gridCalc($i, $total-columns);
+      }
+      .#{nth($grid,1)}push-#{convert-number-to-word($i)} {
+        left: gridCalc($i, $total-columns);
+      }
+      .#{nth($grid,1)}pull-#{convert-number-to-word($i)} {
+        right: gridCalc($i, $total-columns);
+      }
+    }
+    .#{nth($grid,1)}push-none {
+      left: 0;
+    }
+    .#{nth($grid,1)}pull-none {
+      right: 0;
+    }
+  }
+
+
+}
+
+// ==========================================================================
+// Simple Media Query Generator
+// ==========================================================================
+
+@mixin media-query($size,$name) {
+  @media ($size) {
+    body:after {
+        content: $name;
+        display: none;
+    }
+
+    @content;
+  }
+}
+
+// ==========================================================================
+// Micro Clearfix - Nicolas Gallagher
+// ==========================================================================
+
+@mixin clearfix() { *zoom:1;
+  &:before, &:after { content: ""; display: table; }
+  &:after { clear: both; }
+}
+
+// ==========================================================================
+// Internet Explorer Fixes
+// ==========================================================================
+
+// IE7 inline-block ~ twitter bootstrap
+
+@mixin ie7-inline-block {
+  *display: inline;
+  *zoom: 1;
+}
+
+// IE7 likes to collapse whitespace on either side of the inline-block elements.
+// Ems because we're attempting to match the width of a space character. Left
+// version is for form buttons, which typically come after other elements, and
+// right version is for icons, which come before. Applying both is ok, but it will
+// mean that space between those elements will be .6em (~2 space characters) in IE7,
+// instead of the 1 space in other browsers.  ~ twitter bootstrap
+
+@mixin ie7-restore-left-whitespace {
+  *margin-left: .3em;
+
+  &:first-child {
+    *margin-left: 0;
+  }
+}
+
+// ==========================================================================
+// Accessibility
+// ==========================================================================
+
+@mixin set-focus {
+  outline: 3px solid yellow;
+}
+
+
+// ==========================================================================
+// Uncle Dave's Ol' Padded Box
+// ==========================================================================
+
+@mixin ol-padded-box($ratioW, $ratioH) {
+  background-size: cover;
+  height: 0;
+  display: block;
+  padding-bottom: 0% + ($ratioH/$ratioW)*100;
+}
+
+
+// ==========================================================================
+// Smallest query
+// ==========================================================================
+
+@mixin smallest-query {
+  $query-position: 4;
+  $length: length($grids);
+  $mobile: nth($grids, $length);
+
+  @include media-query( nth($mobile,$query-position), nth($mobile,1) ) {
+    @content;
+  }
+}