Here are the notes from the planning sessions on the new Usabilla form editor.
product-editor/
├── actions/
│ └── tests/
| for(i in 1:44) | |
| df_auto3$Q5_[i] <- gsub("Please indicate the likelihood of this occupation to be automated in the next 10-15 years from 0% = | |
| , replacement = "", df_auto3$Q5_[i]) | |
| } | |
| this.state = { | |
| quotesLiked: [], | |
| quotesDisliked: [] | |
| }; | |
| setLiked = (id) => { | |
| this.setState({quotesLiked: [ | |
| ...this.state.quotesLiked, | |
| id | |
| ]); |
| .features { | |
| display: flex; | |
| @include tablet { | |
| flex-direction: column; | |
| text-align: left; | |
| } | |
| @include mobile { | |
| display: block; |
| /* PLACEHOLDER | |
| ============================================= */ | |
| %btn { | |
| padding: 10px; | |
| color:#fff; | |
| curser: pointer; | |
| border: none; | |
| shadow: none; | |
| font-size: 14px; |
| // MILO WEB FONTT | |
| $font-faces: ( | |
| null: 'MiloWeb.woff', | |
| 'Regular': 'MiloWeb.woff', | |
| 'Text': 'MiloWeb-Text.woff', | |
| 'Medium': 'MiloWeb-Medium.woff', | |
| 'Light': 'MiloWeb-Light.woff', | |
| 'LightItalic': 'MiloWeb-LightIta.woff', | |
| 'ExtraLight': 'MiloWeb-Extralight.woff' | |
| ); |
| // Dimensions | |
| $desktop-width-min: 1024px; | |
| $desktop-width-max: 1920px; | |
| $phone-width-min: 320px; | |
| $phone-width-max: 480px; | |
| $tablet-width-min: 768px; | |
| $tablet-width-max: 1024px; | |
| $mobile-view: '(max-width: #{$tablet-width-min - 1})'; | |
| $tablet-view: '(min-width: #{$tablet-width-min}) and (max-width: #{$tablet-width-max})'; |
| var gulp = require('gulp'); | |
| var sass = require('gulp-sass'); | |
| var runSequence = require('run-sequence'); | |
| gulp.task('scss', function() { | |
| return gulp.src(['src/scss/*.scss']) | |
| .pipe(sass()) | |
| .pipe(gulp.dest('dist/css/')) | |
| }); |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>JS Bin</title> | |
| <style id="jsbin-css"> | |
| @import url(https://fonts.googleapis.com/css?family=Montserrat:400,700); | |
| * { | |
| box-sizing: border-box; | |
| } |
| import React from 'react'; | |
| import BuildingList from './BuildingList'; | |
| class Brutal extends React.Component { | |
| render() { | |
| return( | |
| <div> | |
| <nav> |