mirror of
https://github.com/tabler/tabler.git
synced 2026-07-25 20:44:38 +04:00
env clean
This commit is contained in:
codecalm
+69
-6
@@ -28,6 +28,69 @@ tabler-plugins:
|
|||||||
exclude:
|
exclude:
|
||||||
- .jekyll-cache
|
- .jekyll-cache
|
||||||
|
|
||||||
|
- 400.html
|
||||||
|
- 401.html
|
||||||
|
- 403.html
|
||||||
|
- 404.html
|
||||||
|
- 500.html
|
||||||
|
- 503.html
|
||||||
|
- all.html
|
||||||
|
- blog.html
|
||||||
|
- buttons.html
|
||||||
|
- calendar.html
|
||||||
|
- cards.html
|
||||||
|
- carousel.html
|
||||||
|
- changelog.html
|
||||||
|
- charts.html
|
||||||
|
- charts-heatmap.html
|
||||||
|
- components.html
|
||||||
|
- crypto-currencies.html
|
||||||
|
- docs.html
|
||||||
|
- dropdowns.html
|
||||||
|
- email.html
|
||||||
|
- favicon.ico
|
||||||
|
- flags.html
|
||||||
|
- forgot-password.html
|
||||||
|
- form-elements.html
|
||||||
|
- gallery.html
|
||||||
|
- icons.html
|
||||||
|
- index.html
|
||||||
|
- invoice.html
|
||||||
|
- license.html
|
||||||
|
- lists.html
|
||||||
|
- lookup.html
|
||||||
|
- maintenance.html
|
||||||
|
- maps.html
|
||||||
|
- maps-vector.html
|
||||||
|
- markdown.md
|
||||||
|
- modals.html
|
||||||
|
- music.html
|
||||||
|
- pagination.html
|
||||||
|
- pricing.html
|
||||||
|
- profile.html
|
||||||
|
- ribbons.html
|
||||||
|
- rtl.html
|
||||||
|
- search-results.html
|
||||||
|
- sign-in.html
|
||||||
|
- sign-up.html
|
||||||
|
- sitemap.xml
|
||||||
|
- snippets.html
|
||||||
|
- social.html
|
||||||
|
- store.html
|
||||||
|
- tables.html
|
||||||
|
- tabs.html
|
||||||
|
- terms-of-service.html
|
||||||
|
- tmp.html
|
||||||
|
- tmp2.html
|
||||||
|
- tmp3.html
|
||||||
|
- tmp4.html
|
||||||
|
- tmp-dark.html
|
||||||
|
- tmp-forms.html
|
||||||
|
- typography.html
|
||||||
|
- user-edit.html
|
||||||
|
- users.html
|
||||||
|
- welcome.html
|
||||||
|
|
||||||
keep_files:
|
keep_files:
|
||||||
- css/ui-kit.css
|
- css/ui-kit.css
|
||||||
- css/dark.css
|
- css/dark.css
|
||||||
@@ -48,12 +111,12 @@ toc:
|
|||||||
list_class: list-unstyled
|
list_class: list-unstyled
|
||||||
|
|
||||||
collections:
|
collections:
|
||||||
docs:
|
# docs:
|
||||||
output: true
|
# output: true
|
||||||
changelog:
|
# changelog:
|
||||||
output: false
|
# output: false
|
||||||
components:
|
# components:
|
||||||
output: true
|
# output: true
|
||||||
|
|
||||||
defaults:
|
defaults:
|
||||||
- scope:
|
- scope:
|
||||||
|
|||||||
@@ -0,0 +1,11 @@
|
|||||||
|
<div class="content">
|
||||||
|
<div class="container{% if page.container-size %}-{{ page.container-size }}{% endif %}{% if page.container-centered %} d-flex flex-column justify-content-center{% endif %}">
|
||||||
|
{% if page-header %}
|
||||||
|
{% include layout/page-header.html title=page-header description=page.page-header-description actions=page.page-header-actions pretitle=page.page-header-pretitle %}
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
{{ content }}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{% include layout/footer.html %}
|
||||||
|
</div>
|
||||||
@@ -1,3 +1,5 @@
|
|||||||
|
{% comment %}
|
||||||
|
|
||||||
{% if site.data.libs.css %}
|
{% if site.data.libs.css %}
|
||||||
<!-- Libs CSS -->
|
<!-- Libs CSS -->
|
||||||
{% for lib in site.data.libs.css %}
|
{% for lib in site.data.libs.css %}
|
||||||
@@ -7,12 +9,18 @@
|
|||||||
{% endfor %}
|
{% endfor %}
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
|
{% endcomment %}
|
||||||
|
|
||||||
<!-- Tabler Core -->
|
<!-- Tabler Core -->
|
||||||
<link href="{{ site.base }}/{% if jekyll.environment == 'development' %}tmp-{% endif %}dist/css/tabler{% if jekyll.environment == 'production' %}.min{% endif %}.css{% if site.preview %}?{{ site.time | date: '%s' }}{% endif %}" rel="stylesheet"/>
|
<link href="{{ site.base }}/{% if jekyll.environment == 'development' %}tmp-{% endif %}dist/css/tabler{% if jekyll.environment == 'production' %}.min{% endif %}.css{% if site.preview %}?{{ site.time | date: '%s' }}{% endif %}" rel="stylesheet"/>
|
||||||
|
|
||||||
|
{% comment %}
|
||||||
|
|
||||||
<!-- Tabler Plugins -->
|
<!-- Tabler Plugins -->
|
||||||
{% for plugin in site.tabler-plugins %}
|
{% for plugin in site.tabler-plugins %}
|
||||||
<link href="{{ site.base }}/{% if jekyll.environment == 'development' %}tmp-{% endif %}dist/css/{{ plugin }}{% if jekyll.environment == 'production' %}.min{% endif %}.css{% if site.preview %}?{{ site.time | date: '%s' }}{% endif %}" rel="stylesheet"/>
|
<link href="{{ site.base }}/{% if jekyll.environment == 'development' %}tmp-{% endif %}dist/css/{{ plugin }}{% if jekyll.environment == 'production' %}.min{% endif %}.css{% if site.preview %}?{{ site.time | date: '%s' }}{% endif %}" rel="stylesheet"/>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
|
|
||||||
|
{% endcomment %}
|
||||||
|
|
||||||
<link href="{{ site.base }}/{% if jekyll.environment == 'development' %}tmp-{% endif %}dist/css/demo{% if jekyll.environment == 'production' %}.min{% endif %}.css{% if site.preview %}?{{ site.time | date: '%s' }}{% endif %}" rel="stylesheet"/>
|
<link href="{{ site.base }}/{% if jekyll.environment == 'development' %}tmp-{% endif %}dist/css/demo{% if jekyll.environment == 'production' %}.min{% endif %}.css{% if site.preview %}?{{ site.time | date: '%s' }}{% endif %}" rel="stylesheet"/>
|
||||||
@@ -8,6 +8,7 @@
|
|||||||
|
|
||||||
<title>{% if page.title %}{{ page.title }} - {% endif %}{% if layout.title %}{{ layout.title }} - {% endif %}{% if site.title %}{{ site.title }} - {% endif %}{{ site.description }}</title>
|
<title>{% if page.title %}{{ page.title }} - {% endif %}{% if layout.title %}{{ layout.title }} - {% endif %}{% if site.title %}{{ site.title }} - {% endif %}{{ site.description }}</title>
|
||||||
|
|
||||||
|
{% if jekyll.environment == 'production' %}
|
||||||
<link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
|
<link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
|
||||||
|
|
||||||
<meta name="msapplication-TileColor" content="{{ site.data.colors.blue }}"/>
|
<meta name="msapplication-TileColor" content="{{ site.data.colors.blue }}"/>
|
||||||
@@ -32,6 +33,8 @@
|
|||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
{% include layout/og.html show=layout.og-component %}
|
{% include layout/og.html show=layout.og-component %}
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
{% include layout/css.html %}
|
{% include layout/css.html %}
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
@@ -48,13 +51,14 @@
|
|||||||
|
|
||||||
{% include layout/modals-capture.html %}
|
{% include layout/modals-capture.html %}
|
||||||
|
|
||||||
|
{% comment %}
|
||||||
{% include layout/js.html %}
|
{% include layout/js.html %}
|
||||||
{% include layout/js-capture.html %}
|
{% include layout/js-capture.html %}
|
||||||
|
|
||||||
{% if site.debug and jekyll.environment == 'development' %}
|
{% if site.debug and jekyll.environment == 'development' %}
|
||||||
{% include layout/debug.html %}
|
{% include layout/debug.html %}
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
{% endcomment %}
|
||||||
|
|
||||||
<script>document.body.style.display = "block"</script>
|
<script>document.body.style.display = "block"</script>
|
||||||
</body>
|
</body>
|
||||||
|
|||||||
@@ -5,20 +5,12 @@ layout: base
|
|||||||
{% assign page-header = page.page-header | default: layout.page-header %}
|
{% assign page-header = page.page-header | default: layout.page-header %}
|
||||||
|
|
||||||
<div class="page">
|
<div class="page">
|
||||||
|
{% comment %}
|
||||||
{% include layout/navbar-primary.html %}
|
{% include layout/navbar-primary.html %}
|
||||||
{% include layout/navbar-secondary.html %}
|
{% include layout/navbar-secondary.html %}
|
||||||
|
{% endcomment %}
|
||||||
|
|
||||||
<div class="content">
|
{% include layout/content.html %}
|
||||||
<div class="container{% if page.container-size %}-{{ page.container-size }}{% endif %}{% if page.container-centered %} d-flex flex-column justify-content-center{% endif %}">
|
|
||||||
{% if page-header %}
|
|
||||||
{% include layout/page-header.html title=page-header description=page.page-header-description actions=page.page-header-actions pretitle=page.page-header-pretitle %}
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{{ content }}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{% include layout/footer.html %}
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{% include ui/modal.html modal-id="customize" top=true %}
|
{% include ui/modal.html modal-id="customize" top=true %}
|
||||||
|
|||||||
+425
-423
@@ -1,425 +1,427 @@
|
|||||||
/*
|
|
||||||
Horizontal navbar
|
|
||||||
*/
|
|
||||||
@mixin navbar-horizontal {
|
|
||||||
.d-none-navbar-horizontal,
|
|
||||||
~ * .d-none-navbar-vertical-narrow {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dropdown-menu {
|
|
||||||
margin-right: -.25rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
///*
|
||||||
Vertical narrow navbar
|
//Horizontal navbar
|
||||||
*/
|
// */
|
||||||
@mixin navbar-vertical-narrow {
|
//@mixin navbar-horizontal {
|
||||||
width: $navbar-vertical-narrow-width;
|
// .d-none-navbar-horizontal,
|
||||||
overflow: visible;
|
// ~ * .d-none-navbar-vertical-narrow {
|
||||||
|
// display: none !important;
|
||||||
.d-none-navbar-vertical-narrow,
|
// }
|
||||||
~ * .d-none-navbar-vertical-narrow {
|
//
|
||||||
display: none !important;
|
// .dropdown-menu {
|
||||||
}
|
// margin-right: -.25rem;
|
||||||
|
// }
|
||||||
.navbar-nav {
|
//}
|
||||||
margin-top: 0;
|
//
|
||||||
}
|
///*
|
||||||
|
//Vertical narrow navbar
|
||||||
.nav-link {
|
// */
|
||||||
height: 3rem; //todo: to variable
|
//@mixin navbar-vertical-narrow {
|
||||||
}
|
// width: $navbar-vertical-narrow-width;
|
||||||
|
// overflow: visible;
|
||||||
.nav-link-title,
|
//
|
||||||
.navbar-heading {
|
// .d-none-navbar-vertical-narrow,
|
||||||
display: none;
|
// ~ * .d-none-navbar-vertical-narrow {
|
||||||
}
|
// display: none !important;
|
||||||
|
// }
|
||||||
.nav-link-icon {
|
//
|
||||||
margin: 0 auto;
|
// .navbar-nav {
|
||||||
font-size: 1.125rem;
|
// margin-top: 0;
|
||||||
width: 1.125rem;
|
// }
|
||||||
height: 1.125rem;
|
//
|
||||||
}
|
// .nav-link {
|
||||||
|
// height: 3rem; //todo: to variable
|
||||||
.navbar-brand-logo-large {
|
// }
|
||||||
display: none;
|
//
|
||||||
}
|
// .nav-link-title,
|
||||||
|
// .navbar-heading {
|
||||||
.navbar-brand-logo-small {
|
// display: none;
|
||||||
display: inline-block;
|
// }
|
||||||
}
|
//
|
||||||
|
// .nav-link-icon {
|
||||||
~ .navbar,
|
// margin: 0 auto;
|
||||||
~ .content {
|
// font-size: 1.125rem;
|
||||||
margin-left: $navbar-vertical-narrow-width;
|
// width: 1.125rem;
|
||||||
}
|
// height: 1.125rem;
|
||||||
|
// }
|
||||||
.dropdown-toggle:after {
|
//
|
||||||
content: none;
|
// .navbar-brand-logo-large {
|
||||||
}
|
// display: none;
|
||||||
|
// }
|
||||||
.dropdown-menu {
|
//
|
||||||
left: 100%;
|
// .navbar-brand-logo-small {
|
||||||
top: 0;
|
// display: inline-block;
|
||||||
margin: 0 0 0 -4px;
|
// }
|
||||||
|
//
|
||||||
&:before,
|
// ~ .navbar,
|
||||||
&:after {
|
// ~ .content {
|
||||||
content: none;
|
// margin-left: $navbar-vertical-narrow-width;
|
||||||
}
|
// }
|
||||||
|
//
|
||||||
&.dropdown-menu-right {
|
// .dropdown-toggle:after {
|
||||||
top: auto;
|
// content: none;
|
||||||
bottom: 0;
|
// }
|
||||||
right: auto;
|
//
|
||||||
}
|
// .dropdown-menu {
|
||||||
}
|
// left: 100%;
|
||||||
|
// top: 0;
|
||||||
&.navbar-right {
|
// margin: 0 0 0 -4px;
|
||||||
~ .navbar,
|
//
|
||||||
~ .content {
|
// &:before,
|
||||||
margin-left: 0;
|
// &:after {
|
||||||
margin-right: $navbar-vertical-narrow-width;
|
// content: none;
|
||||||
}
|
// }
|
||||||
|
//
|
||||||
.dropdown-menu {
|
// &.dropdown-menu-right {
|
||||||
margin: 0 -4px 0 0;
|
// top: auto;
|
||||||
left: auto;
|
// bottom: 0;
|
||||||
right: 100%;
|
// right: auto;
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
}
|
//
|
||||||
|
// &.navbar-right {
|
||||||
/*
|
// ~ .navbar,
|
||||||
Vertical navbar
|
// ~ .content {
|
||||||
*/
|
// margin-left: 0;
|
||||||
@mixin navbar-vertical {
|
// margin-right: $navbar-vertical-narrow-width;
|
||||||
position: fixed;
|
// }
|
||||||
left: 0;
|
//
|
||||||
top: 0;
|
// .dropdown-menu {
|
||||||
bottom: 0;
|
// margin: 0 -4px 0 0;
|
||||||
width: $navbar-vertical-width;
|
// left: auto;
|
||||||
z-index: $zindex-fixed;
|
// right: 100%;
|
||||||
min-height: auto;
|
// }
|
||||||
align-items: start;
|
// }
|
||||||
overflow: auto;
|
//}
|
||||||
|
//
|
||||||
> [class*="container"] {
|
///*
|
||||||
flex-direction: column;
|
//Vertical navbar
|
||||||
align-items: stretch;
|
// */
|
||||||
padding-left: 0;
|
//@mixin navbar-vertical {
|
||||||
padding-right: 0;
|
// position: fixed;
|
||||||
min-height: 100%;
|
// left: 0;
|
||||||
}
|
// top: 0;
|
||||||
|
// bottom: 0;
|
||||||
~ .navbar,
|
// width: $navbar-vertical-width;
|
||||||
~ .content {
|
// z-index: $zindex-fixed;
|
||||||
margin-left: $navbar-vertical-width;
|
// min-height: auto;
|
||||||
|
// align-items: start;
|
||||||
[class*="container"] {
|
// overflow: auto;
|
||||||
padding-left: $cards-grid-gap;
|
//
|
||||||
padding-right: $cards-grid-gap;
|
// > [class*="container"] {
|
||||||
}
|
// flex-direction: column;
|
||||||
}
|
// align-items: stretch;
|
||||||
|
// padding-left: 0;
|
||||||
.d-none-navbar-vertical,
|
// padding-right: 0;
|
||||||
~ * .d-none-navbar-vertical {
|
// min-height: 100%;
|
||||||
display: none !important;
|
// }
|
||||||
}
|
//
|
||||||
|
// ~ .navbar,
|
||||||
.navbar-brand {
|
// ~ .content {
|
||||||
display: flex;
|
// margin-left: $navbar-vertical-width;
|
||||||
width: 100%;
|
//
|
||||||
margin: 0;
|
// [class*="container"] {
|
||||||
text-align: center;
|
// padding-left: $cards-grid-gap;
|
||||||
height: $navbar-height;
|
// padding-right: $cards-grid-gap;
|
||||||
align-items: center;
|
// }
|
||||||
justify-content: center;
|
// }
|
||||||
}
|
//
|
||||||
|
// .d-none-navbar-vertical,
|
||||||
.navbar-heading {
|
// ~ * .d-none-navbar-vertical {
|
||||||
@include subheader();
|
// display: none !important;
|
||||||
display: block;
|
// }
|
||||||
margin-bottom: .5rem;
|
//
|
||||||
}
|
// .navbar-brand {
|
||||||
|
// display: flex;
|
||||||
.navbar-collapse {
|
// width: 100%;
|
||||||
flex-direction: column;
|
// margin: 0;
|
||||||
text-align: left;
|
// text-align: center;
|
||||||
align-items: normal;
|
// height: $navbar-height;
|
||||||
|
// align-items: center;
|
||||||
padding: $navbar-vertical-padding $navbar-vertical-padding;
|
// justify-content: center;
|
||||||
}
|
// }
|
||||||
|
//
|
||||||
.navbar-nav {
|
// .navbar-heading {
|
||||||
flex-direction: column;
|
// @include subheader();
|
||||||
align-items: normal;
|
// display: block;
|
||||||
margin-left: -($navbar-vertical-padding);
|
// margin-bottom: .5rem;
|
||||||
margin-right: -($navbar-vertical-padding);
|
// }
|
||||||
|
//
|
||||||
.nav-link {
|
// .navbar-collapse {
|
||||||
min-height: 0;
|
// flex-direction: column;
|
||||||
height: 2.5rem;
|
// text-align: left;
|
||||||
padding-left: $navbar-vertical-padding;
|
// align-items: normal;
|
||||||
padding-right: $navbar-vertical-padding;
|
//
|
||||||
justify-content: start;
|
// padding: $navbar-vertical-padding $navbar-vertical-padding;
|
||||||
}
|
// }
|
||||||
|
//
|
||||||
.nav-item {
|
// .navbar-nav {
|
||||||
&.active {
|
// flex-direction: column;
|
||||||
font-weight: 600;
|
// align-items: normal;
|
||||||
|
// margin-left: -($navbar-vertical-padding);
|
||||||
>.nav-link:before {
|
// margin-right: -($navbar-vertical-padding);
|
||||||
left: 0;
|
//
|
||||||
right: auto;
|
// .nav-link {
|
||||||
top: 0;
|
// min-height: 0;
|
||||||
bottom: 0;
|
// height: 2.5rem;
|
||||||
height: auto;
|
// padding-left: $navbar-vertical-padding;
|
||||||
width: 2px;
|
// padding-right: $navbar-vertical-padding;
|
||||||
}
|
// justify-content: start;
|
||||||
}
|
// }
|
||||||
}
|
//
|
||||||
}
|
// .nav-item {
|
||||||
|
// &.active {
|
||||||
.navbar-side {
|
// font-weight: 600;
|
||||||
margin-left: 0;
|
//
|
||||||
margin-top: auto;
|
// >.nav-link:before {
|
||||||
padding-left: 0;
|
// left: 0;
|
||||||
padding-top: $navbar-vertical-padding;
|
// right: auto;
|
||||||
|
// top: 0;
|
||||||
> * {
|
// bottom: 0;
|
||||||
margin-left: 0;
|
// height: auto;
|
||||||
margin-top: 1rem;
|
// width: 2px;
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
|
// }
|
||||||
&.navbar-right {
|
// }
|
||||||
left: auto;
|
//
|
||||||
right: 0;
|
// .navbar-side {
|
||||||
|
// margin-left: 0;
|
||||||
~ .navbar,
|
// margin-top: auto;
|
||||||
~ .content {
|
// padding-left: 0;
|
||||||
margin-left: 0;
|
// padding-top: $navbar-vertical-padding;
|
||||||
margin-right: $navbar-vertical-width;
|
//
|
||||||
}
|
// > * {
|
||||||
}
|
// margin-left: 0;
|
||||||
|
// margin-top: 1rem;
|
||||||
&:not(.navbar-vertical-narrow) {
|
// }
|
||||||
.d-none-navbar-vertical-wide,
|
// }
|
||||||
~ * .d-none-navbar-vertical-wide {
|
//
|
||||||
display: none !important;
|
// &.navbar-right {
|
||||||
}
|
// left: auto;
|
||||||
|
// right: 0;
|
||||||
.nav-item.active>.dropdown-menu {
|
//
|
||||||
display: block;
|
// ~ .navbar,
|
||||||
}
|
// ~ .content {
|
||||||
|
// margin-left: 0;
|
||||||
.dropdown-menu {
|
// margin-right: $navbar-vertical-width;
|
||||||
position: static;
|
// }
|
||||||
background: inherit;
|
// }
|
||||||
border: 0;
|
//
|
||||||
box-shadow: none;
|
// &:not(.navbar-vertical-narrow) {
|
||||||
padding: 0;
|
// .d-none-navbar-vertical-wide,
|
||||||
margin: 0;
|
// ~ * .d-none-navbar-vertical-wide {
|
||||||
color: inherit;
|
// display: none !important;
|
||||||
columns: 1;
|
// }
|
||||||
|
//
|
||||||
&:before,
|
// .nav-item.active>.dropdown-menu {
|
||||||
&:after {
|
// display: block;
|
||||||
content: none;
|
// }
|
||||||
}
|
//
|
||||||
}
|
// .dropdown-menu {
|
||||||
|
// position: static;
|
||||||
.dropdown-item {
|
// background: inherit;
|
||||||
padding-left: add($navbar-vertical-padding, 1.5rem);
|
// border: 0;
|
||||||
opacity: $text-muted-opacity;
|
// box-shadow: none;
|
||||||
color: inherit;
|
// padding: 0;
|
||||||
background: transparent;
|
// margin: 0;
|
||||||
|
// color: inherit;
|
||||||
&.active {
|
// columns: 1;
|
||||||
font-weight: 600;
|
//
|
||||||
opacity: 1;
|
// &:before,
|
||||||
}
|
// &:after {
|
||||||
|
// content: none;
|
||||||
&:hover {
|
// }
|
||||||
opacity: 1;
|
// }
|
||||||
}
|
//
|
||||||
}
|
// .dropdown-item {
|
||||||
|
// padding-left: add($navbar-vertical-padding, 1.5rem);
|
||||||
.dropdown-toggle:after {
|
// opacity: $text-muted-opacity;
|
||||||
margin-left: auto;
|
// color: inherit;
|
||||||
}
|
// background: transparent;
|
||||||
}
|
//
|
||||||
|
// &.active {
|
||||||
&.navbar-vertical-narrow {
|
// font-weight: 600;
|
||||||
@include navbar-vertical-narrow;
|
// opacity: 1;
|
||||||
}
|
// }
|
||||||
}
|
//
|
||||||
|
// &:hover {
|
||||||
/*
|
// opacity: 1;
|
||||||
All navbars
|
// }
|
||||||
*/
|
// }
|
||||||
.navbar {
|
//
|
||||||
padding-top: 0;
|
// .dropdown-toggle:after {
|
||||||
padding-bottom: 0;
|
// margin-left: auto;
|
||||||
min-height: $navbar-height;
|
// }
|
||||||
box-shadow: 0 0 0 1px $border-color;
|
// }
|
||||||
z-index: $zindex-fixed;
|
//
|
||||||
|
// &.navbar-vertical-narrow {
|
||||||
@media print {
|
// @include navbar-vertical-narrow;
|
||||||
display: none;
|
// }
|
||||||
margin: 0 !important;
|
//}
|
||||||
}
|
//
|
||||||
|
///*
|
||||||
.nav-link {
|
//All navbars
|
||||||
line-height: 1;
|
// */
|
||||||
min-width: 2rem;
|
//.navbar {
|
||||||
min-height: 2rem;
|
// padding-top: 0;
|
||||||
position: relative;
|
// padding-bottom: 0;
|
||||||
user-select: none;
|
// min-height: $navbar-height;
|
||||||
text-align: center;
|
// box-shadow: 0 0 0 1px $border-color;
|
||||||
}
|
// z-index: $zindex-fixed;
|
||||||
|
//
|
||||||
.nav-link-icon {
|
// @media print {
|
||||||
font-size: 1rem;
|
// display: none;
|
||||||
width: 1rem;
|
// margin: 0 !important;
|
||||||
height: 1rem;
|
// }
|
||||||
display: block;
|
//
|
||||||
margin-right: .5rem;
|
// .nav-link {
|
||||||
line-height: .99;
|
// line-height: 1;
|
||||||
}
|
// min-width: 2rem;
|
||||||
|
// min-height: 2rem;
|
||||||
.navbar-nav {
|
// position: relative;
|
||||||
align-items: center;
|
// user-select: none;
|
||||||
|
// text-align: center;
|
||||||
.nav-link {
|
// }
|
||||||
color: inherit;
|
//
|
||||||
opacity: $text-muted-opacity;
|
// .nav-link-icon {
|
||||||
transition: .3s opacity;
|
// font-size: 1rem;
|
||||||
justify-content: center;
|
// width: 1rem;
|
||||||
|
// height: 1rem;
|
||||||
&:hover {
|
// display: block;
|
||||||
color: inherit;
|
// margin-right: .5rem;
|
||||||
opacity: 1;
|
// line-height: .99;
|
||||||
}
|
// }
|
||||||
|
//
|
||||||
&.disabled {
|
// .navbar-nav {
|
||||||
color: inherit;
|
// align-items: center;
|
||||||
opacity: $text-muted-opacity / 3;
|
//
|
||||||
}
|
// .nav-link {
|
||||||
}
|
// color: inherit;
|
||||||
|
// opacity: $text-muted-opacity;
|
||||||
.show > .nav-link,
|
// transition: .3s opacity;
|
||||||
.active > .nav-link,
|
// justify-content: center;
|
||||||
.nav-link.show,
|
//
|
||||||
.nav-link.active {
|
// &:hover {
|
||||||
color: inherit;
|
// color: inherit;
|
||||||
opacity: 1;
|
// opacity: 1;
|
||||||
}
|
// }
|
||||||
}
|
//
|
||||||
}
|
// &.disabled {
|
||||||
|
// color: inherit;
|
||||||
.navbar-expand {
|
// opacity: $text-muted-opacity / 3;
|
||||||
@each $breakpoint, $breakpoint-max-width in $grid-breakpoints {
|
// }
|
||||||
&-#{$breakpoint} {
|
// }
|
||||||
@include media-breakpoint-up($breakpoint) {
|
//
|
||||||
.navbar-nav {
|
// .show > .nav-link,
|
||||||
margin-left: (-$navbar-nav-link-padding-x);
|
// .active > .nav-link,
|
||||||
|
// .nav-link.show,
|
||||||
.nav-item {
|
// .nav-link.active {
|
||||||
position: relative;
|
// color: inherit;
|
||||||
}
|
// opacity: 1;
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
}
|
//}
|
||||||
}
|
//
|
||||||
}
|
//.navbar-expand {
|
||||||
|
// @each $breakpoint, $breakpoint-max-width in $grid-breakpoints {
|
||||||
.navbar-side {
|
// &-#{$breakpoint} {
|
||||||
margin-left: auto;
|
// @include media-breakpoint-up($breakpoint) {
|
||||||
padding-left: 1.5rem;
|
// .navbar-nav {
|
||||||
|
// margin-left: (-$navbar-nav-link-padding-x);
|
||||||
> * {
|
//
|
||||||
margin-left: 1rem;
|
// .nav-item {
|
||||||
}
|
// position: relative;
|
||||||
}
|
// }
|
||||||
|
// }
|
||||||
.navbar-heading {
|
// }
|
||||||
display: none;
|
// }
|
||||||
}
|
// }
|
||||||
|
//}
|
||||||
/**
|
//
|
||||||
Navbar brand
|
//.navbar-side {
|
||||||
*/
|
// margin-left: auto;
|
||||||
.navbar-brand {
|
// padding-left: 1.5rem;
|
||||||
padding: 0; //todo: move to varaibles
|
//
|
||||||
}
|
// > * {
|
||||||
|
// margin-left: 1rem;
|
||||||
.navbar-brand-logo {
|
// }
|
||||||
height: 2rem;
|
//}
|
||||||
}
|
//
|
||||||
|
//.navbar-heading {
|
||||||
.navbar-brand-logo-small {
|
// display: none;
|
||||||
display: none;
|
//}
|
||||||
}
|
//
|
||||||
|
///**
|
||||||
.navbar-light {
|
//Navbar brand
|
||||||
background: $white;
|
// */
|
||||||
@include scrollbar;
|
//.navbar-brand {
|
||||||
}
|
// padding: 0; //todo: move to varaibles
|
||||||
|
//}
|
||||||
.navbar-dark {
|
//
|
||||||
background: $navbar-vertical-dark-bg;
|
//.navbar-brand-logo {
|
||||||
color: $navbar-vertical-dark-color;
|
// height: 2rem;
|
||||||
box-shadow: 0 0 0 1px $dark-mode-darken;
|
//}
|
||||||
@include scrollbar(true);
|
//
|
||||||
|
//.navbar-brand-logo-small {
|
||||||
.text-muted {
|
// display: none;
|
||||||
color: inherit !important;
|
//}
|
||||||
opacity: $text-muted-opacity;
|
//
|
||||||
}
|
//.navbar-light {
|
||||||
|
// background: $white;
|
||||||
.navbar-brand-autodark {
|
// @include scrollbar;
|
||||||
@include autodark-image;
|
//}
|
||||||
}
|
//
|
||||||
|
//.navbar-dark {
|
||||||
.form-control {
|
// background: $navbar-vertical-dark-bg;
|
||||||
border-color: transparent;
|
// color: $navbar-vertical-dark-color;
|
||||||
background: $dark-mode-lighten;
|
// box-shadow: 0 0 0 1px $dark-mode-darken;
|
||||||
color: $white;
|
// @include scrollbar(true);
|
||||||
}
|
//
|
||||||
}
|
// .text-muted {
|
||||||
|
// color: inherit !important;
|
||||||
/**
|
// opacity: $text-muted-opacity;
|
||||||
Navbar vertical
|
// }
|
||||||
*/
|
//
|
||||||
@if $enable-navbar-vertical {
|
// .navbar-brand-autodark {
|
||||||
.navbar:not(.navbar-vertical) {
|
// @include autodark-image;
|
||||||
@include navbar-horizontal;
|
// }
|
||||||
}
|
//
|
||||||
|
// .form-control {
|
||||||
.navbar-vertical {
|
// border-color: transparent;
|
||||||
@each $breakpoint, $breakpoint-max-width in $grid-breakpoints {
|
// background: $dark-mode-lighten;
|
||||||
&.navbar-expand-#{$breakpoint} {
|
// color: $white;
|
||||||
@include media-breakpoint-up($breakpoint) {
|
// }
|
||||||
@include navbar-vertical;
|
//}
|
||||||
}
|
//
|
||||||
|
///**
|
||||||
@include media-breakpoint-down-than($breakpoint) {
|
//Navbar vertical
|
||||||
@include navbar-horizontal;
|
// */
|
||||||
}
|
//@if $enable-navbar-vertical {
|
||||||
}
|
// .navbar:not(.navbar-vertical) {
|
||||||
}
|
// @include navbar-horizontal;
|
||||||
}
|
// }
|
||||||
}
|
//
|
||||||
|
// .navbar-vertical {
|
||||||
/**
|
// @each $breakpoint, $breakpoint-max-width in $grid-breakpoints {
|
||||||
Navbar secondary
|
// &.navbar-expand-#{$breakpoint} {
|
||||||
*/
|
// @include media-breakpoint-up($breakpoint) {
|
||||||
.navbar-secondary {
|
// @include navbar-vertical;
|
||||||
order: -1;
|
// }
|
||||||
z-index: $zindex-fixed + 10;
|
//
|
||||||
}
|
// @include media-breakpoint-down-than($breakpoint) {
|
||||||
|
// @include navbar-horizontal;
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
//}
|
||||||
|
//
|
||||||
|
///**
|
||||||
|
//Navbar secondary
|
||||||
|
// */
|
||||||
|
//.navbar-secondary {
|
||||||
|
// order: -1;
|
||||||
|
// z-index: $zindex-fixed + 10;
|
||||||
|
//}
|
||||||
|
|||||||
Reference in New Issue
Block a user