<commit_before>Picnic CSS
=========

Unpack your meal and get coding. An invasive CSS library to get your style started.

By [<NAME>](https://github.com/FranciscoP), [<NAME>](https://github.com/jordanwallwork) and [<NAME>](https://github.com/galulex).

Wait, *invasive*?
-----

Many libraries rely upon adding classes to your already existing html elements, resulting in bloated code like `<button class = "btn btn-primary">Hey</button>`. It would be easier if the buttons knew they are, well, *buttons*. Crazy eh?

This setup works neatly for newly created projects or for pages that you have to build quick from scratch.

> Note: the more *unstable* components require the use of a wrapper with a class to make them work. These are: `select` for `<select>`, `radio` for `<input type="radio">` and `checkbox` for `<input type="checkbox">`.

> Another note: the sass version has this as a parameter; disable it and you'll need to add classes like `button` to your elements to have this style.


Browser support ( !IE8- )
------

With IE8 usage [dropping *fast*](http://ux.stackexchange.com/a/64361) and with IE9 and IE10 usage even below their older mate, it is time to start thinking about not supporting them anymore. However, bug fixes for IE9 will be accepted and everything is expected to run smooth down to it. For Chrome, Firefox, Opera and Safari up to 2 previous versions are expected to be working, and everything that is not is definitely a bug.



Example usage
------


```html
<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" type="text/css" href="http://picnicss.com/picnic.css">
  </head>
  <body>
    <h1>
      Picnic CSS
    </h1>
    
    <form>
      What's your favourite Picnic CSS feature?
      
      <label class="select">
        <select name="feature">
          <option value="semantic">    Semantic HTML5 </option><commit_msg>Edited the note<commit_after>Picnic CSS
=========

Unpack your meal and get coding. An invasive CSS library to get your style started.

By [<NAME>](https://github.com/FranciscoP), [<NAME>](https://github.com/jordanwallwork) and [<NAME>](https://github.com/galulex).

Wait, *invasive*?
-----

Many libraries rely upon adding classes to your already existing html elements, resulting in bloated code like `<button class = "btn btn-primary">Hey</button>`. It would be easier if the buttons knew they are, well, *buttons*. Crazy eh?

This setup works neatly for newly created projects or for pages that you have to build quick from scratch.

> Note: the more *unstable* components require the use of a wrapper with a class to make them work. These are: `select` for `<select>`, `radio` for `<input type="radio">` and `checkbox` for `<input type="checkbox">`.

> Another note: the sass version has a parameter called `$invasive`. Set it to `false` and you'll need to add classes like `button` to your elements to have this style.


Browser support ( !IE8- )
------

With IE8 usage [dropping *fast*](http://ux.stackexchange.com/a/64361) and with IE9 and IE10 usage even below their older mate, it is time to start thinking about not supporting them anymore. However, bug fixes for IE9 will be accepted and everything is expected to run smooth down to it. For Chrome, Firefox, Opera and Safari up to 2 previous versions are expected to be working, and everything that is not is definitely a bug.



Example usage
------


```html
<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" type="text/css" href="http://picnicss.com/picnic.css">
  </head>
  <body>
    <h1>
      Picnic CSS
    </h1>
    
    <form>
      What's your favourite Picnic CSS feature?
      
      <label class="select">
        <select name="feature">
          <option value="semantic">    Semantic HTML5 </option>
{'fraction_non_alphanumeric': 0.11534363345764517, 'fraction_numerical': 0.007991475759190196, 'mean_word_length': 3.6820448877805485, 'pattern_counts': {'":': 0, '<': 45, '<?xml version=': 0, '>': 49, 'https://': 6, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2289253', 'n_tokens_mistral': 1111, 'n_tokens_neox': 1046, 'n_words': 489}