sui-components-button
Version:
2 lines (1 loc) • 5.5 kB
CSS
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}textarea{resize:none}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}@font-face{font-family:Lato-Regular;font-style:normal;font-weight:normal;src:url("fonts/Lato-Regular.eot");src:url("fonts/Lato-Regular.eot?#iefix") format("embedded-opentype"),url("fonts/Lato-Regular.woff2") format("woff2"),url("fonts/Lato-Regular.woff") format("woff"),url("fonts/Lato-Regular.ttf") format("truetype"),url("fonts/Lato-Regular.svg#latoregular") format("svg")}@font-face{font-family:Lato-Bold;font-style:normal;font-weight:normal;src:url("fonts/Lato-Bold.eot");src:url("fonts/Lato-Bold.eot?#iefix") format("embedded-opentype"),url("fonts/Lato-Bold.woff2") format("woff2"),url("fonts/Lato-Bold.woff") format("woff"),url("fonts/Lato-Bold.ttf") format("truetype"),url("fonts/Lato-Bold.svg#latoregular") format("svg")}@font-face{font-family:Lato-Bold-Italic;font-style:normal;font-weight:normal;src:url("fonts/Lato-Bold-Italic.eot");src:url("fonts/Lato-Bold-Italic.eot?#iefix") format("embedded-opentype"),url("fonts/Lato-Bold-Italic.woff2") format("woff2"),url("fonts/Lato-Bold-Italic.woff") format("woff"),url("fonts/Lato-Bold-Italic.ttf") format("truetype"),url("fonts/Lato-Bold-Italic.svg#latoregular") format("svg")}@font-face{font-family:Lato-Italic;font-style:normal;font-weight:normal;src:url("fonts/Lato-Italic.eot");src:url("fonts/Lato-Italic.eot?#iefix") format("embedded-opentype"),url("fonts/Lato-Italic.woff2") format("woff2"),url("fonts/Lato-Italic.woff") format("woff"),url("fonts/Lato-Italic.ttf") format("truetype"),url("fonts/Lato-Italic.svg#latoregular") format("svg")}html{box-sizing:border-box}*,*::before,*::after,input[type='search']{box-sizing:inherit}body{font-size:16px;line-height:1.25;font-family:"Lato-Regular",Helvetica,Arial,sans-serif}@media print{body{font-size:12.0003px;line-height:0.93752}}a,a:hover{color:#999;text-decoration:none}a:focus{outline:none}.Button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#ccc;border-color:transparent;border-radius:0;border-style:solid;border-width:1px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-family:"Lato-Regular",Helvetica,Arial,sans-serif;font-size:16px;font-weight:normal;height:40px;line-height:38px;overflow:visible;padding-bottom:0;padding-left:20px;padding-right:20px;padding-top:0;text-align:center;text-decoration:none;vertical-align:middle;white-space:nowrap;width:auto}.Button--primary{background-color:#999;color:#fff}.Button--primary:hover{background-color:#666;color:#fff}.Button--primary.is-disabled,.Button--primary[disabled]{background-color:#f2f2f2;border-color:transparent;color:rgba(153,153,153,0.5);cursor:default}.Button--primary.is-active{background-color:#666;color:#fff}.Button--secondary{background-color:#e6e6e6;color:#999}.Button--secondary:hover{background-color:#ccc;color:#999}.Button--secondary.is-disabled,.Button--secondary[disabled]{background-color:#fff;border-color:transparent;color:#ccc;cursor:default}.Button--secondary.is-active{background-color:#ccc;color:#999}.Button--small{font-size:14px;height:30px;line-height:28px;padding-bottom:0;padding-left:10px;padding-right:10px;padding-top:0}.Button--large{font-size:20px;height:50px;line-height:48px;padding-bottom:0;padding-left:20px;padding-right:20px;padding-top:0}.Button-group{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.Button-group .Button{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;padding-left:0;border-left-width:0;border-right-width:0;border-radius:0}.Button-group .Button:first-of-type{border-top-left-radius:0;border-bottom-left-radius:0}.Button-group .Button:first-of-type.is-disabled{border-left-color:transparent;border-left-width:0}.Button-group .Button:last-of-type{border-top-right-radius:0;border-bottom-right-radius:0}.Button-group .Button:last-of-type.is-disabled{border-right-color:transparent;border-right-width:0}.Button-group .Button.is-disabled{color:rgba(153,153,153,0.5)}.Button-group .Button::before{content:'';display:inline-block;float:left;height:100%;margin-top:0;padding-left:20px;border-left-color:#ccc;border-left-width:1px;border-left-style:solid}.Button-group .Button.is-disabled::before{border-left-color:transparent}.Button-group .Button.is-active+.Button::before,.Button-group .Button:hover+.Button:not(.is-disabled)::before,.Button-group .Button:first-of-type::before{border-left-color:transparent}.Button-group--justified .Button{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.Button-group--centered{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.Button-group button{margin:0}