A wrapper module of the ejs view engine for x-css.
Install using npm:
$ npm install x-ejs
Same ways to use the ejs view engine:
app.js:
var express = require('express');
var x-ejs = require('x-ejs');
var app = express();
var x = x-ejs({
//any ejs options you want
});
app.engine('ejs', x.engine);
app.set('view engine', 'ejs');
app.get('/', function (req, res) {
res.render('home');
});
app.listen(3000);
views/layouts/main.ejs:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Example App</title>
</head>
<body>
<h1>Example App: Home</h1>
</body>
</html>
You can see the <style></style> tag at the end of HTML when you right-click on your browser to see the page source code.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Example App</title>
</head>
<body>
<h1>Example App: Home</h1>
<style></style>
</body>
</html>
Note: The style tag is inserted by x-ejs according to x-css rules. That is the x-ejs' mission.
syntax : property-abbr + size + [option] + [pseudo-abbr]
(w|h|mg|bd|pd|fn)[0-9]*(i|x|v|t|b|h|l|r)?(hv|fc|vt|ac|ck|af|bf)?
property-abbr
size
option
pseudo-abbr
usage
w100 ==> .w100 { width:100px; }
h100 ==> .h100 { height:100px; }
w100i ==> .w100i { min-width:100px; }
w100x ==> .w100x { max-width:100px; }
mg10 ==> .mg10 { margin:10px; }
mg10t ==> .mg10t { margin-top:10px; }
mg10v ==> .mg10t { margin-top:10px; margin-bottom:10px; }
bd10r ==> .bd10r { border-right-style:solid; border-right-width:10px; }
bd10bhv ==> .bd10bhv:hover { border-bottom-style:solid; border-bottom-width:10px; }
pd10 ==> .pd10 { padding:10px; }
syntax : property-abbr + [option] + color-prefix + color-hex-code + [pseudo-abbr]
- (bd|fn|fg|bg)(v|t|b|h|l|r)?c[0-9a-f]{3}(hv|fc|vt|ac|ck|af|bf)?
property-abbr
option
color
pseudo-abbr
usage
fncfff ==> .fncfff { color:#fff; }
fgc000 ==> .fgc000 { color:#000; }
bgc777 ==> .bgc777 { background-color:#777; }
bdcfff ==> .bdcfff { border-color:#fff; }
bdtcfff ==> .bdtcfff { border-top-color:#fff; }
syntax : property-abbr + size + [option] + color + [pseudo-abbr]
- bd[0-9]+(v|t|b|h|l|r)?c[0-9a-f]{3}(hv|fc|vt|ac|ck|af|bf)?
usage
bd1tcfffhv ==> .bd1tcfffhv:hovor { border-top:1px solid #fff; }
MIT
FAQs
A wrapper module of the ejs view engine for x-css.
We found that x-ejs demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
A supply chain attack on Axios introduced a malicious dependency, plain-crypto-js@4.2.1, published minutes earlier and absent from the project’s GitHub releases.
Research
Malicious versions of the Telnyx Python SDK on PyPI delivered credential-stealing malware via a multi-stage supply chain attack.
Security News
TeamPCP is partnering with ransomware group Vect to turn open source supply chain attacks on tools like Trivy and LiteLLM into large-scale ransomware operations.