@charset "UTF-8";

// Library of general classes to be used in text cells and other places
//
// The classes are prefixed by pk-.

@import 'table';

.pk-button, .pk-big-button,
[class*='pk-button-'], [class*='pk-big-button-'] {
	@at-root #{selector-unify("a", &)},
	&.link-cell ul > li > a
	{
		@extend %button;
		display: inline-block;
		margin: 0;
		height: auto;
	}
	&.link-cell.cell {
		ul, ul > li {
			all: unset;
			&::before, &::after {
				content: none;
			}
		}
		ul > li > a {
			display: block;
		}
	}
}
.pk-button-cancel, .pk-big-button-cancel {
	@at-root #{selector-unify("a", &)},
	&.link-cell ul > li > a {
		@extend %cancel-button;
	}
}
.pk-button-submit, .pk-big-button-submit {
	@at-root #{selector-unify("a", &)},
	&.link-cell ul > li > a {
		@extend %submit-button;
	}
}
.pk-button-delete, .pk-big-button-delete {
	@at-root #{selector-unify("a", &)},
	&.link-cell ul > li > a {
		@extend %delete-button;
	}
}
.pk-big-button, [class*='pk-big-button-'] {
	@at-root #{selector-unify("a", &)},
	&.link-cell ul > li > a {
		padding: 2rem 4rem;
	}
}

.pk-transparent {
	&.cell {
		border-color: transparent !important;
		background: transparent !important;
	}
}

.pk-no-border {
	&.cell {
		border: none !important;
	}
}

.pk-cell-bold-title {
	&.cell > div h2:first-child {
		font-weight: bold;
	}
}

.pk-cell-center-title {
	&.cell > div h2:first-child {
		text-align: center;
	}
}

.pk-important {
	// on form fields, turn the label bold.
	&.widget .title label {
		font-weight: bold;
	}
}

.pk-budget-table,
.budget-table {
	table {
		width: 100%;
	}
	th {
		text-align: left;
		font-weight: normal;
	}
	tbody td:last-child {
		width: 30%;
	}
}

.pk-information {
	&, &.cell { @extend .infonotice; }
}

.pk-attention {
	&, &.cell { @extend .warningnotice; }
}

.pk-error {
	&, &.cell { @extend .errornotice; }
}

.pk-success {
	&, &.cell { @extend .successnotice; }
}
