Cristiano Rastelli didoo
alexjlockwood
/ print-unlinked-colors.ts
Created
February 3, 2020 21:41
Prints nodes that have fill/stroke colors that aren't linked to a style.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| figma.root.children | |
| .flatMap(pageNode => pageNode.findAll(n => true)) | |
| .forEach(node => { | |
| if ('fills' in node && 'fillStyleId' in node) { | |
| if (node.fills !== figma.mixed && node.fills.length > 0 && node.fillStyleId !== '') { | |
| print(`${node.name}'s fill color is not linked to a style`); | |
| } | |
| } | |
| if ('strokes' in node && 'strokeStyleId' in node) { | |
| if (node.strokes.length > 0 && node.strokeStyleId !== '') { |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* jshint node: true */ | |
| const EmberApp = require('ember-cli/lib/broccoli/ember-app'); | |
| const generateWhitelabelIndexes = require('./generate-whitelabel-indexes'); | |
| module.exports = function(defaults) { | |
| const app = new EmberApp(defaults, { | |
| // ...all sorts of config | |
| }); |
winkerVSbecks
/ ds-controls.js
Created
September 4, 2018 14:48
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| static propertyControls: PropertyControls = { | |
| text: { type: ControlType.String, title: 'Text' }, | |
| fontSize: { | |
| type: ControlType.FusedNumber, | |
| toggleKey: 'fontPerBP', | |
| toggleTitles: ['Font', 'Font per BP'], | |
| valueKeys: ['font1', 'font2', 'font3', 'font4'], | |
| valueLabels: theme.breakpoints.map(s => s.replace('px', '')), | |
| min: 0, | |
| title: 'Font Size', |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import * as React from "react"; | |
| import { | |
| Frame, | |
| Data, | |
| Animatable, | |
| animate, | |
| PropertyControls, | |
| ControlType | |
| } from "framer"; |
romannurik
/ tab-widget.tsx
Created
August 23, 2018 15:51
A proof-of-concept Tab widget for Framer X
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import { ControlType, PropertyControls } from "framer"; | |
| import * as React from "react"; | |
| interface TabWidgetProps { | |
| selectedTab: number; | |
| accentColor: string; | |
| } | |
aalokt89
/ ImagePost.tsx
Last active
June 16, 2019 18:09
Framer X Stack with design and code components
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import * as React from "react"; | |
| import { Frame, Stack, PropertyControls, ControlType } from "framer"; | |
| import { Avatar, PostHeader, PostImage, PostButtonGroup } from "./canvas"; | |
| // Define type of property | |
| interface Props { | |
| username: string; | |
| timeStamp: string; | |
| postText: string; | |
| width: number; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import * as React from 'react' | |
| const container: React.CSSProperties = { | |
| width: '100%', | |
| height: '100%', | |
| display: 'grid', | |
| gridTemplateColumns: '10rem 10rem 10rem 10rem' | |
| } | |
| const item: React.CSSProperties = { |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Orta.vscode-jest | |
| Shan.code-settings-sync | |
| christian-kohler.npm-intellisense | |
| christian-kohler.path-intellisense | |
| codezombiech.gitignore | |
| dbaeumer.vscode-eslint | |
| esbenp.prettier-vscode | |
| jasonlhy.vscode-browser-sync | |
| jpoissonnier.vscode-styled-components | |
| kumar-harsh.graphql-for-vscode |
stevenkaspar
/ CustomIframe.jsx
Created
October 27, 2017 19:38
React Iframe for Writing to contentDocument
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * This has a specific use case for writing to the contentDocument allowing for a separated scope | |
| * | |
| * There are probably other ways to do this with ShadowDom but this works well for my purposes | |
| * | |
| * USAGE: | |
| * | |
| * <CustomIframe html={<head><title>Doc Title</title></head><body>Hello React User</body>} /> | |
| * | |
| */ |
busypeoples
/ FlowReactTutorial.js
Last active
July 17, 2023 10:12
Flow Fundamentals For ReactJS Developers
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // | |
| // MIT License | |
| // | |
| // Copyright (c) 2018 Ali Sharif | |
| // | |
| // Permission is hereby granted, free of charge, to any person obtaining a copy | |
| // of this software and associated documentation files (the "Software"), to deal | |
| // in the Software without restriction, including without limitation the rights | |
| // to use, copy, modify, merge, publish, distribute, sublicense, and/or sell | |
| // copies of the Software, and to permit persons to whom the Software is |
NewerOlder