publik-base-theme/static/includes/_library.scss

104 lines
1.4 KiB
SCSS

@charset "UTF-8";
// Library of general classes to be used in text cells and other places
//
// The classes are prefixed by pk-.
@import 'table';
a {
&.pk-button, &.pk-big-button {
@extend %button;
display: inline-block;
margin: 0;
height: auto;
}
&.pk-button {
padding: 0.5rem 1rem;
}
&.pk-big-button {
padding: 2rem 4rem;
}
}
div.link-cell {
&.pk-button, &.pk-big-button {
ul > li > a {
@extend %button;
display: block;
margin: 0;
height: auto;
}
}
&.pk-button ul > li > a {
padding: 0.5rem 1rem;
}
&.pk-big-button 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; }
}