PinchX

A minimalistic css approach

Welcome to the Pinchx Library by Ankush Sharma

We often rely on heavy and hefty css frameworks when often prototyping our apps for web.

But, we rarely need all that heavy code and it can often seem daunting and confusing!

So in such a pinch, we long for a brief, flexible and highly customizable css structure

But, we shouldn't have to write all that css ourselves! always!

So why not use "PinchX", that lifts your load and lets you work on your design!

Take a look at the all the elements that PinchX has to offer! For a complete documentation, visit - Official Github Repo




A new Grid System for maximum flexibility


15
14
1
13
2
12
3
11
4
10
5
9
6
8
7
6
9
7

I am often troubled by using grids when creating any markup. The 15 way grid allows for maximum flexibility whenever we need to rapidly build anything! Use your known nametags such as col- to create a compelling new grid






Cards

Three Card types to choose from.
This is a basic card
This is a subtitle
This is a bodyas kasdkjlorem ipsum lorem ipsumlorem ipsumlorem ipsumlorem asdasn dasdas,dmasn,dsam,dasm, iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiioooooooooooooooooooooooooooPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPP
Engage your audience.

The basic card is a good option to display Important info and links!

This is a Fluid card
This card type takes the width of the container
This is a bodyas kasdkjlorem ipsum lorem ipsumlorem ipsumlorem ipsumlorem asdasn dasdas,dmasn,dsam,dasm, iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiioooooooooooooooooooooooooooPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPP

The Fluid card takes the width of any container it is placed in!







img
icon Watches
This is a product card

The Product card is a highly specialized card to showcase your data more engagingly!




Navbar

With PinchX making a nav-bar is simply easy!


Navbar Dracula - For those on the Dark Side


Navbar Angel - For those Fighting the Dark!



New Typography

Welcome clean, futuristic text

Extra Large Text Display

Large Text Display

Medium Text Display

Small Text Display

Extra Small Text Display