Skip to content

Instantly share code, notes, and snippets.

@hackhat
Created April 29, 2015 14:03
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save hackhat/06153c2f308ae32e3cbf to your computer and use it in GitHub Desktop.
Save hackhat/06153c2f308ae32e3cbf to your computer and use it in GitHub Desktop.
CSS output from react-style
.Button_baseStyle,.Button_baseStyle.Button_baseStyle1,.Button_baseStyle.Button_baseStyle1.Button_baseStyle2,.Button_baseStyle.Button_baseStyle1.Button_baseStyle2.Button_baseStyle3,.Button_baseStyle.Button_baseStyle1.Button_baseStyle2.Button_baseStyle3.Button_baseStyle4,.Button_baseStyle.Button_baseStyle1.Button_baseStyle2.Button_baseStyle3.Button_baseStyle4.Button_baseStyle5,.Button_baseStyle.Button_baseStyle1.Button_baseStyle2.Button_baseStyle3.Button_baseStyle4.Button_baseStyle5.Button_baseStyle6,.Button_baseStyle.Button_baseStyle1.Button_baseStyle2.Button_baseStyle3.Button_baseStyle4.Button_baseStyle5.Button_baseStyle6.Button_baseStyle7,.Button_baseStyle.Button_baseStyle1.Button_baseStyle2.Button_baseStyle3.Button_baseStyle4.Button_baseStyle5.Button_baseStyle6.Button_baseStyle7.Button_baseStyle8,.Button_baseStyle.Button_baseStyle1.Button_baseStyle2.Button_baseStyle3.Button_baseStyle4.Button_baseStyle5.Button_baseStyle6.Button_baseStyle7.Button_baseStyle8.Button_baseStyle9 {
display: inline-block;
zoom: 1;
line-height: normal;
white-space: nowrap;
vertical-align: baseline;
text-align: center;
cursor: pointer;
user-select: none;
}
.Button_activeStyle,.Button_activeStyle.Button_activeStyle1,.Button_activeStyle.Button_activeStyle1.Button_activeStyle2,.Button_activeStyle.Button_activeStyle1.Button_activeStyle2.Button_activeStyle3,.Button_activeStyle.Button_activeStyle1.Button_activeStyle2.Button_activeStyle3.Button_activeStyle4,.Button_activeStyle.Button_activeStyle1.Button_activeStyle2.Button_activeStyle3.Button_activeStyle4.Button_activeStyle5,.Button_activeStyle.Button_activeStyle1.Button_activeStyle2.Button_activeStyle3.Button_activeStyle4.Button_activeStyle5.Button_activeStyle6,.Button_activeStyle.Button_activeStyle1.Button_activeStyle2.Button_activeStyle3.Button_activeStyle4.Button_activeStyle5.Button_activeStyle6.Button_activeStyle7,.Button_activeStyle.Button_activeStyle1.Button_activeStyle2.Button_activeStyle3.Button_activeStyle4.Button_activeStyle5.Button_activeStyle6.Button_activeStyle7.Button_activeStyle8,.Button_activeStyle.Button_activeStyle1.Button_activeStyle2.Button_activeStyle3.Button_activeStyle4.Button_activeStyle5.Button_activeStyle6.Button_activeStyle7.Button_activeStyle8.Button_activeStyle9 {
box-shadow: 0 0 0 1px rgba(0,0,0, 0.15) inset, 0 0 6px rgba(0,0,0, 0.20) inset;
}
.c1_,.c1_.c1_1,.c1_.c1_1.c1_2,.c1_.c1_1.c1_2.c1_3,.c1_.c1_1.c1_2.c1_3.c1_4,.c1_.c1_1.c1_2.c1_3.c1_4.c1_5,.c1_.c1_1.c1_2.c1_3.c1_4.c1_5.c1_6,.c1_.c1_1.c1_2.c1_3.c1_4.c1_5.c1_6.c1_7,.c1_.c1_1.c1_2.c1_3.c1_4.c1_5.c1_6.c1_7.c1_8,.c1_.c1_1.c1_2.c1_3.c1_4.c1_5.c1_6.c1_7.c1_8.c1_9 {
color: #000;
background-image: linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
}
.c2_,.c2_.c2_1,.c2_.c2_1.c2_2,.c2_.c2_1.c2_2.c2_3,.c2_.c2_1.c2_2.c2_3.c2_4,.c2_.c2_1.c2_2.c2_3.c2_4.c2_5,.c2_.c2_1.c2_2.c2_3.c2_4.c2_5.c2_6,.c2_.c2_1.c2_2.c2_3.c2_4.c2_5.c2_6.c2_7,.c2_.c2_1.c2_2.c2_3.c2_4.c2_5.c2_6.c2_7.c2_8,.c2_.c2_1.c2_2.c2_3.c2_4.c2_5.c2_6.c2_7.c2_8.c2_9 {
background-image: linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
outline: none;
}
.Button,.Button.Button1,.Button.Button1.Button2,.Button.Button1.Button2.Button3,.Button.Button1.Button2.Button3.Button4,.Button.Button1.Button2.Button3.Button4.Button5,.Button.Button1.Button2.Button3.Button4.Button5.Button6,.Button.Button1.Button2.Button3.Button4.Button5.Button6.Button7,.Button.Button1.Button2.Button3.Button4.Button5.Button6.Button7.Button8,.Button.Button1.Button2.Button3.Button4.Button5.Button6.Button7.Button8.Button9 {
font-family: inherit;
font-size: 100%;
padding: 0.5em 1em;
color: rgba(0, 0, 0, 0.70);
border: none rgba(0, 0, 0, 0);
background-color: #E6E6E6;
text-decoration: none;
border-radius: 3px;
}
.Button:active,.Button.Button1:active,.Button.Button1.Button2:active,.Button.Button1.Button2.Button3:active,.Button.Button1.Button2.Button3.Button4:active,.Button.Button1.Button2.Button3.Button4.Button5:active,.Button.Button1.Button2.Button3.Button4.Button5.Button6:active,.Button.Button1.Button2.Button3.Button4.Button5.Button6.Button7:active,.Button.Button1.Button2.Button3.Button4.Button5.Button6.Button7.Button8:active,.Button.Button1.Button2.Button3.Button4.Button5.Button6.Button7.Button8.Button9:active {
box-shadow: 0 0 0 1px rgba(0,0,0, 0.15) inset, 0 0 6px rgba(0,0,0, 0.20) inset;
}
.Button:hover,.Button.Button1:hover,.Button.Button1.Button2:hover,.Button.Button1.Button2.Button3:hover,.Button.Button1.Button2.Button3.Button4:hover,.Button.Button1.Button2.Button3.Button4.Button5:hover,.Button.Button1.Button2.Button3.Button4.Button5.Button6:hover,.Button.Button1.Button2.Button3.Button4.Button5.Button6.Button7:hover,.Button.Button1.Button2.Button3.Button4.Button5.Button6.Button7.Button8:hover,.Button.Button1.Button2.Button3.Button4.Button5.Button6.Button7.Button8.Button9:hover {
color: #000;
background-image: linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
}
.Button:focus,.Button.Button1:focus,.Button.Button1.Button2:focus,.Button.Button1.Button2.Button3:focus,.Button.Button1.Button2.Button3.Button4:focus,.Button.Button1.Button2.Button3.Button4.Button5:focus,.Button.Button1.Button2.Button3.Button4.Button5.Button6:focus,.Button.Button1.Button2.Button3.Button4.Button5.Button6.Button7:focus,.Button.Button1.Button2.Button3.Button4.Button5.Button6.Button7.Button8:focus,.Button.Button1.Button2.Button3.Button4.Button5.Button6.Button7.Button8.Button9:focus {
background-image: linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
outline: none;
}
.Button_primary,.Button_primary.Button_primary1,.Button_primary.Button_primary1.Button_primary2,.Button_primary.Button_primary1.Button_primary2.Button_primary3,.Button_primary.Button_primary1.Button_primary2.Button_primary3.Button_primary4,.Button_primary.Button_primary1.Button_primary2.Button_primary3.Button_primary4.Button_primary5,.Button_primary.Button_primary1.Button_primary2.Button_primary3.Button_primary4.Button_primary5.Button_primary6,.Button_primary.Button_primary1.Button_primary2.Button_primary3.Button_primary4.Button_primary5.Button_primary6.Button_primary7,.Button_primary.Button_primary1.Button_primary2.Button_primary3.Button_primary4.Button_primary5.Button_primary6.Button_primary7.Button_primary8,.Button_primary.Button_primary1.Button_primary2.Button_primary3.Button_primary4.Button_primary5.Button_primary6.Button_primary7.Button_primary8.Button_primary9 {
background-color: rgb(0, 120, 231);
color: #fff;
}
.Button_success,.Button_success.Button_success1,.Button_success.Button_success1.Button_success2,.Button_success.Button_success1.Button_success2.Button_success3,.Button_success.Button_success1.Button_success2.Button_success3.Button_success4,.Button_success.Button_success1.Button_success2.Button_success3.Button_success4.Button_success5,.Button_success.Button_success1.Button_success2.Button_success3.Button_success4.Button_success5.Button_success6,.Button_success.Button_success1.Button_success2.Button_success3.Button_success4.Button_success5.Button_success6.Button_success7,.Button_success.Button_success1.Button_success2.Button_success3.Button_success4.Button_success5.Button_success6.Button_success7.Button_success8,.Button_success.Button_success1.Button_success2.Button_success3.Button_success4.Button_success5.Button_success6.Button_success7.Button_success8.Button_success9 {
color: white;
background: rgb(28, 184, 65);
}
.Button_error,.Button_error.Button_error1,.Button_error.Button_error1.Button_error2,.Button_error.Button_error1.Button_error2.Button_error3,.Button_error.Button_error1.Button_error2.Button_error3.Button_error4,.Button_error.Button_error1.Button_error2.Button_error3.Button_error4.Button_error5,.Button_error.Button_error1.Button_error2.Button_error3.Button_error4.Button_error5.Button_error6,.Button_error.Button_error1.Button_error2.Button_error3.Button_error4.Button_error5.Button_error6.Button_error7,.Button_error.Button_error1.Button_error2.Button_error3.Button_error4.Button_error5.Button_error6.Button_error7.Button_error8,.Button_error.Button_error1.Button_error2.Button_error3.Button_error4.Button_error5.Button_error6.Button_error7.Button_error8.Button_error9 {
color: white;
background: rgb(202, 60, 60);
}
.ButtonGroup__children,.ButtonGroup__children.ButtonGroup__children1,.ButtonGroup__children.ButtonGroup__children1.ButtonGroup__children2,.ButtonGroup__children.ButtonGroup__children1.ButtonGroup__children2.ButtonGroup__children3,.ButtonGroup__children.ButtonGroup__children1.ButtonGroup__children2.ButtonGroup__children3.ButtonGroup__children4,.ButtonGroup__children.ButtonGroup__children1.ButtonGroup__children2.ButtonGroup__children3.ButtonGroup__children4.ButtonGroup__children5,.ButtonGroup__children.ButtonGroup__children1.ButtonGroup__children2.ButtonGroup__children3.ButtonGroup__children4.ButtonGroup__children5.ButtonGroup__children6,.ButtonGroup__children.ButtonGroup__children1.ButtonGroup__children2.ButtonGroup__children3.ButtonGroup__children4.ButtonGroup__children5.ButtonGroup__children6.ButtonGroup__children7,.ButtonGroup__children.ButtonGroup__children1.ButtonGroup__children2.ButtonGroup__children3.ButtonGroup__children4.ButtonGroup__children5.ButtonGroup__children6.ButtonGroup__children7.ButtonGroup__children8,.ButtonGroup__children.ButtonGroup__children1.ButtonGroup__children2.ButtonGroup__children3.ButtonGroup__children4.ButtonGroup__children5.ButtonGroup__children6.ButtonGroup__children7.ButtonGroup__children8.ButtonGroup__children9 {
margin: 0px;
border-radius: 0px;
}
.ButtonGroup__firstChild,.ButtonGroup__firstChild.ButtonGroup__firstChild1,.ButtonGroup__firstChild.ButtonGroup__firstChild1.ButtonGroup__firstChild2,.ButtonGroup__firstChild.ButtonGroup__firstChild1.ButtonGroup__firstChild2.ButtonGroup__firstChild3,.ButtonGroup__firstChild.ButtonGroup__firstChild1.ButtonGroup__firstChild2.ButtonGroup__firstChild3.ButtonGroup__firstChild4,.ButtonGroup__firstChild.ButtonGro…
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment