bootstrap_builders 0.0.40 → 0.0.41

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: e6a9caee37b5904b20fdd10b5c2784e8bdecfe7f
-  data.tar.gz: f32bca9b5a7bdbdc803892b357796a6ac3c1ee30
+  metadata.gz: 0a67592a456394294f549df3c73e2bfb81bf8ac6
+  data.tar.gz: bf7fe9daf47196b2e2fd897d1d46e6a39748684c
 SHA512:
-  metadata.gz: 027c00619ff52112a56c55d5eeab5c9e833f5b109fb250cae3103ed4d0a5c3b7ac94208e9c8460d521772c323bfa42f26eb0db8df7a381995608f36a2228e7c0
-  data.tar.gz: 3b04e5778a3f48293b3c06204bc0f45354bcd88fa9e86c1e2d9fc9416d47497e5916d48259f5a47765af27e873e8cad0b5368527ad7c5e1f5c8ebfc46e16fd2c
+  metadata.gz: 1714f143399826ddfe11ecdac9a04cff37c7cb0edfec4175052cfc09f241ead7b32d4dac832f1820e86660ae943b2f4c119dc9e436a95c7d8e099b921c31c72c
+  data.tar.gz: c160c621257a529e4668e693228cd0ab8527e90b0110875140f81caa95b5425e1bc44682946eb387c394b7fa1128641800468ddd47871c6bbedb1f3f1b86f9aa

data/README.md

@@ -149,6 +149,16 @@ Use responsive mixins to only apply certain CSS rules on specific sizes, below o
 @include bb-when-lg() { ... }
 ```
 
+### Responsive classes
+
+```scss
+.text-align-left-xs
+.text-align-right-sm-up
+.text-align-center-md-down
+```
+
+And so on...
+
 ### Tabs
 
 ```haml

data/app/assets/stylesheets/bootstrap_builders.scss

@@ -1,4 +1,5 @@
 @import "bootstrap_builders/bb-btn-responsive";
 @import "bootstrap_builders/bb-progress-bar";
-@import "bootstrap_builders/responsive-classes";
 @import "bootstrap_builders/responsive-mixins";
+@import "bootstrap_builders/responsive-classes/hiddens";
+@import "bootstrap_builders/responsive-classes/text-aligns";

data/app/assets/stylesheets/bootstrap_builders/responsive-classes/text-aligns.scss

@@ -0,0 +1,110 @@
+// LEFT
+@include bb-when-xs() {
+  .text-left-xs {
+    text-align: left;
+  }
+}
+
+@include bb-when-sm-up() {
+  .text-left-sm-up {
+    text-align: left;
+  }
+}
+
+@include bb-when-sm-down() {
+  .text-left-sm-down {
+    text-align: left;
+  }
+}
+
+@include bb-when-md-up() {
+  .text-left-md-up {
+    text-align: left;
+  }
+}
+
+@include bb-when-md-down() {
+  .text-left-md-down {
+    text-align: left;
+  }
+}
+
+@include bb-when-lg() {
+  .text-left-lg {
+    text-align: left;
+  }
+}
+
+// CENTER
+@include bb-when-xs() {
+  .text-center-xs {
+    text-align: center;
+  }
+}
+
+@include bb-when-sm-up() {
+  .text-center-sm-up {
+    text-align: center;
+  }
+}
+
+@include bb-when-sm-down() {
+  .text-center-sm-down {
+    text-align: center;
+  }
+}
+
+@include bb-when-md-up() {
+  .text-center-md-up {
+    text-align: center;
+  }
+}
+
+@include bb-when-md-down() {
+  .text-center-md-down {
+    text-align: center;
+  }
+}
+
+@include bb-when-lg() {
+  .text-center-lg {
+    text-align: center;
+  }
+}
+
+// RIGHT
+@include bb-when-xs() {
+  .text-right-xs {
+    text-align: right;
+  }
+}
+
+@include bb-when-sm-up() {
+  .text-right-sm-up {
+    text-align: right;
+  }
+}
+
+@include bb-when-sm-down() {
+  .text-right-sm-down {
+    text-align: right;
+  }
+}
+
+@include bb-when-md-up() {
+  .text-right-md-up {
+    text-align: right;
+  }
+}
+
+@include bb-when-md-down() {
+  .text-right-md-down {
+    text-align: right;
+  }
+}
+
+@include bb-when-lg() {
+  .text-right-lg {
+    text-align: right;
+  }
+}

data/lib/bootstrap_builders/version.rb

@@ -1,3 +1,3 @@
 module BootstrapBuilders
-  VERSION = "0.0.40".freeze
+  VERSION = "0.0.41".freeze
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: bootstrap_builders
 version: !ruby/object:Gem::Version
-  version: 0.0.40
+  version: 0.0.41
 platform: ruby
 authors:
 - kaspernj
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-05-23 00:00:00.000000000 Z
+date: 2017-06-01 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -59,7 +59,8 @@ files:
 - app/assets/stylesheets/bootstrap_builders/bb-btn-responsive.scss
 - app/assets/stylesheets/bootstrap_builders/bb-progress-bar.scss
 - app/assets/stylesheets/bootstrap_builders/bootstrap-variables.scss
-- app/assets/stylesheets/bootstrap_builders/responsive-classes.scss
+- app/assets/stylesheets/bootstrap_builders/responsive-classes/hiddens.scss
+- app/assets/stylesheets/bootstrap_builders/responsive-classes/text-aligns.scss
 - app/assets/stylesheets/bootstrap_builders/responsive-mixins.scss
 - app/controllers/bootstrap_builders/application_controller.rb
 - app/controllers/bootstrap_builders/responsive_elements_controller.rb