npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

jx-css

v0.0.12

Published

自研自用css库

Downloads

16

Readme

jx-css

http://lesscss.org/usage/

dir: axis direction
    top:from top to bottom
    right:from right to left
    bottom:from bottom to top
    left:from left to right( default )
main:axis align
    right:from right to left
    left:from left to right ( default )
    justify:justify align
    center:center align
cross:cross axis align
    top:from top to bottom ( default )
    bottom:from top to bottom
    baseline:baseline align
    center:center align
    stretch:cover whole area 
box:child element setup 
    mean:space is split by child elements equally
    first:spare space is  not given to the first element and split by the rest of child elements equally
    last:spare space is  not given to the last element and split by the rest of child elements equally
    justify:spare space is  not given to both of the first element of each end 
	and split by the rest of child elements equally

Style Guide:

## Subject

[<img src="images/image1.png" height="230" title="Demo 1">](http://url-to-page)
[<img src="images/image2.png" height="230" title="Demo 2">](http://url-to-page)
[<img src="images/image3.png" height="230" title="Demo 3">](http://url-to-page)

***
&nbsp;

 

Quick links

  1. Accordion / Toggle
  2. Carousel
  3. Counter of checked check-boxes
  4. Flip on click
  5. Floating label on Textfield
  6. Font-Face (Latin)
  7. Games
  8. Info on hover/ Popover
  9. Image Gallery
  10. Menu
  11. Mobile menu off canvas
  12. Burger menu
  13. Fancy menu
  14. Modal/Popup
  15. Mouse tracking
  16. Parallax scrolling
  17. Tabs
  18. Todo List
  19. Tooltips
  20. Treeview
  21. Twitter Heart Animation
  22. Dynamic Image Colorizing
  23. Ripple Effect
  24. Responsive Counter Showing # of Items That Didn't Fit Screen

Accordion / Toggle

⬆ back to top


 

Carousel

⬆ back to top


 

Counter of checked check-boxes

⬆ back to top


 

Flip on click

⬆ back to top


 

Floating label on Textfield

⬆ back to top


 

Font-Face (Latin)

⬆ back to top


 

Games

⬆ back to top


 

Info on hover/ Popover

⬆ back to top


 

Image Gallery

⬆ back to top


 

Loaders

⬆ back to top


 

Menu

⬆ back to top


 

Mobile menu off canvas

⬆ back to top


 

Burger Menu

⬆ back to top


 

Fancy Menu

⬆ back to top


 

Modal/Popup

⬆ back to top


 

Mouse tracking

⬆ back to top


 

Parallax scrolling

⬆ back to top


 

Tabs

⬆ back to top


 

Todo List

⬆ back to top


 

Tooltips

Treeview

⬆ back to top


 

Twitter Heart Animation

⬆ back to top


 

Dynamic Image Colorizing

⬆ back to top


 

Ripple Effect

⬆ back to top


 

Responsive Counter Showing # of Items That Didn't Fit Screen

⬆ back to top


 

Contributing

Welcome to contribute to this project. Send us a Pull Request now!