| // ---- | |
| // Sass (v3.3.7) | |
| // Compass (v1.0.0.alpha.18) | |
| // ---- | |
| // Fork of http://sassmeister.com/gist/8760275 by @jlong | |
| @function slice($list, $start: 1, $end: length($list)) { | |
| $result: (); | |
| @for $i from $start through $end { |
| var _ = require("lodash"); | |
| var fs = require("fs"); | |
| var parser = require("css"); | |
| var file = fs.readFileSync("./css/pagedetail.css", "utf-8").toString(); | |
| var parsed = parser.parse(file); | |
| var uniqueColors = _.chain(parsed.stylesheet.rules) | |
| // Get declarations for each rule |
| // ---- | |
| // Sass (v3.4.7) | |
| // Compass (v1.0.1) | |
| // ---- | |
| $pi: 3.14159265359; | |
| @function pow($base,$exp){ | |
| $value: $base; | |
| @if $exp > 1{ | |
| @for $i from 2 through $exp{ |
| /** | |
| * SVG Fixer | |
| * | |
| * Fixes references to inline SVG elements when the <base> tag is in use. | |
| * Firefox won't display SVG icons referenced with | |
| * `<svg><use xlink:href="#id-of-icon-def"></use></svg>` when the <base> tag is on the page. | |
| * | |
| * More info: | |
| * - http://stackoverflow.com/a/18265336/796152 | |
| * - http://www.w3.org/TR/SVG/linking.html |
✋ Heads up! This code uses the Front API V1, which is deprecated. @niklasravnsborg took this project further and created a Front API V2 compatible version: https://github.com/niklasravnsborg/front-export 🎉
Little export script for exporting all conversations in a Front inbox, using the Front API.
When using the awesome Front App, you want to export all conversations in an inbox. For example, for backup purposes.
Three environment variables are needed:
| componentDidMount() { | |
| const el = findDOMNode(this); | |
| // Determine if we should animate from the left or from the right | |
| const percentage = this.props.direction === 'left' ? -100 : 100; | |
| this._tl = new TimelineLite({ paused: true }); | |
| // Force full width, because our parent element is a Flex item. Otherwise, | |
| // we wouldn't get enough width from the flexbox algorithm. | |
| this._tl.set(el, { width: '100%' }); |
| componentDidMount() { | |
| this._tl = new TimelineLite({ paused: true }); | |
| // Fade out the content and set it to `visibility: hidden` | |
| // See: http://greensock.com/docs/#/HTML5/GSAP/Plugins/CSSPlugin/ | |
| this._tl.to(this._contentEl, 0.5, { autoAlpha: 0 }); | |
| // Shrink it down to zero width | |
| this._tl.to([el, this._contentEl], 0.5, { width: 0, padding: 0 }); | |
| // Hide it completely so it's not considered in the flexbox | |
| // layout algorithm anymore |
| componentDidMount() { | |
| this._tl = new TimelineLite({ paused: true }); | |
| this._tl.add([ | |
| // Fade out the Avatar Info (name and background) | |
| TweenLite.to(this._infoEl, 0.5, { opacity: 0, width: 0, margin: 0 }), | |
| // Scale down the Avatar image | |
| TweenLite.to(this._figureEl, 0.5, { scale: 0.75 }) | |
| ]); |
| module EverySet | |
| exposing | |
| ( EverySet | |
| , empty | |
| , insert | |
| , isEmpty | |
| , member | |
| , remove | |
| ) |