@superflycss/utilities-layout
Version:
58 lines (53 loc) • 1.13 kB
CSS
/** @define utilities */
.u-padding-halfrem {
padding: 0.5rem ;
}
.u-p-halfrem {
padding: 0.5rem ;
}
.u-pt-halfrem {
padding-top: 0.5rem ;
}
.u-pb-halfrem {
padding-bottom: 0.5rem ;
}
.u-pl-halfrem {
padding-left: 0.5rem ;
}
.u-pr-halfrem {
padding-right: 0.5rem ;
}
@each $dimension in left, right, top, bottom {
.u-padding-$(dimension)-halfrem {
padding-$(dimension): 0.5rem ;
}
}
@for $factor from 0 to 20 {
.u-padding-$(factor)rem {
padding: $(factor)rem ;
}
}
@for $factor from 0 to 20 {
.u-p$(factor)rem {
padding: $(factor)rem ;
}
.u-pt$(factor)rem {
padding-top: $(factor)rem ;
}
.u-pb$(factor)rem {
padding-bottom: $(factor)rem ;
}
.u-pl$(factor)rem {
padding-left: $(factor)rem ;
}
.u-pr$(factor)rem {
padding-right: $(factor)rem ;
}
}
@each $dimension in left, right, top, bottom {
@for $factor from 0 to 20 {
.u-padding-$(dimension)-$(factor)rem {
padding-$(dimension): $(factor)rem ;
}
}
}