kadet/czydojade
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Add background

Browse Source
This commit is contained in:
Kacper Donat 2020-09-24 19:30:14 +02:00
parent 85a2a2a4a7
commit 452a5c4993
5 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
resources/images/background-2x.png Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 45 KiB

BIN
resources/images/background.png Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 19 KiB

7
resources/styles/_common.scss
View File

@ -60,7 +60,14 @@
} }
} }
$section-safe-margin: 0.5rem;
.section { .section {
padding: $section-safe-margin;
margin: -$section-safe-margin;
background: rgba(white, 0.85);
margin-bottom: 1rem; margin-bottom: 1rem;
.section__title { .section__title {

2
resources/styles/main.scss
View File

@ -100,10 +100,12 @@ body {
min-height: 100vh; min-height: 100vh;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
background: url("../images/background.png") repeat-x center bottom 63px;
main { main {
flex: 1 1 auto; flex: 1 1 auto;
position: relative; position: relative;
margin-bottom: 2rem;
> * { > * {
transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out;

2
webpack.config.js
View File

@ -36,7 +36,7 @@ const config = {
test: /\.s[ac]ss$/, test: /\.s[ac]ss$/,
use: [{ use: [{
loader: MiniCssExtractPlugin.loader, loader: MiniCssExtractPlugin.loader,
}, "css-loader?sourceMap", "sass-loader?sourceMap"] }, "css-loader?sourceMap&url=false", "sass-loader?sourceMap&url=false"]
}, { }, {
test: /\.css$/, test: /\.css$/,
use: ["style-loader", "css-loader"] use: ["style-loader", "css-loader"]