Merge branch 'master' into master

.changeset/itchy-hairs-beg.md

@@ -0,0 +1,5 @@
+---
+"water.css": patch
+---
+
+Remove sourcemap references from built files

.changeset/large-days-judge.md

@@ -0,0 +1,5 @@
+---
+"water.css": patch
+---
+
+Reduce input selector specificity for display property to prevent overriding user's css. Fixes #78 and #82

.changeset/nine-scissors-live.md

@@ -0,0 +1,5 @@
+---
+"water.css": patch
+---
+
+Added styling for Input type Reset

.changeset/thirty-buckets-invent.md

@@ -0,0 +1,5 @@
+---
+"water.css": patch
+---
+
+Update main package entrypoint

docs/index.html

@@ -231,6 +231,7 @@
       <label for="remember">Remember me</label>
 
       <input type="submit" value="Submit" />
+      <input type="reset" value="Reset" />
     </form>
 
     <h3 id="code">Code</h3>

gulpfile.js

@@ -58,7 +58,6 @@ const style = () => {
   return (
     gulp
       .src(paths.styles.src)
-      .pipe(sourcemaps.init())
       .pipe(postcss([postcssImport(), postcssColorModFunction(), postcssInlineSvg()]))
 
       .pipe(startDiff())
@@ -69,12 +68,9 @@ const style = () => {
       .pipe(postcss([autoprefixer()]))
       .pipe(endDiff('autoprefixer'))
 
-      .pipe(sourcemaps.write('.'))
       .pipe(flatten()) // Put files in out/*, not out/builds/*
       .pipe(gulp.dest(paths.styles.dest))
 
-      .pipe(filter('**/*.css')) // Remove sourcemaps from the pipeline
-
       // <minifying>
       .pipe(startDiff())
       .pipe(postcss([cssnano({ preset: ['default', { svgo: { floatPrecision: 0 } }] })]))
@@ -82,11 +78,9 @@ const style = () => {
       .pipe(rename({ suffix: '.min' }))
       // </minifying>
 
-      .pipe(sourcemaps.write('.'))
       .pipe(gulp.dest(paths.styles.dest))
       .pipe(gulp.dest(paths.docs.dest + '/water.css'))
 
-      .pipe(filter('**/*.css')) // Remove sourcemaps from the pipeline
       .pipe(sizereport({ gzip: true, total: false, title: 'SIZE REPORT' }))
       .pipe(browserSync.stream())
   )

package.json

@@ -2,7 +2,7 @@
   "name": "water.css",
   "version": "2.0.0",
   "description": "A drop-in collection of CSS styles to make simple websites just a little nicer",
-  "main": "index.js",
+  "main": "out/water.css",
   "scripts": {
     "build": "gulp build",
     "dev": "gulp watch",

src/parts/_forms.css

@@ -1,6 +1,7 @@
 button,
 select,
 input[type='submit'],
+input[type='reset'],
 input[type='button'],
 input[type='checkbox'],
 input[type='range'],
@@ -8,11 +9,16 @@ input[type='radio'] {
   cursor: pointer;
 }
 
-input:not([type='checkbox']):not([type='radio']),
+input,
 select {
   display: block;
 }
 
+[type='checkbox'],
+[type='radio'] {
+  display: initial;
+}
+
 input,
 button,
 textarea,
@@ -96,6 +102,7 @@ select[multiple] {
 
 button,
 input[type='submit'],
+input[type='reset'],
 input[type='button'] {
   padding-right: 30px;
   padding-left: 30px;
@@ -103,6 +110,7 @@ input[type='button'] {
 
 button:hover,
 input[type='submit']:hover,
+input[type='reset']:hover,
 input[type='button']:hover {
   background: var(--button-hover);
 }
@@ -117,6 +125,7 @@ textarea:focus {
 input[type='checkbox']:active,
 input[type='radio']:active,
 input[type='submit']:active,
+input[type='reset']:active,
 input[type='button']:active,
 input[type='range']:active,
 button:active {