papercss/src/utilities.less
2017-09-27 17:10:41 -04:00

124 lines
2.1 KiB
Plaintext

@base: 1rem;
@large: 2rem;
@small: .5rem;
.margin {
margin: @base;
&-top {
margin-top: @base;
&-large {
margin-top: @large;
}
&-small {
margin-top: @small;
}
&-none {
margin-top: 0;
}
}
&-right {
margin-right: @base;
&-large {
margin-right: @large;
}
&-small {
margin-right: @small;
}
&-none {
margin-right: 0;
}
}
&-bottom {
margin-bottom: @base;
&-large {
margin-bottom: @large;
}
&-small {
margin-bottom: @small;
}
&-none {
margin-bottom: 0;
}
}
&-left {
margin-left: @base;
&-large {
margin-left: @large;
}
&-small {
margin-left: @small;
}
&-none {
margin-left: 0;
}
}
&-large {
margin: @large;
}
&-small {
margin: @small;
}
&-none {
margin: 0;
}
}
.padding {
padding: @base;
&-top {
padding-top: @base;
&-large {
padding-top: @large;
}
&-small {
padding-top: @small;
}
&-none {
padding-top: 0;
}
}
&-right {
padding-right: @base;
&-large {
padding-right: @large;
}
&-small {
padding-right: @small;
}
&-none {
padding-right: 0;
}
}
&-bottom {
padding-bottom: @base;
&-large {
padding-bottom: @large;
}
&-small {
padding-bottom: @small;
}
&-none {
padding-bottom: 0;
}
}
&-left {
padding-left: @base;
&-large {
padding-left: @large;
}
&-small {
padding-left: @small;
}
&-none {
padding-left: 0;
}
}
&-large {
padding: @large;
}
&-small {
padding: @small;
}
&-none {
padding: 0;
}
}