Setting up a existing Project with Sass - Revision history

Bacchas: /* grid.scss file */

2016-10-02T16:37:18Z

grid.scss file

← Older revision		Revision as of 16:37, 2 October 2016
Line 62:		Line 62:
	</pre>		</pre>

	This is good to have to have your images fit inside the container		===This is good to have to have your images fit inside the container===

	img{		img{
Line 69:		Line 69:
	}		}

	Include this for the border box sizing		===Include this for the border box sizing===
	<pre>		<pre>
	, :before, *:after {		, :before, *:after {

Bacchas: /* grid.scss file */

2016-10-02T16:36:38Z

grid.scss file

@@ Line 55: / Line 55: @@
+   	)
 );
 </pre>
 ----
 ==[[#top|Back To Top]]-[[Main_Page| Home]] - [[Css|Category]]==

Bacchas: /* _grid.scss file */

2016-09-11T23:46:55Z

_grid.scss file

← Older revision		Revision as of 23:46, 11 September 2016
Line 26:		Line 26:

	</pre>		</pre>
	== ~~_grid~~.scss file ==		== grid.scss file ==
	<pre>		<pre>

Line 57:		Line 57:
	</pre>		</pre>
	----		----

	==[[#top\|Back To Top]]-[[Main_Page\| Home]] - [[Css\|Category]]==		==[[#top\|Back To Top]]-[[Main_Page\| Home]] - [[Css\|Category]]==

Bacchas at 16:01, 24 August 2016

2016-08-24T16:01:58Z

← Older revision		Revision as of 16:01, 24 August 2016
Line 56:		Line 56:
	);		);
	</pre>		</pre>
			----
			==[[#top\|Back To Top]]-[[Main_Page\| Home]] - [[Css\|Category]]==

Bacchas at 15:54, 24 August 2016

2016-08-24T15:54:18Z

← Older revision		Revision as of 15:54, 24 August 2016
Line 25:		Line 25:
	@import "breakpoint";		@import "breakpoint";

			</pre>
			== _grid.scss file ==
			<pre>

			$susy: (
			flow: ltr, // ltr \| rtl
			output: float, // float \| isolate
			math: fluid, // fluid \| static (requires column-width)
			column-width: false, // false \| value
			container:auto, // length or % \| auto
			container-position: center, // left \| center \| right \| <length> [*2] (grid padding)
			last-flow: to,
			columns: 12,
			gutters: 1/4,
			gutter-position: after, // before \| after \| split \| inside \| inside-static (requires column-width)
			global-box-sizing: border-box, // content-box \| border-box (affects inside/inside-static)
			debug: (
			image: show,
			color: rgba(#656, .25),
			output: background,
			toggle: top right,
			),
			use-custom: (
			background-image: true,
			background-options: false,
			box-sizing: true,
			clearfix: false,
			rem: true,
			)
			);
	</pre>		</pre>

Bacchas at 15:00, 24 August 2016

2016-08-24T15:00:51Z

@@ Line 17: / Line 17: @@
 relative_assets = true
 line_comments = true
 </pre>

Bacchas: /* Config Rb file */

2016-08-24T14:59:45Z

Config Rb file

← Older revision		Revision as of 14:59, 24 August 2016
Line 6:		Line 6:
	<pre>		<pre>
	require 'susy'		require 'susy'
			require 'breakpoint'
	require 'compass/import-once/activate'		require 'compass/import-once/activate'

Bacchas: Created page with "== Install sass and compass if not installed == gem install sass gem install compass == Config Rb file ==

 require 'susy' require 'compass/import-once/activate'  http_..."

2016-08-24T14:11:13Z

Created page with "== Install sass and compass if not installed == gem install sass gem install compass == Config Rb file == <pre> require 'susy' require 'compass/import-once/activate' http_..."

New page

== Install sass and compass if not installed ==
gem install sass
gem install compass

== Config Rb file ==
<pre>
require 'susy'
require 'compass/import-once/activate'

http_path = "/"
css_dir = "css"
sass_dir = "scss"
images_dir = "images"
javascripts_dir = "js"
output_style = :expanded
relative_assets = true
line_comments = true
</pre>