Contents

@import "edge/base";
@import "edge/helpers";

@include medium {
	body {
		font-size: 14px;
	}
}

.demo-grid {
	p {
		text-align : center;
		margin     : 0;
	}
	.column,
	.columns {
		p {
			margin-bottom  : em(15px);
			padding-top    : em(10px);
			padding-bottom : em(10px);
			background     : #eee;
			text-align     : center;
		}

		.column,
		.columns {
			p {
				background    : #ddd;
			}
			
			.column,
			.columns {
				p {
					background    : #ccc;
				}
		 	}
		}
	}
}

.demo-block-grid {
	p {
		background     : #eee;
		margin-bottom  : em(15px);
		padding-top    : em(10px);
		padding-bottom : em(10px);
		text-align     : center;
	}
}

.custom-block-grid {
	@include block-grid($per-row:5, $collapse:true);
	
	@include small {
		@include block-grid($per-row:2, $collapse:true);
	}
}

.blog-container { // row
	@include grid-row();
	.left-menu {
		@include grid-column($columns:4);
		@include small {
			@include grid-column($columns:6, $small:true);
		}
	}

	.right-content {
		@include grid-column($columns:8);
		@include small {
			@include grid-column($columns:6, $small:true);
		}
	}

	.center-content {
		@include grid-column($columns:6, $center:true);
		@include small {
			@include grid-column($columns:10, $center:false, $small:true);
		}
	}
}

[data-page="media-query"] {
	@include small {
		background: $red-color;
	}
	@include medium-up {
		background: $green-color;
	}
}

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
edge_framework-0.5.0	assets/sass/for-test.scss