Browse Source

added background image and scss support

merge-requests/9/head
jorge 3 years ago
committed by meskio
parent
commit
b21c840e54
Signed by: meskio GPG Key ID: 52B8F5AC97A2DA86
  1. 53
      assets/_lowry.scss
  2. 2
      assets/style.scss
  3. 0
      img/bg-lowry01.jpg
  4. 0
      img/bg-lowry02.jpg
  5. 0
      img/bg-lowry03.jpg
  6. 0
      img/bg-lowry04.jpg
  7. 5
      tmpl/login.html
  8. 14
      webpack.config.js

53
assets/_lowry.scss

@ -1,22 +1,17 @@
$body-bg: rgb(250,250,250);
$body-color: rgb(90,90,90);
body {
background-image:url('../img/background/lowry01.jpg');
background-color:transparent;
background-repeat: no-repeat ;
background-position:center center;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}\
.container {
padding-top:10%;
}
.login {
padding: 1rem;
border-radius: 0.6rem;
body{
&.login{
background-image:url('../img/bg-lowry01.jpg');
background-color:transparent;
background-repeat: no-repeat ;
background-position:center center;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
}
.logosd em{
display:none;
@ -30,27 +25,3 @@ body {
opacity:0.5;
}
.btn-primary {
background-color:rgba(110,180,200,1);
border-color:rgba(90,160,180,1);
}
.btn-primary:hover {
background-color:rgba(70,130,150,1);
border-color:rgba(90,160,180,1);
}
.form-group label {
color:rgba(150,220,240,1);
}
.form-control {
background-color:rgba(150,220,240,0.7);
}
.form-control::placeholder {
color:rgba(70,130,150,1);
}
.form-control:focus {
background-color:rgba(150,220,240,1);
}
.login {
background: rgba(70,130,150,0.6)
};

2
assets/style.scss

@ -1,2 +1,2 @@
@import 'lowry.scss';
@import '~bootstrap/scss/bootstrap';
@import 'lowry.scss';

0
img/background/lowry01.jpg → img/bg-lowry01.jpg

Before

Width:  |  Height:  |  Size: 81 KiB

After

Width:  |  Height:  |  Size: 81 KiB

0
img/background/lowry02.jpg → img/bg-lowry02.jpg

Before

Width:  |  Height:  |  Size: 99 KiB

After

Width:  |  Height:  |  Size: 99 KiB

0
img/background/lowry03.jpg → img/bg-lowry03.jpg

Before

Width:  |  Height:  |  Size: 63 KiB

After

Width:  |  Height:  |  Size: 63 KiB

0
img/background/lowry04.jpg → img/bg-lowry04.jpg

Before

Width:  |  Height:  |  Size: 89 KiB

After

Width:  |  Height:  |  Size: 89 KiB

5
tmpl/login.html

@ -1,6 +1,6 @@
{{template "header.html"}}
{{template "header_close.html"}}
</head>
<body class="login">
<div class="container">
<br />
<div class="row justify-content-center">
@ -24,5 +24,4 @@
</form>
</div>
</div>
{{template "footer.html"}}

14
webpack.config.js

@ -29,16 +29,12 @@ module.exports = {
{
loader: 'file-loader',
options: {
outpath: 'img',
name: '[name].[ext]',
outputPath: 'img/',
},
},
],
},
//https://webpack.js.org/loaders/svg-inline-loader/
// {
// test: /\.svg$/,
// loader: 'svg-inline-loader'
// },
//https://github.com/smooth-code/svgr/tree/master/packages/webpack
{
test: /\.svg(\?v=\d+\.\d+\.\d+)?$/,
@ -49,7 +45,11 @@ module.exports = {
},
{
test: /\.svg(\?v=\d+\.\d+\.\d+)?$/,
loader: 'file-loader'
loader: 'file-loader',
options: {
name: '[name].[ext]',
outputPath: 'img/',
},
},
{
test: require.resolve('jquery'),

Loading…
Cancel
Save