rtlcss implemented

This commit is contained in:
Daniel
2021-05-10 00:59:06 +05:30
parent c5b869c5ca
commit fcbcda9ec6
10 changed files with 156 additions and 130 deletions

View File

@@ -1,12 +0,0 @@
'use strict'
const esbuild = require('esbuild')
esbuild.build({
entryPoints: ['dist/js/adminlte.js'],
bundle: false,
minify: true,
sourcemap: true,
outfile: 'dist/js/adminlte.min.js'
}).catch(error => console.error(error))

View File

@@ -13,13 +13,17 @@ const banner = `/*!
esbuild.build({
entryPoints: ['build/ts/adminlte.ts'],
bundle: true,
format: 'iife',
minify: false,
sourcemap: true,
banner: {
js: banner
},
bundle: true,
color: true,
format: 'iife',
sourcemap: true,
target: getTarget(['es', 'chrome', 'edge', 'firefox', 'ios', 'safari']),
outfile: 'dist/js/adminlte.js'
}).catch(error => console.error(error))
}).then(
console.log('build/ts/adminlte.ts is BUILD')
).catch(
error => console.error(error)
)

View File

@@ -1,14 +1,17 @@
'use strict'
module.exports = {
map: {
inline: false,
annotation: true,
sourcesContent: true
},
plugins: [
require('autoprefixer')({
cascade: false
})
]
module.exports = ctx => {
return {
map: {
inline: false,
annotation: true,
sourcesContent: true
},
plugins: {
autoprefixer: {
cascade: false
},
rtlcss: ctx.env === 'RTL' ? {} : false
}
}
}

View File

@@ -1,9 +1,9 @@
// MAIN FOOTER
// --------------------------------------------------------
$main-footer-bg-alt: $dark !default;
$main-footer-bg-alt: $dark !default;
// Body background (Affects main content background only)
$main-bg-alt: tint-color($dark-alt, 7.5%) !default;
$main-color-alt: $white !default;
$main-bg-alt: tint-color($dark-alt, 7.5%) !default;
$main-color-alt: $white !default;
//

View File

@@ -9,8 +9,8 @@ $font-size-root: 1rem !default;
// --------------------------------------------------------
// Transition global options
$transition-speed: .3s !default;
$transition-fn: ease-in-out !default;
$transition-speed: .3s !default;
$transition-fn: ease-in-out !default;
// Sidebar
// --------------------------------------------------------
@@ -45,12 +45,12 @@ $sidebar-dark-submenu-active-color: $sidebar-dark-bg !default;
$sidebar-dark-submenu-active-bg: rgba(255, 255, 255, .9) !default;
// Light sidebar
$sidebar-light-bg: $white !default;
$sidebar-light-hover-bg: rgba($black, .1) !default;
$sidebar-light-color: $gray-800 !default;
$sidebar-light-hover-color: $gray-900 !default;
$sidebar-light-active-color: $black !default;
$sidebar-light-submenu-bg: transparent !default;
$sidebar-light-bg: $white !default;
$sidebar-light-hover-bg: rgba($black, .1) !default;
$sidebar-light-color: $gray-800 !default;
$sidebar-light-hover-color: $gray-900 !default;
$sidebar-light-active-color: $black !default;
$sidebar-light-submenu-bg: transparent !default;
$sidebar-light-submenu-color: #777 !default;
$sidebar-light-submenu-hover-color: $black !default;
$sidebar-light-submenu-hover-bg: $sidebar-light-hover-bg !default;
@@ -96,24 +96,24 @@ $main-footer-color: tint-color($gray-700, 25%) !default;
// BRAND LINK
// --------------------------------------------------------
$brand-link-padding-y: $navbar-brand-padding-y + $navbar-padding-y;
$brand-link-border-buttom: 1px;
$brand-link-padding-y: $navbar-brand-padding-y + $navbar-padding-y;
$brand-link-border-buttom: 1px;
// Z-INDEX
// --------------------------------------------------------
$zindex-main-header: $zindex-fixed + 4 !default;
$zindex-sidebar: $zindex-fixed + 8 !default;
$zindex-main-footer: $zindex-fixed + 2 !default;
$zindex-control-sidebar: $zindex-fixed + 1 !default;
$zindex-toasts: $zindex-sidebar + 2 !default;
$zindex-content-wrapper: $zindex-sidebar - 2 !default;
$zindex-preloader: $zindex-toasts + 2 !default;
$zindex-main-header: $zindex-fixed + 4 !default;
$zindex-sidebar: $zindex-fixed + 8 !default;
$zindex-main-footer: $zindex-fixed + 2 !default;
$zindex-control-sidebar: $zindex-fixed + 1 !default;
$zindex-toasts: $zindex-sidebar + 2 !default;
$zindex-content-wrapper: $zindex-sidebar - 2 !default;
$zindex-preloader: $zindex-toasts + 2 !default;
// Body background (Affects main content background only)
$main-bg: #f4f6f9 !default;
$main-color: $black !default;
$main-bg: #f4f6f9 !default;
$main-color: $black !default;
// Dark mode
$enable-dark-mode: true !default;
$enable-dark-mode: false !default;
//

View File

@@ -0,0 +1,8 @@
// Dark mode Enable using prefers-color-scheme
$enable-dark-mode: true;
// AdminLTE
// ---------------------------------------------------
@import "../adminlte";
//

View File

@@ -0,0 +1,8 @@
// Dark mode Enable using prefers-color-scheme
$enable-dark-mode: true;
// AdminLTE
// ---------------------------------------------------
@import "../adminlte";
//

View File

@@ -0,0 +1,5 @@
// AdminLTE
// ---------------------------------------------------
@import "../adminlte";
//