rtlcss implemented
This commit is contained in:
12
build/config/esbuild.config-min.js
vendored
12
build/config/esbuild.config-min.js
vendored
@@ -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))
|
||||
|
||||
@@ -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)
|
||||
)
|
||||
|
||||
@@ -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
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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;
|
||||
|
||||
//
|
||||
|
||||
@@ -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;
|
||||
|
||||
//
|
||||
|
||||
8
build/scss/parts/adminlte.pcs.rtl.scss
Normal file
8
build/scss/parts/adminlte.pcs.rtl.scss
Normal file
@@ -0,0 +1,8 @@
|
||||
// Dark mode Enable using prefers-color-scheme
|
||||
$enable-dark-mode: true;
|
||||
|
||||
// AdminLTE
|
||||
// ---------------------------------------------------
|
||||
@import "../adminlte";
|
||||
|
||||
//
|
||||
8
build/scss/parts/adminlte.pcs.scss
Normal file
8
build/scss/parts/adminlte.pcs.scss
Normal file
@@ -0,0 +1,8 @@
|
||||
// Dark mode Enable using prefers-color-scheme
|
||||
$enable-dark-mode: true;
|
||||
|
||||
// AdminLTE
|
||||
// ---------------------------------------------------
|
||||
@import "../adminlte";
|
||||
|
||||
//
|
||||
5
build/scss/parts/adminlte.rtl.scss
Normal file
5
build/scss/parts/adminlte.rtl.scss
Normal file
@@ -0,0 +1,5 @@
|
||||
// AdminLTE
|
||||
// ---------------------------------------------------
|
||||
@import "../adminlte";
|
||||
|
||||
//
|
||||
Reference in New Issue
Block a user