There are a handful of tools we use on our local development environment to process and build the front-end of our codebase. To start front-end development on the codebase you'll need the following tools installed:
- NPM
- Grunt
- Bower
| --- | |
| ip: "192.168.10.10" | |
| memory: 2048 | |
| cpus: 1 | |
| provider: virtualbox | |
| backup: true | |
| features: | |
| - mariadb: true |
| import React from 'react'; | |
| import { | |
| Dimensions, | |
| Image, | |
| Platform, | |
| StyleSheet, | |
| Text, | |
| View, | |
| } from 'react-native'; |
| var ComponentName = function(options){ | |
| this.options = { | |
| $el: false | |
| }; | |
| $.extend(true, this.options, options); | |
| }; |
| @include transition\(([^)]+)\) |
| <script> | |
| !function(){function e(e,n,t){"use strict";var o=window.document.createElement("link"),r=n||window.document.getElementsByTagName("script")[0],a=window.document.styleSheets;return o.rel="stylesheet",o.href=e,o.media="only x",r.parentNode.insertBefore(o,r),o.onloadcssdefined=function(e){for(var n,t=0;t<a.length;t++)a[t].href&&a[t].href===o.href&&(n=!0);n?e():setTimeout(function(){o.onloadcssdefined(e)})},o.onloadcssdefined(function(){o.media=t||"all"}),o}function n(e,n){e.onload=function(){e.onload=null,n&&n.call(e)},"isApplicationInstalled"in navigator&&"onloadcssdefined"in e&&e.onloadcssdefined(n)}!function(t){var o=function(r,a){"use strict";if(r&&3===r.length){var i=t.navigator,c=t.document,s=t.Image,d=!(!c.createElementNS||!c.createElementNS("http://www.w3.org/2000/svg","svg").createSVGRect||!c.implementation.hasFeature("http://www.w3.org/TR/SVG11/feature#Image","1.1")||t.opera&&i.userAgent.indexOf("Chrome")===-1||i.userAgent.indexOf("Series40")!==-1),l=new s;l.onerror=function(){o.method="png",o. |
| @mixin link-with-border($color){ | |
| position:relative; | |
| &::after{ | |
| border-bottom: 1px $color dotted; | |
| bottom: 1px; | |
| content: ""; | |
| left:0; | |
| position:absolute; |
| {% extends "_layout" %} | |
| {% block content %} | |
| {% cache %} | |
| <!-- content container --> | |
| <div class="small-12 large-10 columns body-white"> | |
| <!-- template specific data --> |
| { | |
| "name": "Test Park Name", | |
| "address": "W 4th Ave and W Garnet St.", | |
| "city": "Broomfield", | |
| "videos": [ | |
| "http://www.videourl.com" | |
| ], | |
| "photos": [ | |
| { | |
| "src": "http://photourl.com/img.jpg", |
| <?php | |
| // Inside our custom third_party addon folder, /third_party/store_helpers, we have a folder called "classes." | |
| // Within the classes directory we have this file, which holds our custom build Adjuster Class. | |
| // | |
| // You should be able to see how this class is passed our $order object, and then instantiates a new | |
| // Order Adjustment object, which we use to make the adjustment. There are a few properties on the Order Adjustment | |
| // object (nane, type, amount, etc..) that define the adjustment. The adjustment is then returned and processed. | |