Free online tools for developers
Sudo's Tools
Navigation
Formatters
Converters
Diff Checkers
Encoders & Decoders
Misc
CSS to React JSS
Use this tool to convert CSS styles to new React JSS syntax.
1
2
3
4
5
6
7
.example
{
width:
0
;
height:
0
;
border-style:
solid
;
border-width:
0
100px
100px
100px
;
border-color:
transparent
transparent
#007bff
transparent
;
}
1
2
3
4
5
6
7
8
9
10
11
{
"@global"
:
{
".example"
:
{
"width"
:
"0"
,
"height"
:
"0"
,
"borderStyle"
:
"solid"
,
"borderWidth"
:
"0 100px 100px 100px"
,
"borderColor"
:
"transparent transparent #007bff transparent"
}
}
}
Options
Indent
2
4
6