baseguide - npm Package Compare versions

Comparing version 1.7.0 to 1.7.1

package.json

		{
		"name": "baseguide",
		"description": "Lightweight and robust CSS framework for prototyping and production code.",
		"version": "1.7.0",
		"version": "1.7.1",
		"keywords": [
		@@ -19,4 +19,4 @@ "css",
		"devDependencies": {
		"autoprefixer": "^6.5.0",
		"browser-sync": "^2.17.3",
		"autoprefixer": "^6.5.1",
		"browser-sync": "^2.17.5",
		"gulp": "^3.9.1",
		@@ -26,15 +26,15 @@ "gulp-cache": "^0.4.5",
		"gulp-if": "^2.0.1",
		"gulp-imagemin": "^3.0.3",
		"gulp-imagemin": "^3.1.1",
		"gulp-include": "^2.3.1",
		"gulp-load-plugins": "^1.3.0",
		"gulp-load-plugins": "^1.4.0",
		"gulp-postcss": "^6.2.0",
		"gulp-rename": "^1.2.2",
		"gulp-sass": "^2.3.2",
		"gulp-sourcemaps": "^2.0.0",
		"gulp-sourcemaps": "^2.2.0",
		"gulp-uglify": "^2.0.0",
		"gulp-util": "^3.0.7",
		"postcss-scss": "^0.3.1",
		"stylelint": "^7.2.0",
		"stylelint-config-standard": "^13.0.0"
		"postcss-scss": "^0.4.0",
		"stylelint": "^7.5.0",
		"stylelint-config-standard": "^14.0.0"
		}
		}

README.md

		@@ -18,5 +18,6 @@ # [Baseguide](http://basegui.de)
		* [Usage](#usage)
		* [Breakpoints](#breakpoints)
		* [Grid](#grid)
		* [Forms](#forms)
		* [Browser support](#browser-support)
		* [Browser Support](#browser-support)
		* [Inspired By](#inspired-by)
		@@ -62,3 +63,3 @@ * [License](#license)

		The included gulpfile takes care of compiling, optimizing and minifying your assets. Running the following command will install all dependencies and start a local server using [Browsersync] (https://www.browsersync.io/).
		The included gulpfile takes care of compiling, optimizing and minifying your assets. Running the following command will install all dependencies and start a local server using [Browsersync](https://www.browsersync.io/).

		@@ -69,7 +70,3 @@ ```sh


		## Grid
		The grid system is inspired by [Bootstrap](https://getbootstrap.com/css/#grid).

		### Breakpoints
		## Breakpoints
		Breakpoints can easily be configured using the ```$mq-breakpoints``` map. Note that the breakpoints have to be sorted from small to large.
		@@ -96,3 +93,3 @@
		@include mq(md) {


		}
		@@ -129,2 +126,33 @@ ```

		### Breakpoint Loop
		The ```loop-breakpoints``` mixin iterates through all breakpoints. It sets three global variables and outputs the ```@content``` for each breakpoint.
		```scss
		@include loop-breakpoints($mq: true, $inclusive: false, $breakpoint-keys: $mq-breakpoints-list) {
		@debug $breakpoint;
		@debug $is-first-breakpoint;
		@debug $is-last-breakpoint;
		}
		```

		It’s a powerful tool that for example allows the generation of additional responsive helper classes.
		```scss
		@include loop-breakpoints {
		.text-#{$breakpoint}-left {
		text-align: left;
		}

		.text-#{$breakpoint}-center {
		text-align: center;
		}

		.text-#{$breakpoint}-right {
		text-align: right;
		}
		}
		```


		## Grid
		The grid system is inspired by [Bootstrap](https://getbootstrap.com/css/#grid).

		### Gutters
		@@ -181,3 +209,2 @@ The gutters are controlled by the ```$grid-gutter``` variable. It can either be a global value across all breakpoints or a map with gutter values per breakpoint.


		#### Two Column Layout
		@@ -284,3 +311,3 @@

		Baseguide uses [Autoprefixer] (https://github.com/postcss/autoprefixer) to handle CSS vendor prefixes.
		Baseguide uses [Autoprefixer](https://github.com/postcss/autoprefixer) to handle CSS vendor prefixes.

		@@ -297,2 +324,2 @@
		## License
		The code is released under the [MIT license] (https://github.com/slavanga/baseguide/blob/master/LICENSE).
		The code is released under the [MIT license](https://github.com/slavanga/baseguide/blob/master/LICENSE).

dist/css/baseguide-demo.css