Changed all links to point to the newfull.css

.github/FUNDING.yml

@@ -61,13 +61,13 @@ Yeah... That's all. But no worries! I'm working on adding new components every d
 
 You can use Puppertino in 3 ways (for now):
 
-1. You can download the `all.css` file located in the `/dist/` directory.
+1. You can download the `newfull.css` file located in the `/dist/` directory.
    Download this if you are sure that you need at least half of the elements
    that are present in Puppertino.
 2. Download every component CSS that you need from the `/dist/` folder. Such as
    buttons or form elements or other components. While it maybe tedious to
-   download  them one by one, this can help you to save some KBs in your website, think of your users. :)
-3. You can now download the SCSS version of Puppertino, also located in `/dist/`.
+   download  them one by one, this can help you to save some KBs in your website. :)
+3. ~~You can now download the SCSS version of Puppertino, also located in `/dist/`.~~ **(Deprecated)**
 
 # Docs
 

dist/css/actions.css

@@ -107,7 +107,7 @@
         >
         alternatively you can use the
         <a
-          href="https://github.com/codedgar/Puppertino/blob/master/dist/css/full.css"
+          href="https://github.com/codedgar/Puppertino/blob/master/dist/css/newfull.css"
           target="_blank"
           >Full CSS</a
         >

docs/examples/buttons.html

@@ -66,9 +66,9 @@
         >
         or
         <a
-          href="https://github.com/codedgar/Puppertino/blob/master/dist/css/full.css"
+          href="https://github.com/codedgar/Puppertino/blob/master/dist/css/newfull.css"
           target="_blank"
-          >dowloading the full CSS</a
+          >downloading the full CSS</a
         >
         (Not recommended if you are just going to use this component).
       </p>

docs/examples/dark_mode.html

@@ -55,7 +55,7 @@
         >
         or
         <a
-          href="https://github.com/codedgar/Puppertino/blob/master/dist/css/full.css"
+          href="https://github.com/codedgar/Puppertino/blob/master/dist/css/newfull.css"
           target="_blank"
           >download the full CSS</a
         >

docs/examples/doc.css

@@ -32,11 +32,11 @@
 	</div>
 	<h1>Forms</h1>
 	<div class="master">
-		<p>Forms, are one of the things that moves forward the interface, that's why in Puppertino, form elements come with ready to work, native validation. You can use the Forms using the <a href="https://github.com/codedgar/Puppertino/blob/master/dist/css/forms.css" target="_blank">CSS of Forms</a> or <a href="https://github.com/codedgar/Puppertino/blob/master/dist/css/full.css" target="_blank">dowloading the full CSS</a> (Not recommended if you are just going to use this component).</p>
+		<p>Forms are one of the things that move forward the interface, that's why in Puppertino, form elements come with ready-to-work, native validation. You can use the Forms using the <a href="https://github.com/codedgar/Puppertino/blob/master/dist/css/forms.css" target="_blank">CSS of Forms</a> or <a href="https://github.com/codedgar/Puppertino/blob/master/dist/css/newfull.css" target="_blank">downloading the full CSS</a> (Not recommended if you are just going to use this component).</p>
 
 		<div class="talk-about-it">
 			<h2>Select.</h2>
-			<p>The select box, works exactly as expected, and you can change the width and height withoug affecting the overall composition of the element without problems. The select does not have native validation, but you can still add the <code class="code">p-form-invalid</code> and <code class="code">p-form-valid</code> classes respectively.</p>
+			<p>The select box works exactly as expected, and you can change the width and height without affecting the overall composition of the element without problems. The select does not have native validation, but you can still add the <code class="code">p-form-invalid</code> and <code class="code">p-form-valid</code> classes respectively.</p>
 
 			<div class="p-form-select">
 			    <select>
@@ -67,26 +67,26 @@
         <p>
           Text fields are everything that gets text into it, maybe passwords,
           emails, messages, anything you want. They can have validation,
-          truncated text or be just plain without any of those things. The
-          <strong>validated input</strong> relays on native HTML validation, so
+          truncated text, or be just plain without any of those things. The
+          <strong>validated input</strong> relies on native HTML validation, so
           things like <code class="code">min-length</code> or
           <code class="code">type</code> will work perfectly on it. The
-          validation will be visible once the user change the focus out of the
+          validation will be visible once the user changes the focus out of the
           element, and I prefer it this way to avoid users getting confused
-          while they type. The no-validated input, retains it's style whenever
+          while they type. The no-validated input retains its style whenever
           the input is invalid or valid. The truncated text, adds three dots
           (...) at the end when of the input if the text overflows from it. The
-          appearence of the dots takes place after the user changes the focus
-          out of the element. Truncated text does not disable the validation.
+          appearance of the dots takes place after the user changes the focus
+          out of the element. The truncated text does not disable the validation.
           <br />
           It is also possible to add labels to every type of input without it
           affecting in any way the functionality of the input.
           <br />
-          About the validation: You should always include a placeholder if you
-          intent to use validation. If you don't intent to validate the input
+          About the validation: You should always include a placeholder if you were intending
+          to use validation. If you don't intend to validate the input
           text, you can add the class
           <code class="code">p-form-no-validate</code>.<br />
-          Text fields can be textareas, or inputs.
+          Text fields can be textareas or inputs.
         </p>
         <input
           type="email"
@@ -133,8 +133,8 @@
       <div class="talk-about-it">
         <h2>Alternate inputs.</h2>
         <p>
-          Alternate inputs are a bigger versions of the original inputs. The intended usage of this is login or registration forms.<br><br>
-          The alternate inputs work similar as the default input. The only thing that changes is the class, but validation and others work exactly as expected.
+          Alternate inputs are bigger versions of the original inputs. The intended usage of this is login or registration forms.<br><br>
+          The alternate inputs work similarly to the default input. The only thing that changes is the class, but validation and others work exactly as expected.
         </p>
         <input
           type="email"
@@ -195,10 +195,10 @@
         <p>
           Radio buttons are similar to checkboxes, the main difference between
           radio buttons and checkboxes, is that radio buttons can only one of
-          them in a group of radio buttons can be checked. Radio buttons does
-          not count with any type of validation And count with a nice, simple
+          them in a group of radio buttons can be checked. Radio buttons do
+          not provide any type of validation. And come with a nice, simple
           animation. You can change the width and height of the radio buttons
-          without being worried of breaking the composition.
+          without being worried about breaking the composition.
         </p>
 
         <label class="p-form-radio-cont">
@@ -238,7 +238,7 @@
       <div class="talk-about-it">
         <h2>Checkboxes.</h2>
         <p>
-          Checkboxes, allows the users to select several predefined values.
+          Checkboxes, allow the users to select several predefined values.
           Checkboxes in puppertino, just as Radio buttons, support changing the
           width and height without damaging the composition of the checkbox.
         </p>
@@ -280,7 +280,7 @@
       <div class="talk-about-it">
         <h2>Chips.</h2>
         <p>
-          Chips are essentially checkboxes, but cooler. This makes it easier and more interactive for user to select multiple items or filter information. They come in several flavors and also have support for icons.
+          Chips are essentially checkboxes, but cooler. This makes it easier and more interactive for the user to select multiple items or filter information. They come in several flavors and also have support for icons.
         </p>
 
         <label class="p-chip">
@@ -386,7 +386,7 @@
       <div class="talk-about-it">
         <h2>Switches.</h2>
         <p>
-          Switches are part of those elements that are popular from iOS devices.
+          Switches are part of those elements that are popular in iOS devices.
           And I wasn't going to add them until version 2.0 (Since I wanted to
           create a custom element) But a friend gave me the starter code and I
           just cleaned it a bit and made it look like the aesthetic of
@@ -442,7 +442,7 @@
       <div class="talk-about-it">
         <h2>Buttons.</h2>
         <p>
-          These buttons, are a really small version of the buttons component of
+          These buttons are a really small version of the buttons component of
           Puppertino, just to add send and cancel buttons.
         </p>
 
@@ -469,7 +469,7 @@
         <p>
           Let's say that you are working on a type of validation that can't be
           done with native HTML validation, can you use the validation of
-          Puppertino? Of course you can.<br /><br />
+          Puppertino? Of course, you can.<br /><br />
           To use validations in your code, you can use the classes
           <code class="code">p-form-invalid</code> and
           <code class="code">p-form-valid</code> respectively. You can add or
@@ -477,7 +477,7 @@
           time. Also, here in Puppertino we don't encourage validation in
           real-time. Since we think is better for the user to see the validation
           once he changes the focus of the input.<br />Please be aware that
-          using these classes will disable the default validation
+          using these classes will disable the default validation.
         </p>
 
         <input

docs/examples/getting-started.html

@@ -47,16 +47,16 @@
     <h1>Getting started</h1>
     <div class="master">
       <p>
-        Puppertino is a really straight forward framework to use as you would expect. You can use Puppertino in two ways:
+        Puppertino is a straightforward framework to use as you would expect. You can use Puppertino in two ways:
       </p>
 
       <div class="talk-about-it">
         <h2>Download the full CSS.</h2>
         <p>
-          <a href="https://github.com/codedgar/Puppertino/blob/master/dist/css/full.css">Downloading the full CSS </a> is recommended if you are going to use several components of Puppertino or you are planning on using them. However if you are going to use if some of them we recommend you to go to the next way of using Puppertino.
+          <a href="https://github.com/codedgar/Puppertino/blob/master/dist/css/newfull.css">Downloading the full CSS </a> is recommended if you are going to use several components of Puppertino or you are planning on using them. However, if you are going to use if some of them we recommend you to go to the next way of using Puppertino.
         </p>
 
-        <a href="https://github.com/codedgar/Puppertino/blob/master/dist/css/full.css" target="_blank" class="p-btn p-prim-col p-btn-md">Download Puppertino</a>
+        <a href="https://github.com/codedgar/Puppertino/blob/master/dist/css/newfull.css" target="_blank" class="p-btn p-prim-col p-btn-md">Download Puppertino</a>
       </div>
 
 
@@ -71,7 +71,7 @@
       <div class="talk-about-it">
         <h2>What about JS?</h2>
         <p>
-          There's a section for that in our repo. Sadly there's no full.js, so you'll have to manually download and import every one of them you want do use.
+          There's a section for that in our repo. Sadly there's no full.js, so you'll have to manually download and import every one of them you want to use.
         </p>
         <a href="https://github.com/codedgar/Puppertino/tree/master/src/js" target="_blank" class="p-btn p-prim-col p-btn-md">Check JS files</a>
       </div>

docs/examples/icons.html

@@ -124,7 +124,7 @@
           <div class="p-card-content">
             <h3 class="p-card-title">Layout</h3>
             <p class="p-card-text">
-              Font sizing based on human guidelines for you web/app.
+              Font sizing based on human guidelines for your web/app.
             </p>
           </div>
         </a>
@@ -185,7 +185,7 @@
           <div class="p-card-content">
             <h3 class="p-card-title">Dark Mode</h3>
             <p class="p-card-text">
-              Want that sweet darkmode with your Puppertino app?
+              Want that sweet dark mode with your Puppertino app?
               It's here now.
             </p>
           </div>

docs/examples/layout.html

@@ -62,9 +62,9 @@
         >
         or
         <a
-          href="https://github.com/codedgar/Puppertino/blob/master/dist/css/full.css"
+          href="https://github.com/codedgar/Puppertino/blob/master/dist/css/newfull.css"
           target="_blank"
-          >dowloading the full CSS</a
+          >downloading the full CSS</a
         >
         (Not recommended if you are just going to use this component).
       </p>

docs/examples/modals.html

@@ -108,7 +108,7 @@
         >
         alternatively you can use the
         <a
-          href="https://github.com/codedgar/Puppertino/blob/master/dist/css/full.css"
+          href="https://github.com/codedgar/Puppertino/blob/master/dist/css/newfull.css"
           target="_blank"
           >Full CSS</a
         >

docs/examples/new-index.html

@@ -55,9 +55,9 @@
         >
         or
         <a
-          href="https://github.com/codedgar/Puppertino/blob/master/dist/css/full.css"
+          href="https://github.com/codedgar/Puppertino/blob/master/dist/css/newfull.css"
           target="_blank"
-          >dowloading the full CSS</a
+          >downloading the full CSS</a
         >
         (Not recommended if you are just going to use this component) and the
 

docs/examples/shadows.html

@@ -55,9 +55,9 @@
         >
         or
         <a
-          href="https://github.com/codedgar/Puppertino/blob/master/dist/css/full.css"
+          href="https://github.com/codedgar/Puppertino/blob/master/dist/css/newfull.css"
           target="_blank"
-          >dowloading the full CSS</a
+          >downloading the full CSS</a
         >
         (Not recommended if you are just going to use this component).
       </p>

docs/examples/tabs.html

@@ -55,15 +55,15 @@
         >
         or
         <a
-          href="https://github.com/codedgar/Puppertino/blob/master/dist/css/full.css"
+          href="https://github.com/codedgar/Puppertino/blob/master/dist/css/newfull.css"
           target="_blank"
-          >dowloading the full CSS</a
+          >downloading the full CSS</a
         >
         and
         <a
           href="https://github.com/codedgar/Puppertino/src/js/tabs.js"
           target="_blank"
-          >dowloading the JS for tabs</a
+          >downloading the JS for tabs</a
         >
         (Not recommended if you are just going to use this component).
       </p>

docs/index.html

@@ -155,18 +155,18 @@
           <p class="text_black">
             Puppertino is a framework designed based on the
             <strong>Human guidelines</strong> and
-            <strong>iOS and macOS</strong> from Apple, while adding our own
+            <strong>iOS and macOS</strong> from Apple, while adding our
             flavor to the mix.<br /><br />
             That doesn't mean that it's a direct rip-off of everything you would
             find in the Human Guidelines. We work hard to feature components
-            that will be neccesary to build apps or websites.<br /><br />Puppertino
+            that will be necessary   to build apps or websites.<br /><br />Puppertino
             is built to work with any framework available, so if you use
             <strong
               >Bootstrap, Bulma, Flexbox Grid, Skeleton, or any
               framework</strong
             >, you should still be able to use Puppertino without problems.<br /><br />Last
             but not least, Puppertino is <strong>modular</strong>, so if you
-            only want buttons, or form elements, you can just use them.
+            only want buttons or form elements, you can just use them.
           </p>
         </div>
       </div>
@@ -176,7 +176,7 @@
         <div class="col-xs-11 col-md-offset-1 col-md-5">
           <h2 class="speed_h2">Focused on speed.</h2>
           <p class="speed_p">
-            Puppertino weights less than 50KB, making your website shine even in
+            Puppertino weighs less than 50KB, making your website shine even in
             the worst connections.
           </p>
         </div>