# CSS3 GitHub Buttons Extended Sizes Addon Only #

## Extended Sizes Pack ##

Demo: [http://demo.codefusionlab.com/css3-github-buttons/ext_button_size/](http://demo.codefusionlab.com/css3-github-buttons/ext_button_size/)

These are all incremented by px sizes

&lt;a href="#button" class="button `bigger`">bigger&lt;/a>  
&lt;a href="#button" class="button `biggest`">biggest&lt;/a>  
&lt;a href="#button" class="button `xl`">xl&lt;/a>  
&lt;a href="#button" class="button `xxl`">xxl&lt;/a>  
&lt;a href="#button" class="button `xxxl`">xxxl&lt;/a>  
&lt;a href="#button" class="button `xxxxl`">xxxxl&lt;/a>  
&lt;a href="#button" class="button `xxxxxl`">xxxxxl&lt;/a>  

These are all incremented by em sizes

&lt;a href="#button" class="button `x1`">x1&lt;/a>  
&lt;a href="#button" class="button `x2`">x2&lt;/a>  
&lt;a href="#button" class="button `x3`">x3&lt;/a>  
&lt;a href="#button" class="button `x4`">x4&lt;/a>  
&lt;a href="#button" class="button `x5`">x5&lt;/a>  
&lt;a href="#button" class="button `x6`">x6&lt;/a>  
&lt;a href="#button" class="button `x7`">x7&lt;/a>  
&lt;a href="#button" class="button `x8`">x8&lt;/a>  
&lt;a href="#button" class="button `x9`">x9&lt;/a>  
&lt;a href="#button" class="button `x10`">x10&lt;/a>  

These are all fixed min-widths by px

&lt;a href="#button" class="button `minwidth50`">minwidth50&lt;/a>  
&lt;a href="#button" class="button `minwidth100`">minwidth100&lt;/a>  
&lt;a href="#button" class="button `minwidth150`">minwidth150&lt;/a>  
&lt;a href="#button" class="button `minwidth200`">minwidth200&lt;/a>  
&lt;a href="#button" class="button `minwidth250`">minwidth250&lt;/a>  
&lt;a href="#button" class="button `minwidth300`">minwidth300&lt;/a>  
&lt;a href="#button" class="button `minwidth350`">minwidth350&lt;/a>  
&lt;a href="#button" class="button `minwidth400`">minwidth400&lt;/a>  
&lt;a href="#button" class="button `minwidth450`">minwidth450&lt;/a>  
&lt;a href="#button" class="button `minwidth500`">minwidth500&lt;/a>  
&lt;a href="#button" class="button `minwidth550`">minwidth550&lt;/a>  
&lt;a href="#button" class="button `minwidth600`">minwidth600&lt;/a>  
&lt;a href="#button" class="button `minwidth650`">minwidth650&lt;/a>  
&lt;a href="#button" class="button `minwidth700`">minwidth700&lt;/a>  
&lt;a href="#button" class="button `minwidth750`">minwidth750&lt;/a>  
&lt;a href="#button" class="button `minwidth800`">minwidth800&lt;/a>  
&lt;a href="#button" class="button `minwidth850`">minwidth850&lt;/a>  
&lt;a href="#button" class="button `minwidth900`">minwidth900&lt;/a>  
&lt;a href="#button" class="button `minwidth950`">minwidth950&lt;/a>  

These are all fluid min-widths by %

&lt;a href="#button" class="button `minpcent25`">minpcent25&lt;/a>  
&lt;a href="#button" class="button `minpcent50`">minpcent50&lt;/a>  
&lt;a href="#button" class="button `minpcent75`">minpcent75&lt;/a>  
&lt;a href="#button" class="button `minpcent100`">minpcent100&lt;/a>  

These are all fixed max-widths by px

&lt;a href="#button" class="button `maxwidth50`">maxwidth50&lt;/a>  
&lt;a href="#button" class="button `maxwidth100`">maxwidth100&lt;/a>  
&lt;a href="#button" class="button `maxwidth150`">maxwidth150&lt;/a>  
&lt;a href="#button" class="button `maxwidth200`">maxwidth200&lt;/a>  
&lt;a href="#button" class="button `maxwidth250`">maxwidth250&lt;/a>  
&lt;a href="#button" class="button `maxwidth300`">maxwidth300&lt;/a>  
&lt;a href="#button" class="button `maxwidth350`">maxwidth350&lt;/a>  
&lt;a href="#button" class="button `maxwidth400`">maxwidth400&lt;/a>  
&lt;a href="#button" class="button `maxwidth450`">maxwidth450&lt;/a>  
&lt;a href="#button" class="button `maxwidth500`">maxwidth500&lt;/a>  
&lt;a href="#button" class="button `maxwidth550`">maxwidth550&lt;/a>  
&lt;a href="#button" class="button `maxwidth600`">maxwidth600&lt;/a>  
&lt;a href="#button" class="button `maxwidth650`">maxwidth650&lt;/a>  
&lt;a href="#button" class="button `maxwidth700`">maxwidth700&lt;/a>  
&lt;a href="#button" class="button `maxwidth750`">maxwidth750&lt;/a>  
&lt;a href="#button" class="button `maxwidth800`">maxwidth800&lt;/a>  
&lt;a href="#button" class="button `maxwidth850`">maxwidth850&lt;/a>  
&lt;a href="#button" class="button `maxwidth900`">maxwidth900&lt;/a>  
&lt;a href="#button" class="button `maxwidth950`">maxwidth950&lt;/a>  

These are all fluid max-widths by %

&lt;a href="#button" class="button `maxpcent25`">maxpcent25&lt;/a>  
&lt;a href="#button" class="button `maxpcent50`">maxpcent50&lt;/a>  
&lt;a href="#button" class="button `maxpcent75`">maxpcent75&lt;/a>  
&lt;a href="#button" class="button `maxpcent100`">maxpcent100&lt;/a>  

use this if want your text to wrap

&lt;a href="#button" class="button `maxwrap`">maxwrap&lt;/a>