// NibblePoker CSS Theme - CC0 1.0 (Public Domain)

/* Core > Sizing */

// 100 %
.w-full {
	width: 100%;
}
.wm-full {
	 max-width: 100%;
}

.h-full {
	height: 100%;
}
.hm-full {
	max-height: 100%;
}

// 50 %
.w-half {
	width: 50%;
}
.wm-half {
	max-width: 50%;
}

.h-half {
	height: 50%;
}
.hm-half {
	max-height: 50%;
}

// Pixels Sizing
// These rules are deprecated and disabled by default.
// You should preferably use custom site-specific or app-specific rules instead !
@if($add-px-sizing-rules) {
	// 50, 100, ..., 250 px
	@for $_ from 1 through 5 {
		$pxSize: $_ * 50;

		.w-#{$pxSize} {
			width: #{$pxSize}px;
		}

		.h-#{$pxSize} {
			height: #{$pxSize}px;
		}
	}

	// 300, 400, ..., 900 px
	@for $_ from 3 through 9 {
		$pxSize: $_ * 100;

		.w-#{$pxSize} {
			width: #{$pxSize}px;
		}

		.h-#{$pxSize} {
			height: #{$pxSize}px;
		}
	}
}