//
// Styleguide 2.
-@transitionDuration: .1s;
-@transitionFunction: ease-in-out;
-
// Neutral button styling
//
// These are the main actions on the page/workflow. The page should have only one of progressive, constructive and desctructive buttons, the rest being quiet.
cursor: default;
}
- .transition(background @transitionDuration @transitionFunction, color @transitionDuration @transitionFunction, box-shadow @transitionDuration @transitionFunction;);
-
// Styling for specific button types
// -----------------------------------------
// the pseudo before element of the label after the checkbox now looks like a checkbox
& + label::before {
- .transition( 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) );
content: '';
cursor: pointer;
.box-sizing(border-box);
font-family: inherit;
font-size: inherit;
line-height: inherit;
- .transition(~"border 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), box-shadow 0.2s cubic-bezier(0.39, 0.575, 0.565, 1)");
// Placeholder text styling must be set individually for each browser @winter
&::-webkit-input-placeholder { // webkit
// the pseudo before element of the label after the radio now looks like a radio
& + label::before {
- .transition( 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) );
content: '';
cursor: pointer;
.box-sizing(border-box);