132 lines
2.8 KiB
CSS
132 lines
2.8 KiB
CSS
|
/*
|
||
|
|
|
||
|
|
Preserves orignal formatting
|
||
|
|
|
||
|
|
*/
|
||
|
|
/* declarations can exist inside atrules */
|
||
|
|
@font-face {
|
||
|
|
font-family: 'Test font';
|
||
|
|
}
|
||
|
|
|
||
|
|
/* comment before rule */
|
||
|
|
body/* comment after rule name */{
|
||
|
|
/* comment before decl */
|
||
|
|
padding /* comment after prop */ : /* comment before val */ 0 /* comment after val */ 1px /* another comment */ 2px /* one more */ 3px /* last one*/;
|
||
|
|
/* comment after decl */
|
||
|
|
|
||
|
|
margin:
|
||
|
|
0 /*top*/
|
||
|
|
1px /*right
|
||
|
|
multi-line
|
||
|
|
comment
|
||
|
|
*/
|
||
|
|
2px /*bottom*/
|
||
|
|
3px /*left*/;
|
||
|
|
|
||
|
|
border-left/* comment after prop */: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* should never process variables */
|
||
|
|
:root {
|
||
|
|
--left-margin: 10px;
|
||
|
|
--brightest: blue;
|
||
|
|
}
|
||
|
|
|
||
|
|
div.variable-demo {
|
||
|
|
margin-left: var(--left-margin);
|
||
|
|
color: var(--brightest);
|
||
|
|
}
|
||
|
|
/* end: should never process variables */
|
||
|
|
|
||
|
|
/* empty options forces defaults */
|
||
|
|
/*rtl:begin:options: {}*/
|
||
|
|
/* should not process urls - default */
|
||
|
|
@import url("rtl-right-east.css");
|
||
|
|
/*rtl:end:options*/
|
||
|
|
|
||
|
|
/*rtl:begin:config:
|
||
|
|
{
|
||
|
|
"options":{
|
||
|
|
"autoRename": true,
|
||
|
|
"stringMap":[
|
||
|
|
{
|
||
|
|
"name" : "prev-next",
|
||
|
|
"search" : ["prev", "Prev", "PREV"],
|
||
|
|
"replace" : ["next", "Next", "NEXT"],
|
||
|
|
"options" : {"ignoreCase":false}
|
||
|
|
}
|
||
|
|
]
|
||
|
|
},
|
||
|
|
"plugins":[
|
||
|
|
{
|
||
|
|
"name": "test",
|
||
|
|
"directives":{
|
||
|
|
"control": {},
|
||
|
|
"value": []
|
||
|
|
},
|
||
|
|
"processors": [
|
||
|
|
{
|
||
|
|
"name": "content",
|
||
|
|
"expr": /content/im,
|
||
|
|
"action": function (prop, value, cxt) {
|
||
|
|
if (value === '"A"') {
|
||
|
|
return { 'prop': prop, 'value': '"ABC"' }
|
||
|
|
} else if (value === '"ABC"') {
|
||
|
|
return { 'prop': prop, 'value': '"A"' }
|
||
|
|
}
|
||
|
|
return { 'prop': prop, 'value': value }
|
||
|
|
}
|
||
|
|
}
|
||
|
|
]
|
||
|
|
}
|
||
|
|
]
|
||
|
|
}*/
|
||
|
|
div:before { content: "A";} div:after { content: "ABC";}
|
||
|
|
|
||
|
|
.demo-prev, .demo-Prev, .demo-PREV { content: 'p'; }
|
||
|
|
.demo-next, .demo-Next, .demo-NEXT { content: 'n'; }
|
||
|
|
|
||
|
|
/*rtl:end:config*/
|
||
|
|
|
||
|
|
/*!rtl:begin:remove*/
|
||
|
|
@import url(/test.css);
|
||
|
|
i {
|
||
|
|
color: blue;
|
||
|
|
}
|
||
|
|
/*rtl:end:remove*/
|
||
|
|
|
||
|
|
|
||
|
|
div {
|
||
|
|
/*rtl:remove*/
|
||
|
|
direction: rtl;
|
||
|
|
text-align: right;
|
||
|
|
padding: 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*rtl:begin:ignore*/
|
||
|
|
.sample {
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
/*rtl:end:ignore*/
|
||
|
|
|
||
|
|
|
||
|
|
/*rtl:begin:options:{"autoRename":false, "clean": false}*/
|
||
|
|
.right { display:inline;}
|
||
|
|
/*rtl:begin:options:{"autoRename":true, "greedy": true}*/
|
||
|
|
.bright { display:inline;}
|
||
|
|
/*rtl:end:options*/
|
||
|
|
.brighter { display:inline;}
|
||
|
|
/*rtl:end:options*/
|
||
|
|
|
||
|
|
/* auto rename only if a pair exists */
|
||
|
|
|
||
|
|
/*rtl:begin:options:{"autoRename":true, "autoRenameStrict": true}*/
|
||
|
|
|
||
|
|
/* The following should not be renamed */
|
||
|
|
.ltr{ display: inline-flex;}
|
||
|
|
|
||
|
|
/* But these should */
|
||
|
|
.right{ display: inline-flex;}
|
||
|
|
.left { display: block;}
|
||
|
|
|
||
|
|
/*rtl:end:options*/
|