tonyair/webpack-bootstrap-ui-kit
1
0
Fork 0
mirror of https://github.com/a2nt/webpack-bootstrap-ui-kit.git synced 2024-10-22 11:05:45 +02:00
Code Issues Projects Releases Wiki Activity

IMPR: Namespaces refactoring

Browse Source
This commit is contained in:
Tony Air 2021-03-15 03:46:04 +07:00
parent 91d60b815a
commit f5d178d310
3 changed files with 117 additions and 105 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
src/scss/_components/_ui.main.base.scss
View File

@ -15,6 +15,8 @@ body {
body { body {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
--body-bg: #{inspect($body-bg)};
--body-color: #{inspect($body-color)};
--body-gutter-x: #{inspect($body-gutter-x)}; --body-gutter-x: #{inspect($body-gutter-x)};
--body-gutter-y: #{inspect($body-gutter-y)}; --body-gutter-y: #{inspect($body-gutter-y)};
--body-gutter-reduced-x: #{inspect($body-gutter-reduced-x)}; --body-gutter-reduced-x: #{inspect($body-gutter-reduced-x)};
@ -24,6 +26,7 @@ body {
flex: 1 0 auto; flex: 1 0 auto;
margin-bottom: $element-spacer-y; margin-bottom: $element-spacer-y;
} }
.footer { .footer {
flex-shrink: 0; flex-shrink: 0;
margin-top: $element-spacer-y; margin-top: $element-spacer-y;
@ -31,9 +34,12 @@ body {
} }
@media (min-width: $extra-large-screen) { @media (min-width: $extra-large-screen) {
html, body {
font-size: .9vw!important; html,
body {
font-size: .9vw !important;
} }
.container { .container {
max-width: 80vw; max-width: 80vw;
} }
@ -70,6 +76,7 @@ p {
cursor: pointer; cursor: pointer;
color: $link-color; color: $link-color;
text-decoration: $link-decoration; text-decoration: $link-decoration;
&:hover, &:hover,
&:focus { &:focus {
text-decoration: $link-hover-decoration; text-decoration: $link-hover-decoration;
@ -79,6 +86,7 @@ p {
// exclude bootstrap-table // exclude bootstrap-table
[data-toggle='table'] { [data-toggle='table'] {
&:hover, &:hover,
&.active, &.active,
&:focus { &:focus {
@ -124,13 +132,15 @@ a,
[data-toggle], [data-toggle],
button, button,
.btn { .btn {
&:hover, &:hover,
&.active, &.active,
&[aria-expanded='true'] { &[aria-expanded='true'] {
> .fa,
> .far, >.fa,
> .fas, >.far,
> .fab, >.fas,
>.fab,
&.fa, &.fa,
&.far, &.far,
&.fas, &.fas,
@ -151,10 +161,11 @@ button,
&:hover, &:hover,
&.active, &.active,
&[aria-expanded='true'] { &[aria-expanded='true'] {
> .fa,
> .far, >.fa,
> .fas, >.far,
> .fab, >.fas,
>.fab,
&.fa, &.fa,
&.far, &.far,
&.fas, &.fas,

9
webpack.configuration.js
View File

@ -2,7 +2,8 @@
* Load webpack configuration from app/_config/webpack.yml * Load webpack configuration from app/_config/webpack.yml
*/ */
const YML_PATH = '/webpack.yml'; const YML_PATH = '/app/_config/webpack.yml';
const CONF_VAR = 'App\\Templates\\WebpackTemplateProvider';
const path = require('path'); const path = require('path');
const filesystem = require('fs'); const filesystem = require('fs');
@ -15,8 +16,8 @@ const conf = yaml.safeLoad(
let themes = []; let themes = [];
// add themes // add themes
if (conf['Site\\Templates\\WebpackTemplateProvider'].THEMESDIR) { if (conf[CONF_VAR].THEMESDIR) {
const themeDir = conf['Site\\Templates\\WebpackTemplateProvider'].THEMESDIR; const themeDir = conf[CONF_VAR].THEMESDIR;
const dir = path.resolve(__dirname, themeDir); const dir = path.resolve(__dirname, themeDir);
if (filesystem.existsSync(dir)) { if (filesystem.existsSync(dir)) {
@ -32,6 +33,6 @@ if (conf['Site\\Templates\\WebpackTemplateProvider'].THEMESDIR) {
} }
module.exports = { module.exports = {
configuration: conf['Site\\Templates\\WebpackTemplateProvider'], configuration: conf[CONF_VAR],
themes: themes, themes: themes,
}; };

2
webpack.yml
View File

@ -2,7 +2,7 @@
# with all configuration variables presented # with all configuration variables presented
# Cuz WebPack compiling script use it to set configuration # Cuz WebPack compiling script use it to set configuration
Site\Templates\WebpackTemplateProvider: App\Templates\WebpackTemplateProvider:
APPDIR: ./ APPDIR: ./
THEMESDIR: themes THEMESDIR: themes
HOSTNAME: 127.0.0.1 HOSTNAME: 127.0.0.1