Greasy Fork is available in English.
A dinamic system to customize style css. It append the rules in the end of body
لا ينبغي أن لا يتم تثبيت هذا السكريت مباشرة. هو مكتبة لسكبتات لتشمل مع التوجيه الفوقية // @require https://update.greasyfork.org/scripts/26587/169714/jQuery%20CssDynamic.js
With CssDynamic you can add properties like standard css method of jQuery
Syntax:
//jQuery standard
$(element).css(property,value)
//jQuery dynamic
$(element).cssDynamic(property,value)
You can also pass an object like new standard of jQuery 3
Syntax:
//jQuery standard
$(element).css({
property1:value1,
property1:value1
})
//jQuery dynamic
$(element).cssDynamic({
property1:value1,
property1:value1
})
The below parameter represents the actions that may perform (default is add). The actions can be:
You can add a new rule to an existing stylesheet (you can use the follow parameter to select it). If it doesn't exist it create the stylesheet
Exemple:
$('.myClass').cssDynamic('color','#DDD','add', 'idStylesheet')
//another use
$('.myClass').cssDynamic({
'color':'#DDD',
'font-weight':'bold'
},'add', 'idStylesheet')
//or
$('.myClass').cssDynamic('color','#DDD')
/* `add` like action and `cssDynamic` like id of stylesheet are default parameters */
With this action you can create new stylesheet and it will be placed in the end of body
Exemple:
$('.myClass').cssDynamic('color','#DDD','new', 'newIdStylesheet')
/* `cssDynamic` is default id parameter */
It's easy to remove "cssDynamic" with this syntax:
$().cssDynamic('remove', 'idStylesheetToRemove')
/* `cssDynamic` is default id parameter */
You can also rename a stylesheet id with another one
$().cssDynamic('rename', 'oldIdStylesheet','newIdStylesheet')
This action deletes an old stylesheet (by id) and it replace the old stylesheet with the newest
Exemple:
$('.myClass').cssDynamic('color','#DDD','renew', 'idStylesheet')