verdnatura/salix
verdnatura
/
salix
3
5
Fork 0
Code Issues Pull Requests 66 Releases Wiki Activity

CSS beautify

This commit is contained in:
Juan Ferrer Toribio 2016-11-10 13:18:13 +01:00
parent 7d49961ff5
commit eefbffb6de
2 changed files with 100 additions and 99 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

96
@salix/app/src/styles/margin.scss
View File

@ -1,85 +1,85 @@
$margin-none:0; $margin-none: 0;
/* Small */ /* Small */
$margin-small:8px; $margin-small: 8px;
$margin-small-top:8px; $margin-small-top: 8px;
$margin-small-left:8px; $margin-small-left: 8px;
$margin-small-right:8px; $margin-small-right: 8px;
$margin-small-bottom:8px; $margin-small-bottom: 8px;
/* Medium */ /* Medium */
$margin-medium:16px; $margin-medium: 16px;
$margin-medium-top:16px; $margin-medium-top: 16px;
$margin-medium-left:16px; $margin-medium-left: 16px;
$margin-medium-right:16px; $margin-medium-right: 16px;
$margin-medium-bottom:16px; $margin-medium-bottom: 16px;
/* Large */ /* Large */
$margin-large:32px; $margin-large: 32px;
$margin-large-top:32px; $margin-large-top: 32px;
$margin-large-left:32px; $margin-large-left: 32px;
$margin-large-right:32px; $margin-large-right: 32px;
$margin-large-bottom:32px; $margin-large-bottom: 32px;
/* None */ /* None */
html [margin-none],.margin-none{ html [margin-none], .margin-none {
margin:$margin-none; margin: $margin-none;
} }
/* Small */ /* Small */
html [margin-small],.margin-small{ html [margin-small], .margin-small {
margin:$margin-small; margin: $margin-small;
} }
html [margin-small-top],.margin-small-top{ html [margin-small-top], .margin-small-top {
margin-top:$margin-small-top; margin-top: $margin-small-top;
} }
html [margin-small-left],.margin-small-left{ html [margin-small-left], .margin-small-left {
margin-left:$margin-small-left; margin-left: $margin-small-left;
} }
html [margin-small-right],.margin-small-right{ html [margin-small-right], .margin-small-right {
margin-right:$margin-small-right; margin-right: $margin-small-right;
} }
html [margin-small-bottom],.margin-small-bottom{ html [margin-small-bottom], .margin-small-bottom {
margin-bottom:$margin-small-bottom; margin-bottom: $margin-small-bottom;
} }
/* Medium */ /* Medium */
html [margin-medium],.margin-medium{ html [margin-medium], .margin-medium {
margin:$margin-medium; margin: $margin-medium;
} }
html [margin-medium-top],.margin-medium-top{ html [margin-medium-top], .margin-medium-top {
margin-top:$margin-medium-top; margin-top: $margin-medium-top;
} }
html [margin-medium-left],.margin-medium-left{ html [margin-medium-left], .margin-medium-left {
margin-left:$margin-medium-left; margin-left: $margin-medium-left;
} }
html [margin-medium-right],.margin-medium-right{ html [margin-medium-right], .margin-medium-right {
margin-right:$margin-medium-right; margin-right: $margin-medium-right;
} }
html [margin-medium-bottom],.margin-medium-bottom{ html [margin-medium-bottom], .margin-medium-bottom {
margin-bottom:$margin-medium-bottom; margin-bottom: $margin-medium-bottom;
} }
/* Large */ /* Large */
html [margin-large],.margin-large{ html [margin-large], .margin-large {
margin:$margin-large; margin: $margin-large;
} }
html [margin-large-top],.margin-large-top{ html [margin-large-top], .margin-large-top {
margin-top:$margin-large-top; margin-top: $margin-large-top;
} }
html [margin-large-left],.margin-large-left{ html [margin-large-left], .margin-large-left {
margin-left:$margin-large-left; margin-left: $margin-large-left;
} }
html [margin-large-right],.margin-large-right{ html [margin-large-right], .margin-large-right {
margin-right:$margin-large-right; margin-right: $margin-large-right;
} }
html [margin-large-bottom],.margin-large-bottom{ html [margin-large-bottom], .margin-large-bottom {
margin-bottom:$margin-large-bottom; margin-bottom: $margin-large-bottom;
} }

103
@salix/app/src/styles/padding.scss
View File

@ -1,84 +1,85 @@
$pad-none:0; $pad-none: 0;
/* Small */ /* Small */
$pad-small:8px; $pad-small: 8px;
$pad-small-top:8px; $pad-small-top: 8px;
$pad-small-left:8px; $pad-small-left: 8px;
$pad-small-right:8px; $pad-small-right: 8px;
$pad-small-bottom:8px; $pad-small-bottom: 8px;
/* Medium */ /* Medium */
$pad-medium:16px; $pad-medium: 16px;
$pad-medium-top:16px; $pad-medium-top: 16px;
$pad-medium-left:16px; $pad-medium-left: 16px;
$pad-medium-right:16px; $pad-medium-right: 16px;
$pad-medium-bottom:16px; $pad-medium-bottom: 16px;
/* Large */ /* Large */
$pad-large:32px; $pad-large: 32px;
$pad-large-top:32px; $pad-large-top: 32px;
$pad-large-left:32px; $pad-large-left: 32px;
$pad-large-right:32px; $pad-large-right: 32px;
$pad-large-bottom:32px; $pad-large-bottom: 32px;
/* None */
//NONE html [pad-none], .pad-none {
html [pad-none],.pad-none{ padding: $pad-none;
padding:$pad-none;
} }
//SMALL /* Small */
html [pad-small],.pad-small{
padding:$pad-small; html [pad-small], .pad-small {
padding: $pad-small;
} }
html [pad-small-top],.pad-small-top{ html [pad-small-top], .pad-small-top {
padding-top:$pad-small-top; padding-top: $pad-small-top;
} }
html [pad-small-left],.pad-small-left{ html [pad-small-left], .pad-small-left {
padding-left:$pad-small-left; padding-left: $pad-small-left;
} }
html [pad-small-right],.pad-small-right{ html [pad-small-right], .pad-small-right {
padding-right:$pad-small-right; padding-right: $pad-small-right;
} }
html [pad-small-bottom],.pad-small-bottom{ html [pad-small-bottom], .pad-small-bottom {
padding-bottom:$pad-small-bottom; padding-bottom: $pad-small-bottom;
} }
/* Medium */ /* Medium */
html [pad-medium],.pad-medium{ html [pad-medium], .pad-medium {
padding:$pad-medium; padding: $pad-medium;
} }
html [pad-medium-top],.pad-medium-top{ html [pad-medium-top], .pad-medium-top {
padding-top:$pad-medium-top; padding-top: $pad-medium-top;
} }
html [pad-medium-left],.pad-medium-left{ html [pad-medium-left], .pad-medium-left {
padding-left:$pad-medium-left; padding-left: $pad-medium-left;
} }
html [pad-medium-right],.pad-medium-right{ html [pad-medium-right], .pad-medium-right {
padding-right:$pad-medium-right; padding-right: $pad-medium-right;
} }
html [pad-medium-bottom],.pad-medium-bottom{ html [pad-medium-bottom], .pad-medium-bottom {
padding-bottom:$pad-medium-bottom; padding-bottom: $pad-medium-bottom;
} }
/* Large */ /* Large */
html [pad-large],.pad-large{ html [pad-large], .pad-large {
padding:$pad-large; padding: $pad-large;
} }
html [pad-large-top],.pad-medium-large{ html [pad-large-top], .pad-medium-large {
padding-top:$pad-large-top; padding-top: $pad-large-top;
} }
html [pad-large-left],.pad-large-left{ html [pad-large-left], .pad-large-left {
padding-left:$pad-large-left; padding-left: $pad-large-left;
} }
html [pad-large-right],.pad-large-right{ html [pad-large-right], .pad-large-right {
padding-right:$pad-large-right; padding-right: $pad-large-right;
}
html [pad-large-bottom], .pad-large-bottom {
padding-bottom: $pad-large-bottom;
} }
html [pad-large-bottom],.pad-large-bottom{
padding-bottom:$pad-large-bottom;
}