Why Gemfury? Push, build, and install  RubyGems npm packages Python packages Maven artifacts PHP packages Go Modules Bower components Debian packages RPM packages NuGet packages

jsarnowski / jsarnowski/jet-engine   php

Repository URL to install this package:

Version: 2.7.7 

/ scss / frontend-widgets / _calendar.scss

.jet-calendar-loading {
	opacity: .5 !important;
	pointer-event: none !important;
}

.jet-calendar-grid {
	width: 100%;
	table-layout: fixed;
	border-collapse: separate;
}
.jet-calendar-caption {
	max-width: 100%;
	&__wrap {
		display: flex;
		align-items: center;
		&.wrap-layout-3 {
			justify-content: center;
		}
		&.wrap-layout-4 {
			justify-content: space-between;
		}
	}
	&__name {
		font-weight: bold;
		flex: 1 1 auto;
		text-align: left;
		.wrap-layout-2 & {
			text-align: right;
			order: 2;
		}
		.wrap-layout-3 &,
		.wrap-layout-4 & {
			flex: 0 0 auto;
			text-align: center;
			order: 2;
		}
	}
}
.jet-calendar-nav {
	&__link {
		cursor: pointer;
		width: 40px;
		height: 40px;
		display: flex;
		align-items: center;
		justify-content: center;

		svg {
			height: 1em;
			fill: currentColor;
		}


		&.nav-link-prev {
			.wrap-layout-3 &,
			.wrap-layout-4 & {
				order: 1;
			}

			.rtl & svg {
				transform: scaleX(-1);
			}
		}
		&.nav-link-next {
			.wrap-layout-3 &,
			.wrap-layout-4 & {
				order: 3;
			}

			body:not(.rtl) & svg {
				transform: scaleX(-1);
			}
		}
	}
}
.jet-calendar-header {
	&__week {
		&-day {
			width: 14.2857%;
			text-align: center;
			padding: 10px;
			background: #fafafa;
			&.day-pad {
				opacity: .5;
			}
		}
	}
}

.jet-calendar-week {
	&__day {
		width: 14.2857%;
		vertical-align: top;
		&-wrap {
			position: relative;
		}
		&-header {
			display: flex;
			position: relative;
			z-index: 3;
		}
		&-date {
			display: flex;
			align-items: center;
		}
		&-mobile-wrap {
			display: none;
			@media ( max-width: 1025px ) {
				display: flex;
			}
		}
		&-mobile-overlay {
			cursor: pointer;
			position: absolute;
			z-index: 20;
			left: 0;
			right: 0;
			top: 0;
			bottom: 0;
		}
		&-mobile-trigger {
			width: 24px;
			height: 24px;
			cursor: pointer;
		}
		&-content {
			padding: 10px;
			min-height: 100px;
			@media ( max-width: 1025px ) {
				display: none;
			}
		}
	}
}