All Questions
874
questions
0
votes
0
answers
17
views
pug/uikit nav sidebar lost left padding after uikit upgrade
I forked from this https://github.com/chekromul/uikit-ecommerce-template
to build a static github page.
but after I upgrade uikit to latest version, the side navbar lost its left paddings.
before I ...
- 87
1
vote
1
answer
93
views
Can't escape characters in pug/jade
I'm trying to escape special characters in pug/jade but it keeps giving me errors.
I tried !{}, #[] and #[!] but non of these options allow me to use "(" character.
p.
!{(} Edit !{>} ...
- 39
0
votes
1
answer
89
views
How do I host a website that contains PUG templates in a sub-folder instead of an index.html file in the root directory of the project folder?
I want to host my website for free but my files are in PUG and not HTML. From what I know, I need to have an index.html file that too in the root directory to be able to host the website since that ...
- 1
0
votes
1
answer
53
views
How to remove the / at the end of my url with 11ty
I'm using vite, 11ty and pug to create a website and I'd like to have no / at the end of my url. I tried to do it for example with About page but it didn't work.
---
permalink: |
| "/About"...
- 1
0
votes
1
answer
571
views
How use nice-select2?
Link to the plugin https://github.com/bluzky/nice-select2/tree/master
I can't connect nice-select 2, I added css and js files from the dist folder to my project, connected them and wrote a line from ...
- 1
1
vote
1
answer
68
views
Passing Pug variables from child template for use in parent template block
I'm working on a project that utilizes the Pug template engine. All my Pug files (layout.pug, head.pug, index.pug, etc.) are stored within a folder named pug. In my layout.pug file, I've established ...
- 75
0
votes
1
answer
33
views
Is it possible to make pug each inside an array in a script? [duplicate]
I have such a variable in a separate projectTemplate.pug:
-
var projectTemplate = [
{ full: full250, tiny: tiny250, class: classPhotoset },
{ full: full249, tiny: tiny249, class: ...
- 1
0
votes
0
answers
22
views
Placing an iframe in root file (pugjs file) in React
I am trying to use an iframe code within my react component. Obviously, this works:
export default function Newsletter({ page }) {
return (
<div className={`${styles.newsletter} newsletter-...
- 31
0
votes
1
answer
74
views
Pug - Is there a way to get the output markup from a pug mixin as a escaped markup?
The idea is to have the possibility to use the same mixin used to build some componet for a project also to get the html output to use inside <code> tags to build a small documetation.
So here I ...
- 11
0
votes
2
answers
80
views
Pug is not correctly generating the HTML even with the correct pug indentation
I have the following code in Pug which generates the following HTML code:
- var n = 0
each street in streets
if n % 4 == 0
- n = 0
.w3-row-padding
...
- 55
0
votes
2
answers
243
views
Misplaced link and meta tags in Pug templates when using webpack (prismic cms)
I'm working on a project where I'm using webpack to bundle my assets and process my JavaScript files. The project uses Pug (formerly known as Jade) as the templating engine for generating HTML. ...
- 137
0
votes
1
answer
155
views
Radio button not deselecting in radiogroup because of wrapper element
I have created a component for radio buttons with custom styling and would like to group them. However when i use a v-for to render multiple radio buttons they do not deselect when another radio ...
- 379
0
votes
1
answer
44
views
How can I group a bunch of buttons in groups of 10s (in a div)?
div#container
each account in accounts
button #{account.stuff}
I want to group the buttons inside a div. Every div has to have 10 (or less if there's some left over).
I would ...
0
votes
0
answers
39
views
Hero element with translateZ applied is skewed to the right on Chromium browsers, but not on Firefox. How do I fix it?
body {
margin: 0;
padding: 0;
}
.wrapper {
max-height: 100vh;
overflow-y: auto;
perspective: 10px;
transform-style: preserve-3d;
}
.hero {
min-height: 100vh;
transform: translateZ(-...
- 9
1
vote
0
answers
66
views
Unexpected block head
extends base
include _reviewCard
block append head
script(src='https://api.mapbox.com/mapbox-gl-js/v2.9.1/mapbox-gl.js')
link(href='https://api.mapbox.com/mapbox-gl-js/v2.9.1/mapbox-gl.css' rel='...
- 52