first commit
This commit is contained in:
103
resources/assets/vendor/scss/_theme/_theme.scss
vendored
Normal file
103
resources/assets/vendor/scss/_theme/_theme.scss
vendored
Normal file
@ -0,0 +1,103 @@
|
||||
// ? Theme related styles common styles
|
||||
|
||||
@import '../_components/include';
|
||||
|
||||
// Space above detached navbar (vertical layout only)
|
||||
.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal) .layout-page:before {
|
||||
content: '';
|
||||
width: 100%;
|
||||
height: calc($spacer + $navbar-height);
|
||||
position: fixed;
|
||||
top: 0px;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.bg-menu-theme {
|
||||
// Sub menu item link bullet
|
||||
.menu-sub > .menu-item > .menu-link:before {
|
||||
content: '\ea6b';
|
||||
font-family: 'tabler-icons';
|
||||
position: absolute;
|
||||
font-size: 0.75rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
&.menu-vertical {
|
||||
.menu-sub > .menu-item > .menu-link:before {
|
||||
left: 1.1rem;
|
||||
@include rtl-style {
|
||||
right: 1.1rem;
|
||||
left: inherit;
|
||||
}
|
||||
}
|
||||
.menu-sub > .menu-item .menu-link .menu-icon {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
&.menu-horizontal {
|
||||
.menu-inner > .menu-item > .menu-sub > .menu-item > .menu-link {
|
||||
@include ltr-style {
|
||||
padding-left: $menu-horizontal-link-padding-x;
|
||||
}
|
||||
@include rtl-style {
|
||||
padding-right: $menu-horizontal-link-padding-x;
|
||||
}
|
||||
&:before {
|
||||
content: '';
|
||||
}
|
||||
}
|
||||
}
|
||||
// Sub menu item link bullet
|
||||
.menu-sub > .menu-item > .menu-link:before {
|
||||
// For horizontal layout
|
||||
.layout-horizontal & {
|
||||
left: 1.1rem;
|
||||
@include rtl-style {
|
||||
right: 1.1rem;
|
||||
left: inherit;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.menu-inner .menu-item .menu-link {
|
||||
.layout-wrapper:not(.layout-horizontal) & {
|
||||
border-radius: $border-radius;
|
||||
}
|
||||
}
|
||||
.menu-inner > .menu-item > .menu-link {
|
||||
.layout-horizontal & {
|
||||
border-radius: $border-radius;
|
||||
}
|
||||
}
|
||||
|
||||
.menu-inner > {
|
||||
// Spacing and Box-shadow only for horizontal menu above lg screen
|
||||
@include media-breakpoint-up($menu-collapsed-layout-breakpoint) {
|
||||
.menu-item {
|
||||
.layout-horizontal & {
|
||||
margin: $menu-vertical-header-margin-y 0;
|
||||
&:not(:first-child) {
|
||||
margin-inline-start: calc($menu-item-spacer / 2);
|
||||
}
|
||||
&:not(:last-child) {
|
||||
margin-inline-end: calc($menu-item-spacer / 2);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.menu-item.active:before {
|
||||
.layout-wrapper:not(.layout-horizontal) & {
|
||||
content: '';
|
||||
position: absolute;
|
||||
right: 0;
|
||||
width: 0.25rem;
|
||||
height: 2.6845rem;
|
||||
border-radius: $border-radius 0 0 $border-radius;
|
||||
@include rtl-style {
|
||||
left: 0;
|
||||
right: inherit;
|
||||
border-radius: 0 $border-radius $border-radius 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
Reference in New Issue
Block a user