use static dir for images reference since scss
6
assets/scss/custom.scss
Executable file → Normal file
@ -19,12 +19,10 @@ $icon-red: #f0384d;
|
||||
$icon-yellow: #fcc958;
|
||||
|
||||
// Pattern
|
||||
// hugo needs to precompile images in public dir, and make it automatically with images called from content.
|
||||
// here we need to use it in css, then need to generate it, calling it first from a content md file.
|
||||
@mixin add-bg-pattern($id) {
|
||||
background-repeat: repeat;
|
||||
background-position: top center;
|
||||
background-image: url('../images/bg/pattern-#{$id}.png');
|
||||
background-image: url('/images/bg/pattern-#{$id}.png');
|
||||
}
|
||||
|
||||
// Sections bg transitions
|
||||
@ -35,7 +33,7 @@ $icon-yellow: #fcc958;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-image: url('../images/svg/curve-#{$id}.svg');
|
||||
background-image: url('/images/svg/curve-#{$id}.svg');
|
||||
background-size: contain;
|
||||
background-position: $pos center;
|
||||
background-repeat: no-repeat;
|
||||
|
Before Width: | Height: | Size: 2.6 KiB After Width: | Height: | Size: 2.6 KiB |
Before Width: | Height: | Size: 404 B After Width: | Height: | Size: 404 B |
Before Width: | Height: | Size: 775 B After Width: | Height: | Size: 775 B |
Before Width: | Height: | Size: 548 B After Width: | Height: | Size: 548 B |
Before Width: | Height: | Size: 632 B After Width: | Height: | Size: 632 B |