KOKINIO - MANAGER

Edit File: _actions.scss

///
/// Phantom by HTML5 UP
/// html5up.net | @ajlkn
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
///

/* Actions */

ul.actions {
		@include vendor('display', 'flex');
		cursor: default;
		list-style: none;
		margin-left: (_size(element-margin) * -0.5);
		padding-left: 0;

li {
			padding: 0 0 0 (_size(element-margin) * 0.5);
			vertical-align: middle;
		}

&.special {
			@include vendor('justify-content', 'center');
			width: 100%;
			margin-left: 0;

li {
				&:first-child {
					padding-left: 0;
				}
			}
		}

&.stacked {
			@include vendor('flex-direction', 'column');
			margin-left: 0;

li {
				padding: (_size(element-margin) * 0.65) 0 0 0;

&:first-child {
					padding-top: 0;
				}
			}
		}

&.fit {
			width: calc(100% + #{_size(element-margin) * 0.5});

li {
				@include vendor('flex-grow', '1');
				@include vendor('flex-shrink', '1');
				width: 100%;

> * {
					width: 100%;
				}
			}

&.stacked {
				width: 100%;
			}
		}

@include breakpoint('<=xsmall') {
			&:not(.fixed) {
				@include vendor('flex-direction', 'column');
				margin-left: 0;
				width: 100% !important;

li {
					@include vendor('flex-grow', '1');
					@include vendor('flex-shrink', '1');
					padding: (_size(element-margin) * 0.5) 0 0 0;
					text-align: center;
					width: 100%;

> * {
						width: 100%;
					}

&:first-child {
						padding-top: 0;
					}

input[type="submit"],
					input[type="reset"],
					input[type="button"],
					button,
					.button {
						width: 100%;

&.icon {
							&:before {
								margin-left: -0.5rem;
							}
						}
					}
				}
			}
		}
	}