/*
  WET-BOEW
  @title: Proximity CSS
 */

@import "../../variables";

@mixin pstn {
	position: absolute;
}

@mixin pstn-lft {
	left: 0;
}

@mixin pstn-rght {
	right: 0;
}

@mixin pstn-tp {
	top: 0;
}

@mixin pstn-bttm {
	bottom: 0;
}

@mixin pstn-lft-rst {
	left: auto;
}

@mixin pstn-rght-rst {
	right: auto;
}

@mixin pstn-tp-rst {
	top: auto;
}

@mixin pstn-bttm-rst {
	bottom: auto;
}

.opct-100 {
	opacity: 1;
}

.opct-90 {
	opacity: .9;
}

.opct-80 {
	opacity: .8;
}

.opct-70 {
	opacity: .7;
}

.opct-60 {
	opacity: .6;
}

.opct-50 {
	opacity: .5;
}

.opct-40 {
	opacity: .4;
}

.opct-30 {
	opacity: .3;
}

.opct-20 {
	opacity: .2;
}

.opct-10 {
	opacity: .1;
}

/*
 *	Removes bold from elements
 */
.fnt-nrml {
	font-weight: normal;
}

/*
 *	Fix for missing bullets in Chrome and Safari
 */
[class*=clmn-] {
	list-style: outside;
	padding-left: 1.3em;

	> {
		li {
			margin-left: 1.3em;
		}
	}
}

.pstn-lft-xs,
.pstn-lft-sm,
.pstn-lft-md,
.pstn-lft-lg,
.pstn-rght-xs,
.pstn-rght-sm,
.pstn-rght-md,
.pstn-rght-lg,
.pstn-tp-xs,
.pstn-tp-sm,
.pstn-tp-md,
.pstn-tp-lg,
.pstn-bttm-xs,
.pstn-bttm-sm,
.pstn-bttm-md,
.pstn-bttm-lg {
	margin: 0;
}

.pstn-lft-xs {
	@include pstn;
	@include pstn-lft;
	@include pstn-rght-rst;
}

.pstn-rght-xs {
	@include pstn;
	@include pstn-rght;
	@include pstn-lft-rst;
}

.pstn-tp-xs {
	@include pstn;
	@include pstn-tp;
	@include pstn-bttm-rst;
}

.pstn-bttm-xs {
	@include pstn;
	@include pstn-bttm;
	@include pstn-tp-rst;
}

.mrgn-lft-0 {
	margin-left: 0;
}

.mrgn-lft-sm {
	margin-left: 5px;
}

.mrgn-lft-md {
	margin-left: 15px;
}

.mrgn-lft-lg {
	margin-left: 30px;
}

.mrgn-lft-xl {
	margin-left: 50px;
}

.mrgn-bttm-0 {
	margin-bottom: 0;
}

.mrgn-bttm-sm {
	margin-bottom: 5px;
}

.mrgn-bttm-md {
	margin-bottom: 15px;
}

.mrgn-bttm-lg {
	margin-bottom: 30px;
}

.mrgn-bttm-xl {
	margin-bottom: 50px;
}

.mrgn-tp-0 {
	margin-top: 0;
}

.mrgn-tp-sm {
	margin-top: 5px;
}

.mrgn-tp-md {
	margin-top: 15px;
}

.mrgn-tp-lg {
	margin-top: 30px;
}

.mrgn-tp-xl {
	margin-top: 50px;
}

.mrgn-rght-0 {
	margin-right: 0;
}

.mrgn-rght-sm {
	margin-right: 5px;
}

.mrgn-rght-md {
	margin-right: 15px;
}

.mrgn-rght-lg {
	margin-right: 30px;
}

.mrgn-rght-xl {
	margin-right: 50px;
}

%proximity-border-base {
	border: solid 0 #ccc;
}

.brdr-lft {
	@extend %proximity-border-base;
	border-left-width: 1px;
}

.brdr-rght {
	@extend %proximity-border-base;
	border-right-width: 1px;
}

.brdr-tp {
	@extend %proximity-border-base;
	border-top-width: 1px;
}

.brdr-bttm {
	@extend %proximity-border-base;
	border-bottom-width: 1px;
}

.brdr-0 {
	border: 0 !important;
}

.brdr-rds-0 {
	border-radius: 0 !important;
}

.tbl-gridify {
	thead,
	tfoot {
		display: none;
	}

	tbody,
	td,
	td {
		display: block;
	}
}

/*
 *	Fix for missing bullets in Chrome and Safari
 */
[class*=colcount-] {
	list-style-position: outside;
	padding-left: 1.3em;

	> {
		li {
			margin-left: 1.3em;
		}
	}

	&.list-unstyled {
		list-style: none outside none;
		padding-left: 0;

		li {
			margin-left: 0;
		}
	}
}

.colcount-xxs-2 {
	column-count: 2;
}

.colcount-xxs-3 {
	column-count: 3;
}

.colcount-xxs-4 {
	column-count: 4;
}

.full-width {
	width: 100%;
}