bones-rails 0.1.0 → 1.0.0

data/app/assets/stylesheets/bones/styles/helpers/_border.scss

@@ -0,0 +1,201 @@
+.border-1 {
+  border: $helper-border-width $helper-border-style $color-1 !important;
+}
+.border-1-light {
+  border: $helper-border-width $helper-border-style $color-1-light !important;
+}
+.border-1-lighter {
+  border: $helper-border-width $helper-border-style $color-1-lighter !important;
+}
+.border-1-lightest {
+  border: $helper-border-width $helper-border-style $color-1-lightest !important;
+}
+.border-1-dark {
+  border: $helper-border-width $helper-border-style $color-1-dark !important;
+}
+.border-1-darker {
+  border: $helper-border-width $helper-border-style $color-1-darker !important;
+}
+.border-1-darkest {
+  border: $helper-border-width $helper-border-style $color-1-darkest !important;
+}
+
+.border-2 {
+  border: $helper-border-width $helper-border-style $color-2 !important;
+}
+.border-2-light {
+  border: $helper-border-width $helper-border-style $color-2-light !important;
+}
+.border-2-lighter {
+  border: $helper-border-width $helper-border-style $color-2-lighter !important;
+}
+.border-2-lightest {
+  border: $helper-border-width $helper-border-style $color-2-lightest !important;
+}
+.border-2-dark {
+  border: $helper-border-width $helper-border-style $color-2-dark !important;
+}
+.border-2-darker {
+  border: $helper-border-width $helper-border-style $color-2-darker !important;
+}
+.border-2-darkest {
+  border: $helper-border-width $helper-border-style $color-2-darkest !important;
+}
+
+.border-3 {
+  border: $helper-border-width $helper-border-style $color-3 !important;
+}
+.border-3-light {
+  border: $helper-border-width $helper-border-style $color-3-light !important;
+}
+.border-3-lighter {
+  border: $helper-border-width $helper-border-style $color-3-lighter !important;
+}
+.border-3-lightest {
+  border: $helper-border-width $helper-border-style $color-3-lightest !important;
+}
+.border-3-dark {
+  border: $helper-border-width $helper-border-style $color-3-dark !important;
+}
+.border-3-darker {
+  border: $helper-border-width $helper-border-style $color-3-darker !important;
+}
+.border-3-darkest {
+  border: $helper-border-width $helper-border-style $color-3-darkest !important;
+}
+
+.border-4 {
+  border: $helper-border-width $helper-border-style $color-4 !important;
+}
+.border-4-light {
+  border: $helper-border-width $helper-border-style $color-4-light !important;
+}
+.border-4-lighter {
+  border: $helper-border-width $helper-border-style $color-4-lighter !important;
+}
+.border-4-lightest {
+  border: $helper-border-width $helper-border-style $color-4-lightest !important;
+}
+.border-4-dark {
+  border: $helper-border-width $helper-border-style $color-4-dark !important;
+}
+.border-4-darker {
+  border: $helper-border-width $helper-border-style $color-4-darker !important;
+}
+.border-4-darkest {
+  border: $helper-border-width $helper-border-style $color-4-darkest !important;
+}
+
+.border-5 {
+  border: $helper-border-width $helper-border-style $color-5 !important;
+}
+.border-5-light {
+  border: $helper-border-width $helper-border-style $color-5-light !important;
+}
+.border-5-lighter {
+  border: $helper-border-width $helper-border-style $color-5-lighter !important;
+}
+.border-5-lightest {
+  border: $helper-border-width $helper-border-style $color-5-lightest !important;
+}
+.border-5-dark {
+  border: $helper-border-width $helper-border-style $color-5-dark !important;
+}
+.border-5-darker {
+  border: $helper-border-width $helper-border-style $color-5-darker !important;
+}
+.border-5-darkest {
+  border: $helper-border-width $helper-border-style $color-5-darkest !important;
+}
+
+.border-light {
+  border: $helper-border-width $helper-border-style $color-light !important;
+}
+.border-light-dark {
+  border: $helper-border-width $helper-border-style $color-light-dark !important;
+}
+.border-light-darker {
+  border: $helper-border-width $helper-border-style $color-light-darker !important;
+}
+.border-light-darkest {
+  border: $helper-border-width $helper-border-style $color-light-darkest !important;
+}
+
+.border-dark {
+  border: $helper-border-width $helper-border-style $color-dark !important;
+}
+.border-dark-light {
+  border: $helper-border-width $helper-border-style $color-dark-light !important;
+}
+.border-dark-lighter {
+  border: $helper-border-width $helper-border-style $color-dark-lighter !important;
+}
+.border-dark-lightest {
+  border: $helper-border-width $helper-border-style $color-dark-lightest !important;
+}
+
+.border-success {
+  border: $helper-border-width $helper-border-style $color-success !important;
+}
+.border-success-light {
+  border: $helper-border-width $helper-border-style $color-success-light !important;
+}
+.border-success-lighter {
+  border: $helper-border-width $helper-border-style $color-success-lighter !important;
+}
+.border-success-lightest {
+  border: $helper-border-width $helper-border-style $color-success-lightest !important;
+}
+.border-success-dark {
+  border: $helper-border-width $helper-border-style $color-success-dark !important;
+}
+.border-success-darker {
+  border: $helper-border-width $helper-border-style $color-success-darker !important;
+}
+.border-success-darkest {
+  border: $helper-border-width $helper-border-style $color-success-darkest !important;
+}
+
+.border-warning {
+  border: $helper-border-width $helper-border-style $color-warning !important;
+}
+.border-warning-light {
+  border: $helper-border-width $helper-border-style $color-warning-light !important;
+}
+.border-warning-lighter {
+  border: $helper-border-width $helper-border-style $color-warning-lighter !important;
+}
+.border-warning-lightest {
+  border: $helper-border-width $helper-border-style $color-warning-lightest !important;
+}
+.border-warning-dark {
+  border: $helper-border-width $helper-border-style $color-warning-dark !important;
+}
+.border-warning-darker {
+  border: $helper-border-width $helper-border-style $color-warning-darker !important;
+}
+.border-warning-darkest {
+  border: $helper-border-width $helper-border-style $color-warning-darkest !important;
+}
+
+.border-danger {
+  border: $helper-border-width $helper-border-style $color-danger !important;
+}
+.border-danger-light {
+  border: $helper-border-width $helper-border-style $color-danger-light !important;
+}
+.border-danger-lighter {
+  border: $helper-border-width $helper-border-style $color-danger-lighter !important;
+}
+.border-danger-lightest {
+  border: $helper-border-width $helper-border-style $color-danger-lightest !important;
+}
+.border-danger-dark {
+  border: $helper-border-width $helper-border-style $color-danger-dark !important;
+}
+.border-danger-darker {
+  border: $helper-border-width $helper-border-style $color-danger-darker !important;
+}
+.border-danger-darkest {
+  border: $helper-border-width $helper-border-style $color-danger-darkest !important;
+}

data/app/assets/stylesheets/bones/styles/helpers/_color.scss

@@ -0,0 +1,201 @@
+.color-1 {
+  color: $color-1 !important;
+}
+.color-1-light {
+  color: $color-1-light !important;
+}
+.color-1-lighter {
+  color: $color-1-lighter !important;
+}
+.color-1-lightest {
+  color: $color-1-lightest !important;
+}
+.color-1-dark {
+  color: $color-1-dark !important;
+}
+.color-1-darker {
+  color: $color-1-darker !important;
+}
+.color-1-darkest {
+  color: $color-1-darkest !important;
+}
+
+.color-2 {
+  color: $color-2 !important;
+}
+.color-2-light {
+  color: $color-2-light !important;
+}
+.color-2-lighter {
+  color: $color-2-lighter !important;
+}
+.color-2-lightest {
+  color: $color-2-lightest !important;
+}
+.color-2-dark {
+  color: $color-2-dark !important;
+}
+.color-2-darker {
+  color: $color-2-darker !important;
+}
+.color-2-darkest {
+  color: $color-2-darkest !important;
+}
+
+.color-3 {
+  color: $color-3 !important;
+}
+.color-3-light {
+  color: $color-3-light !important;
+}
+.color-3-lighter {
+  color: $color-3-lighter !important;
+}
+.color-3-lightest {
+  color: $color-3-lightest !important;
+}
+.color-3-dark {
+  color: $color-3-dark !important;
+}
+.color-3-darker {
+  color: $color-3-darker !important;
+}
+.color-3-darkest {
+  color: $color-3-darkest !important;
+}
+
+.color-4 {
+  color: $color-4 !important;
+}
+.color-4-light {
+  color: $color-4-light !important;
+}
+.color-4-lighter {
+  color: $color-4-lighter !important;
+}
+.color-4-lightest {
+  color: $color-4-lightest !important;
+}
+.color-4-dark {
+  color: $color-4-dark !important;
+}
+.color-4-darker {
+  color: $color-4-darker !important;
+}
+.color-4-darkest {
+  color: $color-4-darkest !important;
+}
+
+.color-5 {
+  color: $color-5 !important;
+}
+.color-5-light {
+  color: $color-5-light !important;
+}
+.color-5-lighter {
+  color: $color-5-lighter !important;
+}
+.color-5-lightest {
+  color: $color-5-lightest !important;
+}
+.color-5-dark {
+  color: $color-5-dark !important;
+}
+.color-5-darker {
+  color: $color-5-darker !important;
+}
+.color-5-darkest {
+  color: $color-5-darkest !important;
+}
+
+.color-light {
+  color: $color-light !important;
+}
+.color-light-dark {
+  color: $color-light-dark !important;
+}
+.color-light-darker {
+  color: $color-light-darker !important;
+}
+.color-light-darkest {
+  color: $color-light-darkest !important;
+}
+
+.color-dark {
+  color: $color-dark !important;
+}
+.color-dark-light {
+  color: $color-dark-light !important;
+}
+.color-dark-lighter {
+  color: $color-dark-lighter !important;
+}
+.color-dark-lightest {
+  color: $color-dark-lightest !important;
+}
+
+.color-success {
+  color: $color-success !important;
+}
+.color-success-light {
+  color: $color-success-light !important;
+}
+.color-success-lighter {
+  color: $color-success-lighter !important;
+}
+.color-success-lightest {
+  color: $color-success-lightest !important;
+}
+.color-success-dark {
+  color: $color-success-dark !important;
+}
+.color-success-darker {
+  color: $color-success-darker !important;
+}
+.color-success-darkest {
+  color: $color-success-darkest !important;
+}
+
+.color-warning {
+  color: $color-warning !important;
+}
+.color-warning-light {
+  color: $color-warning-light !important;
+}
+.color-warning-lighter {
+  color: $color-warning-lighter !important;
+}
+.color-warning-lightest {
+  color: $color-warning-lightest !important;
+}
+.color-warning-dark {
+  color: $color-warning-dark !important;
+}
+.color-warning-darker {
+  color: $color-warning-darker !important;
+}
+.color-warning-darkest {
+  color: $color-warning-darkest !important;
+}
+
+.color-danger {
+  color: $color-danger !important;
+}
+.color-danger-light {
+  color: $color-danger-light !important;
+}
+.color-danger-lighter {
+  color: $color-danger-lighter !important;
+}
+.color-danger-lightest {
+  color: $color-danger-lightest !important;
+}
+.color-danger-dark {
+  color: $color-danger-dark !important;
+}
+.color-danger-darker {
+  color: $color-danger-darker !important;
+}
+.color-danger-darkest {
+  color: $color-danger-darkest !important;
+}

data/app/assets/stylesheets/bones/styles/helpers/_margin.scss

@@ -0,0 +1,82 @@
+// general
+.margin-small {
+  margin: $helper-margin-small !important;
+}
+.margin-medium {
+  margin: $helper-margin-medium !important;
+}
+.margin-large {
+  margin: $helper-margin-large !important;
+}
+
+// vertical
+.margin-v-small {
+  margin-top: $helper-margin-small !important;
+  margin-bottom: $helper-margin-small !important;
+}
+.margin-v-medium {
+  margin-top: $helper-margin-medium !important;
+  margin-bottom: $helper-margin-medium !important;
+}
+.margin-v-large {
+  margin-top: $helper-margin-large !important;
+  margin-bottom: $helper-margin-large !important;
+}
+
+// horizontal
+.margin-h-small {
+  margin-right: $helper-margin-small !important;
+  margin-left: $helper-margin-small !important;
+}
+.margin-h-medium {
+  margin-right: $helper-margin-medium !important;
+  margin-left: $helper-margin-medium !important;
+}
+.margin-h-large {
+  margin-right: $helper-margin-large !important;
+  margin-left: $helper-margin-large !important;
+}
+
+// left
+.margin-left-small {
+  margin-left: $helper-margin-small !important;
+}
+.margin-left-medium {
+  margin-left: $helper-margin-medium !important;
+}
+.margin-left-large {
+  margin-left: $helper-margin-large !important;
+}
+
+// right
+.margin-right-small {
+  margin-right: $helper-margin-small !important;
+}
+.margin-right-medium {
+  margin-right: $helper-margin-medium !important;
+}
+.margin-right-large {
+  margin-right: $helper-margin-large !important;
+}
+
+// top
+.margin-top-small {
+  margin-top: $helper-margin-small !important;
+}
+.margin-top-medium {
+  margin-top: $helper-margin-medium !important;
+}
+.margin-top-large {
+  margin-top: $helper-margin-large !important;
+}
+
+// bottom
+.margin-bottom-small {
+  margin-bottom: $helper-margin-small !important;
+}
+.margin-bottom-medium {
+  margin-bottom: $helper-margin-medium !important;
+}
+.margin-bottom-large {
+  margin-bottom: $helper-margin-large !important;
+}