imio-publik-themes/static/imio/_form-buttons.scss

66 lines
1.6 KiB
SCSS

@charset "UTF-8";
$button-background: $primary-color !default;
$print-register-draft-button: false !default;
$button-hover-color: white !default;
$button-hover-background-color: $primary-color !default;
$box-shadow-hover-button: 0 1px 1px rgba(0, 0, 0, 0.01),
2px 2px 2px rgba(0, 0, 0, 0.07), 0 8px 8px rgba(0, 0, 0, 0.05),
0 16px 16px rgba(0, 0, 0, 0.001) !default;
div.previous-button {
float: left;
}
div.buttons div input[value="Précédent"] {
float: right;
}
div.buttons div input[value="Suivant"] {
float: right;
}
div.buttons div input[value="Valider"] {
float: right;
}
div.buttons div input[value="Annuler"] {
float: right;
}
/*Print "save draft" button in forms
Only if form have an activated following code.
*/
button.save-draft {
@if $print-register-draft-button {
display: inline-block !important;
} @else {
display: none;
}
}
.fargo-pick-popup button,
div#content button,
input[type="submit"],
div.buttons input {
background: $button-background;
margin-right: 1em;
}
.fargo-pick-popup button:hover,
button.ui-button:hover,
div#content button:hover,
input[type="submit"]:hover,
div.buttons input:hover {
box-shadow: $box-shadow-hover-button;
background: $button-hover-background-color;
color: $button-hover-color;
}
.fargo-pick-popup button:active,
button.ui-button:active,
div#content button:active,
input[type="submit"]:active,
div.buttons input:active {
background: white;
border: 1px solid darken($primary-color, 8%);
color: darken($primary-color, 15%);
}
/* add effect on disabled pagination buttons */
.cell-items-pagination-prev:disabled,
.cell-items-pagination-next:disabled {
opacity: 40%;
}