@natec/mef-dev-ui-kit 20.1.21 → 20.1.22

package/src/lib/styles/pg/modules/_header.scss

@@ -1,261 +0,0 @@
-/* Header
-------------------------------------
-*/
-@use '../../vars.scss' as *;
-
-.header {
-	position: relative;
-	display: -webkit-box;
-	display: -webkit-flex;
-	display: -ms-flexbox;
-	display: flex;
-	height: $layout-header-height;
-	width: 100%;
-	padding: 0 20px 0 0;
-	z-index: $zIndex-navbar;
-	background-color: #fff;
-	border-bottom: 1px solid fade($color-master-light, 70%);
-	-webkit-box-align: center;
-	-webkit-align-items: center;
-	-ms-flex-align: center;
-	align-items: center;
-	-webkit-box-pack: justify;
-	-webkit-justify-content: space-between;
-	-ms-flex-pack: justify;
-	justify-content: space-between;
-	a {
-		color: $color-master;
-		&:hover,
-		&:active,
-		&:focus {
-			color: $color-master;
-		}
-	}
-	//Used only in Boxed layout
-	.header-inner {
-		height: inherit;
-		display: -webkit-box;
-		display: -webkit-flex;
-		display: -ms-flexbox;
-		display: flex;
-		-webkit-box-align: center;
-		-webkit-align-items: center;
-		-ms-flex-align: center;
-		align-items: center;
-		-webkit-box-pack: justify;
-		-webkit-justify-content: space-between;
-		-ms-flex-pack: justify;
-		justify-content: space-between;
-	}
-	&.transparent {
-		background-color: transparent !important;
-	}
-	.brand {
-		vertical-align: middle;
-		width: $layout-sidepanel-width;
-		text-align: center;
-	}
-
-	.lang {
-		vertical-align: middle;
-		text-align: center;
-	}
-
-	.bubble {
-		border-radius: 100%;
-		height: 15px;
-		width: 15px;
-		background-color: $color-danger;
-		color: $color-white;
-		position: absolute;
-		top: -7px;
-		float: right;
-		right: -8px;
-		font-family: 'Open Sans';
-		font-size: 13px;
-	}
-	.notification-list {
-		display: inline-block;
-		line-height: 23px;
-	}
-	.search-link {
-		display: inline-block;
-		margin-left: 15px;
-		color: $color-master;
-		opacity: 0.7;
-		font-size: 14px;
-		vertical-align: middle;
-		line-height: 12px;
-		font-family: $base-font-family;
-		i {
-			margin-right: 15px;
-			font-size: 16px;
-			vertical-align: middle;
-		}
-		&:hover {
-			opacity: 1;
-		}
-	}
-	.pg {
-		font-size: 16px;
-	}
-	ul {
-		li {
-			line-height: 12px;
-			vertical-align: middle;
-		}
-	}
-	.dropdown {
-		line-height: 12px;
-	}
-	.dropdown-menu {
-		margin-top: 10px;
-	}
-}
-/* Bootstrap navbar
-------------------------------------
-*/
-.navbar {
-	min-height: 50px;
-	position: relative;
-	margin-bottom: 20px;
-	border: 1px solid transparent;
-	top: -1px;
-}
-.navbar-nav > li {
-	& > a {
-		position: relative;
-		display: block;
-		padding: 10px 15px;
-		padding-top: 20px;
-		padding-bottom: 20px;
-	}
-}
-
-.nav > li > a {
-	padding: 10px 15px;
-}
-
-.navbar-default {
-	background-color: $color-white;
-	.navbar-nav > .active > a,
-	.navbar-default .navbar-nav > .active > a:hover,
-	.navbar-default .navbar-nav > .active > a:focus {
-		background-color: transparent;
-	}
-	.navbar-nav > .active > a,
-	.navbar-default .navbar-nav > .active > a:hover,
-	.navbar-default .navbar-nav > .active > a:focus {
-		background-color: transparent;
-	}
-}
-
-.navbar-toggle {
-	border-radius: 0;
-	background-color: transparent !important;
-}
-
-.navbar-default .navbar-nav > li > a {
-	color: $color-master;
-}
-
-.nav-collapse {
-	&.collapse {
-		height: 100% !important;
-	}
-}
-.navbar-center,
-.navbar-center > li {
-	float: none;
-	display: inline-block;
-	display: inline; 
-	zoom: 1;
-	vertical-align: top;
-}
-
-.navbar-nav {
-	li a {
-		min-width: 50px;
-	}
-}
-
-/*** General tablets and phones ***/
-@media (max-width: 991px) {
-	.header {
-		padding: 0 15px;
-		width: 100%;
-		border-bottom: 1px solid rgba(0, 0, 0, 0.07);
-		.header-inner {
-			text-align: center;
-			.mark-email {
-				left: 45px;
-				position: absolute;
-				top: 23px;
-			}
-			.quickview-link {
-				position: absolute;
-				right: 0;
-				top: 12px;
-			}
-		}
-		.brand {
-			width: auto;
-		}
-	}
-}
-
-@media (max-width: 767px) {
-	.header {
-		height: $layout-mobile-header-height;
-		.header-inner {
-			height: $layout-mobile-header-height;
-		}
-	}
-	.header .user-info-wrapper {
-		display: none;
-	}
-	.header .search-link {
-		height: 19px;
-		width: 16px;
-		overflow: hidden;
-	}
-}
-
-@media (max-width: 480px) {
-	.header {
-		width: 100%;
-		height: $layout-mobile-header-height;
-		border-bottom: 1px solid rgba(0, 0, 0, 0.07);
-		.header-inner {
-			height: $layout-mobile-header-height;
-			text-align: center;
-			.toggle-email-sidebar {
-				font-size: 16px;
-				top: 12px;
-			}
-			.mark-email {
-				left: 35px;
-				top: 14px;
-			}
-			.quickview-link {
-				top: 14px;
-			}
-		}
-		.dropdown-submenu {
-			top: 12px;
-		}
-	}
-}
-//Windows Rendering
-.windows {
-	.header .search-link {
-		font-size: 15px;
-	}
-}
-
-.m-t-10 {
-	margin-top: 10px;
-}
-/* END Header
-------------------------------------
-*/

package/src/lib/styles/pg/modules/_layout.scss

@@ -1,184 +0,0 @@
-/*------------------------------------------------------------------
-[1. Layouts]
-*/
-@use '../../vars.scss' as *;
-@use '../_mixins.scss' as mix;
-
-html {
-	height: 100%;
-}
-/* Body Triggers for layout options
-------------------------------------------------------------------
-*/
-body {
-	height: 100%;
-	margin: 0;
-	padding: 0;
-	background-color: $color-master-lightest;
-	-moz-osx-font-smoothing: grayscale;
-	&.fixed-header {
-		.header {
-			position: fixed;
-			left: 0;
-			top: 0;
-		}
-	}
-	&.no-header {
-		.page-container .page-content-wrapper .content {
-			padding-top: 0px;
-		}
-		.header {
-			border-bottom-color: transparent;
-		}
-	}
-	&.dashboard {
-		background: $dashboard-background;
-		.page-container {
-			background: $dashboard-background;
-		}
-	}
-	&.menu-pin {
-		.overlay {
-			padding-left: 0;
-			.overlay-brand {
-				margin-left: 0;
-			}
-		}
-	}
-}
-
-/* Page Container
-------------------------------------
-*/
-.page-container {
-	width: 100%;
-	height: 100%;
-	
-	padding-left: $layout-sidepanel-width-collapsed;
-	.page-content-wrapper {
-		min-height: 100%;
-		position: relative;
-		.content {
-			/* Content holder */
-			z-index: 10;
-			padding-top: $layout-header-height;
-			padding-bottom: 44px;
-			min-height: 100%;
-			@include mix.transition(all 0.3s ease);
-			&.full-width {
-				width: 100%;
-			}
-			.content-inner {
-				display: inline-block;
-				vertical-align: top;
-				height: 100%;
-				padding-left: 30px;
-				position: relative;
-			}
-			&:only-child {
-				padding-bottom: 0px;
-			}
-			&.overlay-footer {
-				padding-bottom: 0px;
-			}
-		}
-		.footer {
-			/* Footer */
-			width: auto;
-			position: absolute;
-			left: 0;
-			right: 0;
-			bottom: 0;
-			@include mix.transition(left 0.3s ease);
-			&.fixed {
-				position: fixed;
-				background-color: #fff;
-			}
-		}
-	}
-}
-.page-title {
-	margin-top: 0px;
-}
-
-.group-container {
-	white-space: nowrap !important;
-	.single-group {
-		vertical-align: top;
-		display: inline-block;
-		white-space: normal;
-	}
-}
-
-.jumbotron {
-	position: relative;
-	overflow: hidden;
-	display: block;
-	padding: 0;
-	.inner {
-		position: relative;
-		z-index: 2;
-	}
-	&.lg {
-		height: 600px;
-	}
-
-	background-color: $color-master-lighter;
-	.cover-photo {
-		width: 100%;
-		height: inherit;
-		overflow: hidden;
-		@include mix.transition(opacity 0.3s ease);
-		background-size: cover;
-		background-color: $color-success;
-	}
-	h1 {
-		font-size: 44px;
-	}
-}
-
-/* Other overides */
-
-.container-fluid {
-	// padding-left: 30px;
-	// padding-right: 30px;
-	position: relative;
-	padding: 0px;
-}
-
-.copyright {
-	padding: 12px 0; // 25px 0;
-	border-top: 1px solid fade($color-master-light, 70%);
-}
-
-.pager {
-	margin: 0;
-}
-
-.pb-36 {
-	padding-bottom: 36px;
-}
-
-.pb-41 {
-	padding-bottom: 41px;
-}
-
-.pb-44 {
-	padding-bottom: 44px;
-}
-
-.pb-60 {
-	padding-bottom: 60px;
-}
-
-.pb-66 {
-	padding-bottom: 66px;
-}
-
-.pb-81 {
-	padding-bottom: 81px;
-}
-
-.pb-96 {
-	padding-bottom: 96px;
-}