Coder Social home page Coder Social logo

Comments (6)

argyleink avatar argyleink commented on June 13, 2024 1

Work outline:

  1. put props into a js file in the /src folder as props.social.js, like this
  2. add a build step to package.json, like this
  3. run the build step to generate a CSS file in the src directory
  4. add an entry to the package.json exports for the file, like this
  5. update the tests to the new props total, like this
  6. make a PR

Additional pre/post work items:

  1. need to make sure the file offers the most common networks, but not too many
  2. need to document the new props on the docsite somewhere and somehow
  3. should have a neat codepen demo or something that uses the import and colorizes a bunch of icons
  4. maybe we should split out each social network into its own file but also offer a single import for all of them? that would let one file grow large, for use with like jit-props, but also offer individual imports of just the networks you need (so no need for build tools to produce small output)

I may have forgotten something in there, but I'll help you through it if you like. The docsite work is nice to have at the same time as the new props, but some may consider it to be too much work.

from open-props.

DhruvrajsinhRathod avatar DhruvrajsinhRathod commented on June 13, 2024 1

Perfect! Thanks a lot. Working on it :)

from open-props.

DhruvrajsinhRathod avatar DhruvrajsinhRathod commented on June 13, 2024

Can you please specify a bit more, how and what to do this? Thank you :)

from open-props.

Brian-Pob avatar Brian-Pob commented on June 13, 2024

Just found this website: https://brandcolors.net/

Might be useful for this feature!

from open-props.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.