css-atoms
Version:
A legal way of doing inline css
2 lines (1 loc) • 8.76 kB
CSS
.bg-size--cover{background-size:cover}.bg-size--contain{background-size:contain}.bg-position--center{background-position:center}.bg-position--right{background-position:right}.bg-position--bottom{background-position:bottom}.bg-repeat--none{background-repeat:no-repeat}.bg-repeat--y{background-repeat:repeat-y}.bg-repeat--x{background-repeat:repeat-x}.border--default{border:1px solid #dfdfdf}.border-top--default{border-top:1px solid #dfdfdf}.border-right--default{border-right:1px solid #dfdfdf}.border-bottom--default{border-bottom:1px solid #dfdfdf}.border-left--default{border-left:1px solid #dfdfdf}.border--thick{border:3px solid #dfdfdf}.border-top--thick{border-top:3px solid #dfdfdf}.border-right--thick{border-right:3px solid #dfdfdf}.border-bottom--thick{border-bottom:3px solid #dfdfdf}.border-left--thick{border-left:3px solid #dfdfdf}.border--none{border:none }.border-top--none{border-top:none }.border-right--none{border-right:none }.border-bottom--none{border-bottom:none }.border-left--none{border-left:none }.border-color--default{border-color:#dfdfdf}.border-color--accent{border-color:#43c86f}.border-color--#fff{border-color:#fff}.cursor--move{cursor:move}.cursor--pointer{cursor:pointer}.cursor--default{cursor:default}.color--inherit{color:inherit}.color--accent{color:#43c86f}.color--muted{color:#787878}.font-size--tiny{font-size:10px}.font-size--small{font-size:12px}.font-size--medium{font-size:16px}.font-size--large{font-size:21px}.font-size--default{font-size:14px}.font-size--inherit{font-size:inherit}.font-weight--light{font-weight:300}.font-weight--semi-bold{font-weight:600}.font-weight--bold{font-weight:700}.font-weight--normal{font-weight:400}.flex{display:-ms-flexbox;display:flex}.flex-inline{display:-ms-inline-flexbox;display:inline-flex}.flex-column{-ms-flex-direction:column;flex-direction:column}.flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-items-start{-ms-flex-align:start;align-items:flex-start}.flex-items-end{-ms-flex-align:end;align-items:flex-end}.flex-items-center{-ms-flex-align:center;align-items:center}.flex-items-baseline{-ms-flex-align:baseline;align-items:baseline}.flex-items-stretch{-ms-flex-align:stretch;align-items:stretch}.flex-self-start{-ms-flex-item-align:start;align-self:flex-start}.flex-self-end{-ms-flex-item-align:end;align-self:flex-end}.flex-self-center{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.flex-self-baseline{-ms-flex-item-align:baseline;align-self:baseline}.flex-self-stretch{-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch}.flex-justify-start{-ms-flex-pack:start;justify-content:flex-start}.flex-justify-end{-ms-flex-pack:end;justify-content:flex-end}.flex-justify-center{-ms-flex-pack:center;justify-content:center}.flex-justify-between{-ms-flex-pack:justify;justify-content:space-between}.flex-justify-around{-ms-flex-pack:distribute;justify-content:space-around}.flex-content-start{-ms-flex-line-pack:start;align-content:flex-start}.flex-content-end{-ms-flex-line-pack:end;align-content:flex-end}.flex-content-center{-ms-flex-line-pack:center;align-content:center}.flex-content-between{-ms-flex-line-pack:justify;align-content:space-between}.flex-content-around{-ms-flex-line-pack:distribute;align-content:space-around}.flex-content-stretch{-ms-flex-line-pack:stretch;align-content:stretch}.flex-auto{-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;min-height:0}.flex-none{-ms-flex:none;flex:none}.flex-order--0{-ms-flex-order:0;order:0}.flex-order--1{-ms-flex-order:1;order:1}.flex-order--2{-ms-flex-order:2;order:2}.flex-order--last{-ms-flex-order:9999;order:9999}.height--100{height:100%}.height--50{height:50%}.height--inherit{height:inherit}.inline{display:inline}.block{display:block}.none{display:none}.inline-block{display:inline-block}.border-box{box-sizing:border-box}.content-box{box-sizing:content-box}.max-width--100{max-width:100%}.max-width--50{max-width:50%}.width--100{width:100%}.width--50{width:50%}.width--inherit{width:inherit}.m--tiny{margin:2px}.mt--tiny{margin-top:2px}.mr--tiny{margin-right:2px}.mb--tiny{margin-bottom:2px}.ml--tiny{margin-left:2px}.my--tiny{margin-top:2px;margin-bottom:2px}.mx--tiny{margin-left:2px;margin-right:2px}.m--small{margin:5px}.mt--small{margin-top:5px}.mr--small{margin-right:5px}.mb--small{margin-bottom:5px}.ml--small{margin-left:5px}.my--small{margin-top:5px;margin-bottom:5px}.mx--small{margin-left:5px;margin-right:5px}.m--medium{margin:10px}.mt--medium{margin-top:10px}.mr--medium{margin-right:10px}.mb--medium{margin-bottom:10px}.ml--medium{margin-left:10px}.my--medium{margin-top:10px;margin-bottom:10px}.mx--medium{margin-left:10px;margin-right:10px}.m--large{margin:15px}.mt--large{margin-top:15px}.mr--large{margin-right:15px}.mb--large{margin-bottom:15px}.ml--large{margin-left:15px}.my--large{margin-top:15px;margin-bottom:15px}.mx--large{margin-left:15px;margin-right:15px}.m--auto{margin:auto}.mt--auto{margin-top:auto}.mr--auto{margin-right:auto}.mb--auto{margin-bottom:auto}.ml--auto{margin-left:auto}.my--auto{margin-top:auto;margin-bottom:auto}.mx--auto{margin-left:auto;margin-right:auto}.m--none{margin:0 }.mt--none{margin-top:0 }.mr--none{margin-right:0 }.mb--none{margin-bottom:0 }.ml--none{margin-left:0 }.my--none{margin-top:0 ;margin-bottom:0 }.mx--none{margin-left:0 ;margin-right:0 }.p--tiny{padding:2px}.pt--tiny{padding-top:2px}.pr--tiny{padding-right:2px}.pb--tiny{padding-bottom:2px}.pl--tiny{padding-left:2px}.py--tiny{padding-top:2px;padding-bottom:2px}.px--tiny{padding-left:2px;padding-right:2px}.p--small{padding:5px}.pt--small{padding-top:5px}.pr--small{padding-right:5px}.pb--small{padding-bottom:5px}.pl--small{padding-left:5px}.py--small{padding-top:5px;padding-bottom:5px}.px--small{padding-left:5px;padding-right:5px}.p--medium{padding:10px}.pt--medium{padding-top:10px}.pr--medium{padding-right:10px}.pb--medium{padding-bottom:10px}.pl--medium{padding-left:10px}.py--medium{padding-top:10px;padding-bottom:10px}.px--medium{padding-left:10px;padding-right:10px}.p--large{padding:15px}.pt--large{padding-top:15px}.pr--large{padding-right:15px}.pb--large{padding-bottom:15px}.pl--large{padding-left:15px}.py--large{padding-top:15px;padding-bottom:15px}.px--large{padding-left:15px;padding-right:15px}.p--none{padding:0 }.pt--none{padding-top:0 }.pr--none{padding-right:0 }.pb--none{padding-bottom:0 }.pl--none{padding-left:0 }.py--none{padding-top:0 ;padding-bottom:0 }.px--none{padding-left:0 ;padding-right:0 }.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.radius--none{border-radius:0 }.radius-top--none{border-radius:0 0 0 0 }.radius-right--none{border-radius:0 0 0 0 }.radius-bottom--none{border-radius:0 0 0 0 }.radius-left--none{border-radius:0 0 0 0 }.radius--tiny{border-radius:2px}.radius-top--tiny{border-radius:2px 2px 0 0}.radius-right--tiny{border-radius:0 2px 2px 0}.radius-bottom--tiny{border-radius:0 0 2px 2px}.radius-left--tiny{border-radius:2px 0 0 2px}.radius--small{border-radius:3px}.radius-top--small{border-radius:3px 3px 0 0}.radius-right--small{border-radius:0 3px 3px 0}.radius-bottom--small{border-radius:0 0 3px 3px}.radius-left--small{border-radius:3px 0 0 3px}.radius--medium{border-radius:4px}.radius-top--medium{border-radius:4px 4px 0 0}.radius-right--medium{border-radius:0 4px 4px 0}.radius-bottom--medium{border-radius:0 0 4px 4px}.radius-left--medium{border-radius:4px 0 0 4px}.radius--circle{border-radius:50%}.overflow-x--scroll{overflow-x:scroll}.overflow-y--scroll{overflow-y:scroll}.overflow-x--auto{overflow-x:auto}.overflow-y--auto{overflow-y:auto}.overflow--scroll{overflow:scroll}.overflow--auto{overflow:auto}.overflow--hidden{overflow:hidden}.text--left{text-align:left}.text--center{text-align:center}.text--right{text-align:right}.text--justify{text-align:justify}.ellipsis{text-overflow:ellipsis}.text-decoration--underline{text-decoration:underline}.text-decoration--none{text-decoration:none}.list-reset{list-style:none;padding-left:0}.italic{font-style:italic}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.vertical-align--baseline{vertical-align:baseline}.vertical-align--top{vertical-align:top}.vertical-align--middle{vertical-align:middle}.vertical-align--middle{vertical-align:middle}.vertical-align--bottom{vertical-align:bottom}.nowrap{white-space:nowrap}.z--negative{z-index:-1}.z--1{z-index:1}.z--50{z-index:50}.z--100{z-index:100}.clearfix:after{content:"";display:table;clear:both}