emma-css-rails 0.8.0.0 → 0.9.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: d4042bcd70fd0193807e41671930c2ebb8c79c87
-  data.tar.gz: bc1fb70338f69d247ab491fc9d086754a3545a18
+  metadata.gz: ced767628354a0f66f398dcaad6a68a171c9f4ea
+  data.tar.gz: dc342b8e4d0dd540fc2db3daf791bd45831d76eb
 SHA512:
-  metadata.gz: 099d3b123b1d4134a6156c419687adc12965f4ec1501e5e214cdc7089415162c71b76d30da91bd6b5bd84d53daa7c70db15bf14336051c88658d261b300859e3
-  data.tar.gz: 7940a683782eda912d6662bb027c00e1988fc9313192459cb6614574cdca0d6bb61aaa3a7c29fa30d6599f1be47c6fe8e21431124ea8817e13045ba3d2f6d501
+  metadata.gz: d5d49c570d65ffef667be16e390fd7af12214eb7c75a5dd0d7106a4415a47606016c0380bf5311e35e339b0f3149f27554882f22a36e45181d53c68eea79c0f2
+  data.tar.gz: d1206ce6382d5db7d37ed85ef984ea86474eb4a741db00a17b1cd87a957221506a03c0b71fdeea55728ba5c447377be4743dca2d19bf9f063d4e44f9cb2747f9

data/CHANGELOG.md

@@ -3,6 +3,9 @@
 ## master (unreleased)
 * Nothing
 
+## 0.9.0.0
+* Update emma.css to 0.9.0
+
 ## 0.8.0.0
 * Update emma.scss to 0.8.0
 

data/README.md

@@ -18,7 +18,7 @@ In your `application.css`, include the css file:
 
 ``` css
 /*
- *= require emma
+ *= require emma.css/emma.scss
  */
 ```
 
@@ -27,7 +27,7 @@ Then restart your webserver if it was previously running.
 If you prefer SCSS, add this to your `application.css.scss` file:
 
 ``` scss
-@import "emma";
+@import "emma.css/emma.scss";
 ```
 
 See also: [Getting Started with Emma.css](https://github.com/ruedap/emma.css#getting-started)
@@ -38,4 +38,4 @@ Released under the [MIT license](http://ruedap.mit-license.org/2015).
 
 ## Author
 
-<a href="https://github.com/ruedap"><img src="https://dl.dropboxusercontent.com/u/281168/images/github-ruedap-avatar-1500x1500.png" alt="ruedap" title="ruedap" width="100" height="100"></a>
+<a href="https://github.com/ruedap"><img src="https://avatars.githubusercontent.com/u/289671?v=3&s=300" alt="ruedap" title="ruedap" width="100" height="100"></a>

data/Rakefile

@@ -3,4 +3,14 @@ require "rspec/core/rake_task"
 
 RSpec::Core::RakeTask.new(:spec)
 
+namespace :npm do
+  task :copy do
+    sh 'rm -rf vendor/assets/stylesheets/emma.css/'
+    sh 'mkdir vendor/assets/stylesheets/emma.css/'
+    sh 'cp -r node_modules/emma.css/ vendor/assets/stylesheets/emma.css/'
+    sh 'rm vendor/assets/stylesheets/emma.css/package.json'
+    sh "sed -n '1,1p' vendor/assets/stylesheets/emma.css/emma.css"
+  end
+end
+
 task :default => :spec

data/lib/emma-css-rails/version.rb

@@ -1,3 +1,3 @@
 module EmmaCssRails
-  VERSION = "0.8.0.0"
+  VERSION = "0.9.0.0"
 end

data/vendor/assets/stylesheets/emma.css/CHANGELOG.md

@@ -0,0 +1,50 @@
+# CHANGELOG
+
+## master (unreleased)
+* Nothing
+
+## 0.9.0
+* Restructure based on YAML documents
+
+## 0.8.0
+* Add snippet: fz-0 (font-size: 0)
+* Add snippet: horizontal and vertical padding
+* Add snippet: horizontal and vertical margin
+
+## 0.7.0
+* Add snippet: `ff-j` (font-family for Japanese)
+* Add snippet: `z-9999` (`z-index: 9999`)
+* Change from ruby-sass to node-sass
+* Introduce npm run commands to build sass
+
+## 0.6.0
+* Change `$emma-alternative-colors` default value from false to true
+* Add Makefile
+
+## 0.5.0
+* Add max-width sizes
+* Add border-radius sizes
+* Add 5 colors
+* Change margin/padding variables
+* Change line-height variables
+* Change font-size variables
+
+## 0.4.0
+* Rename snippet name: `lire` -> `reli`
+* Improve snippet: `tehi`
+* Improve snippet: `abce`
+
+## 0.3.0
+* Add snippet: `tehi` (Text hiding)
+
+## 0.2.0
+* Rename `opacity` snippet names (e.g. `op-01` -> `op-0_1`)
+* Rename multiple declaration snippet names
+    * `tet` -> `tetr`
+    * `lir` -> `lire`
+    * `abc` -> `abce`
+* Add snippet: `m-a` (`margin: auto`)
+* Add snippet: `m-0_a` (`margin: 0 auto`)
+
+## 0.1.0
+* Initial public release

data/vendor/assets/stylesheets/emma.css/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2015 ruedap
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

data/vendor/assets/stylesheets/emma.css/README.md

@@ -0,0 +1,152 @@
+# Emma.css { [emmet](http://docs.emmet.io/cheat-sheet/)-like utility classes }
+
+A collection of [CSS utility classes](emma.css) for rapid and easy front-end development.
+
+[![CircleCI](https://circleci.com/gh/ruedap/emma.css.svg?style=shield)](https://circleci.com/gh/ruedap/emma.css)
+
+## Example
+
+Emma.css only:
+
+``` html
+<article class="u-cf">
+  <img class="u-d-b u-fl-l u-w-a u-mr-xl u-bdrs-3" src="foo.png">
+  <div class="u-fl-l u-ml-lg u-p-md">
+    <h1 class="u-m-0 u-ff-t">Title</h1>
+    <p class="u-wow-bw u-wfsm-a">Description</p>
+    <a class="u-d-ib u-fz-sm u-lh-2" href="#">Read more</a>
+  </div>
+</article>
+```
+
+[SUIT CSS](https://suitcss.github.io/) naming convention + Emma.css:
+
+``` html
+<article class="Excerpt u-cf">
+  <img class="Excerpt-thumbnail u-d-b u-fl-l u-w-a" src="foo.png">
+  <div class="u-fl-l u-ml-lg u-p-md">
+    <h1 class="Excerpt-title">Title</h1>
+    <p class="u-wow-bw u-wfsm-a">Description</p>
+    <a class="Excerpt-readMore" href="#">Read more</a>
+  </div>
+</article>
+```
+
+utility class name | declaration
+--- | ---
+`.u-cf` (clearfix) | [micro clearfix hack](http://nicolasgallagher.com/micro-clearfix-hack/)
+`.u-d-b` | display: block;
+`.u-fl-l` | float: left;
+`.u-w-a` | width: auto;
+`.u-mr-xl` (extra large) | margin-right: 4.0rem;
+`.u-bdrs-3` | border-radius: 3px;
+`.u-ml-lg` (large) | margin-left: 2.0rem;
+`.u-p-md` (medium) | padding: 1.0rem;
+`.u-m-0` | margin: 0;
+`.u-ff-t` | font-family: "Times New Roman", Times, Baskerville, Georgia, serif;
+`.u-wow-bw` | word-wrap: break-word;
+`.u-wfsm-a` | -webkit-font-smoothing: antialiased;
+`.u-d-ib` | display: inline-block;
+`.u-fz-sm` (small) | font-size: small;
+`.u-lh-2` | line-height: 2;
+
+See also: [emma.css](emma.css) (all utility classes)
+
+## Getting Started
+
+### Installation
+
+Install or download Emma.css from one of these sources:
+
+* **npm**: `npm install emma.css`
+* **Bower**: `bower install emma.css`
+* **Rails**: [emma-css-rails](https://github.com/ruedap/emma-css-rails)
+* **Download**: [zip](https://github.com/ruedap/emma.css/releases)
+* **Alfred 2**: [Emma.css Workflow](https://github.com/ruedap/alfred-emma-css-workflow)
+
+### Basic usage
+
+SCSS:
+``` scss
+@import "path/to/emma.scss";
+```
+CSS output:
+``` css
+.u-pos-s { position: static !important; }
+.u-pos-a { position: absolute !important; }
+.u-pos-r { position: relative !important; }
+(snip)
+```
+
+### Change prefix of utility classes
+
+Default prefix: `u-`  
+You can change prefix of utility classes by `$emma-prefix` variable:
+
+``` scss
+$emma-prefix: "foo-"; // Change prefix
+@import "path/to/emma.scss";
+```
+CSS output:
+``` css
+.foo-pos-s { position: static !important; }
+.foo-pos-a { position: absolute !important; }
+.foo-pos-r { position: relative !important; }
+(snip)
+```
+
+If you need to remove prefix:
+
+``` scss
+$emma-prefix: ""; // Remove prefix
+@import "path/to/emma.scss";
+```
+CSS output:
+``` css
+.pos-s { position: static !important; }
+.pos-a { position: absolute !important; }
+.pos-r { position: relative !important; }
+(snip)
+```
+
+### Remove !important annotations
+
+You can remove `!important` annotations by `$emma-important` variable:
+
+``` scss
+$emma-important: false; // Remove !important annotations
+@import "path/to/emma.scss";
+```
+CSS output:
+``` css
+.u-pos-s { position: static; }
+.u-pos-a { position: absolute; }
+.u-pos-r { position: relative; }
+(snip)
+```
+
+### Change default sizes or colors
+
+You can change default sizes or colors by [variables](sass/_vars.scss):
+
+``` scss
+$emma-padding-md: 20px;   // default: `1.0rem`
+$emma-color-black: #000;  // default: `#111111`
+@import "path/to/emma.scss";
+```
+
+## Inspired by
+
+* [emmetio/emmet](https://github.com/emmetio/emmet)
+* [suitcss/suit](https://github.com/suitcss/suit)
+* [jxnblk/basscss](https://github.com/jxnblk/basscss)
+* [t32k/wisteria](https://github.com/t32k/wisteria)
+* [hail2u/node-edjo](https://github.com/hail2u/node-edjo)
+
+## License
+
+Released under the [MIT license](LICENSE).
+
+## Author
+
+[ruedap](https://github.com/ruedap)

data/vendor/assets/stylesheets/emma.css/emma.css

@@ -0,0 +1,595 @@
+/*! Emma.css 0.9.0 | MIT License | https://git.io/emma */
+.u-pos-s { position: static !important; }
+.u-pos-a { position: absolute !important; }
+.u-pos-r { position: relative !important; }
+.u-pos-f { position: fixed !important; }
+.u-t-a { top: auto !important; }
+.u-t-0 { top: 0 !important; }
+.u-r-a { right: auto !important; }
+.u-r-0 { right: 0 !important; }
+.u-b-a { bottom: auto !important; }
+.u-b-0 { bottom: 0 !important; }
+.u-l-a { left: auto !important; }
+.u-l-0 { left: 0 !important; }
+.u-z-a { z-index: auto !important; }
+.u-z-0 { z-index: 0 !important; }
+.u-z-1 { z-index: 1 !important; }
+.u-z-2 { z-index: 2 !important; }
+.u-z-3 { z-index: 3 !important; }
+.u-z-4 { z-index: 4 !important; }
+.u-z-5 { z-index: 5 !important; }
+.u-z-6 { z-index: 6 !important; }
+.u-z-9999 { z-index: 9999 !important; }
+.u-d-n { display: none !important; }
+.u-d-b { display: block !important; }
+.u-d-f { display: flex !important; }
+.u-d-if { display: inline-flex !important; }
+.u-d-i { display: inline !important; }
+.u-d-ib { display: inline-block !important; }
+.u-d-li { display: list-item !important; }
+.u-d-ri { display: run-in !important; }
+.u-d-cp { display: compact !important; }
+.u-d-tb { display: table !important; }
+.u-d-itb { display: inline-table !important; }
+.u-d-tbcp { display: table-caption !important; }
+.u-d-tbcl { display: table-column !important; }
+.u-d-tbclg { display: table-column-group !important; }
+.u-d-tbhg { display: table-header-group !important; }
+.u-d-tbfg { display: table-footer-group !important; }
+.u-d-tbr { display: table-row !important; }
+.u-d-tbrg { display: table-row-group !important; }
+.u-d-tbc { display: table-cell !important; }
+.u-d-rb { display: ruby !important; }
+.u-d-rbb { display: ruby-base !important; }
+.u-d-rbbg { display: ruby-base-group !important; }
+.u-d-rbt { display: ruby-text !important; }
+.u-d-rbtg { display: ruby-text-group !important; }
+.u-v-v { visibility: visible !important; }
+.u-v-h { visibility: hidden !important; }
+.u-v-c { visibility: collapse !important; }
+.u-ov-v { overflow: visible !important; }
+.u-ov-h { overflow: hidden !important; }
+.u-ov-s { overflow: scroll !important; }
+.u-ov-a { overflow: auto !important; }
+.u-ovx-v { overflow-x: visible !important; }
+.u-ovx-h { overflow-x: hidden !important; }
+.u-ovx-s { overflow-x: scroll !important; }
+.u-ovx-a { overflow-x: auto !important; }
+.u-ovy-v { overflow-y: visible !important; }
+.u-ovy-h { overflow-y: hidden !important; }
+.u-ovy-s { overflow-y: scroll !important; }
+.u-ovy-a { overflow-y: auto !important; }
+.u-bxz-cb { box-sizing: content-box !important; }
+.u-bxz-bb { box-sizing: border-box !important; }
+.u-tbl-a { table-layout: auto !important; }
+.u-tbl-f { table-layout: fixed !important; }
+.u-fxd-r { flex-direction: row !important; }
+.u-fxd-rr { flex-direction: row-reverse !important; }
+.u-fxd-c { flex-direction: column !important; }
+.u-fxd-cr { flex-direction: column-reverse !important; }
+.u-fxw-n { flex-wrap: nowrap !important; }
+.u-fxw-w { flex-wrap: wrap !important; }
+.u-fxw-wr { flex-wrap: wrap-reverse !important; }
+.u-jc-fs { justify-content: flex-start !important; }
+.u-jc-fe { justify-content: flex-end !important; }
+.u-jc-c { justify-content: center !important; }
+.u-jc-sb { justify-content: space-between !important; }
+.u-jc-sa { justify-content: space-around !important; }
+.u-ai-fs { align-items: flex-start !important; }
+.u-ai-fe { align-items: flex-end !important; }
+.u-ai-c { align-items: center !important; }
+.u-ai-b { align-items: baseline !important; }
+.u-ai-s { align-items: stretch !important; }
+.u-ac-fs { align-content: flex-start !important; }
+.u-ac-fe { align-content: flex-end !important; }
+.u-ac-c { align-content: center !important; }
+.u-ac-sb { align-content: space-between !important; }
+.u-ac-sa { align-content: space-around !important; }
+.u-ac-s { align-content: stretch !important; }
+.u-ord-0 { order: 0 !important; }
+.u-ord-1 { order: 1 !important; }
+.u-ord-2 { order: 2 !important; }
+.u-ord-3 { order: 3 !important; }
+.u-ord-4 { order: 4 !important; }
+.u-ord-5 { order: 5 !important; }
+.u-ord-6 { order: 6 !important; }
+.u-ord-9999 { order: 9999 !important; }
+.u-ord--1 { order: -1 !important; }
+.u-fx-n { flex: none !important; }
+.u-fx-1_1_a { flex: 1 1 auto !important; }
+.u-fx-1_0_a { flex: 1 0 auto !important; }
+.u-fx-1_1_1 { flex: 1 1 1px !important; }
+.u-as-a { align-self: auto !important; }
+.u-as-fs { align-self: flex-start !important; }
+.u-as-fe { align-self: flex-end !important; }
+.u-as-c { align-self: center !important; }
+.u-as-b { align-self: baseline !important; }
+.u-as-s { align-self: stretch !important; }
+.u-abce { bottom: 0 !important; left: 0 !important; margin: auto !important; position: auto !important; right: 0 !important; top: 0 !important; }
+.u-fl-n { float: none !important; }
+.u-fl-l { float: left !important; }
+.u-fl-r { float: right !important; }
+.u-cl-n { clear: none !important; }
+.u-cl-l { clear: left !important; }
+.u-cl-r { clear: right !important; }
+.u-cl-b { clear: both !important; }
+.u-cf:before, .u-cf:after { content: " "; display: table; }
+.u-cf:after { clear: both; }
+.u-bxsh-n { box-shadow: none !important; }
+.u-bg-n { background: none !important; }
+.u-bgc-t { background-color: transparent !important; }
+.u-bgc-cc { background-color: currentColor !important; }
+.u-bgc-white { background-color: #ffffff !important; }
+.u-bgc-silver { background-color: #dddddd !important; }
+.u-bgc-gray { background-color: #aaaaaa !important; }
+.u-bgc-black { background-color: #111111 !important; }
+.u-bgc-navy { background-color: #001f3f !important; }
+.u-bgc-blue { background-color: #0074d9 !important; }
+.u-bgc-aqua { background-color: #7fdbff !important; }
+.u-bgc-teal { background-color: #39cccc !important; }
+.u-bgc-olive { background-color: #3d9970 !important; }
+.u-bgc-green { background-color: #2ecc40 !important; }
+.u-bgc-lime { background-color: #01ff70 !important; }
+.u-bgc-yellow { background-color: #ffdc00 !important; }
+.u-bgc-orange { background-color: #ff851b !important; }
+.u-bgc-red { background-color: #ff4136 !important; }
+.u-bgc-maroon { background-color: #85144b !important; }
+.u-bgc-fuchsia { background-color: #f012be !important; }
+.u-bgc-purple { background-color: #b10dc9 !important; }
+.u-bgc-primary { background-color: #0275d8 !important; }
+.u-bgc-success { background-color: #5cb85c !important; }
+.u-bgc-info { background-color: #5bc0de !important; }
+.u-bgc-warning { background-color: #f0ad4e !important; }
+.u-bgc-danger { background-color: #d9534f !important; }
+.u-bgi-n { background-image: none !important; }
+.u-bgr-n { background-repeat: no-repeat !important; }
+.u-bgr-x { background-repeat: repeat-x !important; }
+.u-bgr-y { background-repeat: repeat-y !important; }
+.u-bgr-sp { background-repeat: space !important; }
+.u-bgr-rd { background-repeat: round !important; }
+.u-bga-f { background-attachment: fixed !important; }
+.u-bga-s { background-attachment: scroll !important; }
+.u-bgp-t { background-position: top !important; }
+.u-bgp-r { background-position: right !important; }
+.u-bgp-b { background-position: bottom !important; }
+.u-bgp-l { background-position: left !important; }
+.u-bgp-c { background-position: center !important; }
+.u-bgsz-a { background-size: auto !important; }
+.u-bgsz-ct { background-size: contain !important; }
+.u-bgsz-cv { background-size: cover !important; }
+.u-m-0 { margin: 0 !important; }
+.u-m-a { margin: auto !important; }
+.u-m-0_a { margin: 0 auto !important; }
+.u-m-a_0 { margin: auto 0 !important; }
+.u-m-xs { margin: 0.2rem !important; }
+.u-m-sm { margin: 0.5rem !important; }
+.u-m-md { margin: 1rem !important; }
+.u-m-lg { margin: 1.5rem !important; }
+.u-m-xl { margin: 3rem !important; }
+.u-mt-0 { margin-top: 0 !important; }
+.u-mt-a { margin-top: auto !important; }
+.u-mt-xs { margin-top: 0.2rem !important; }
+.u-mt-sm { margin-top: 0.5rem !important; }
+.u-mt-md { margin-top: 1rem !important; }
+.u-mt-lg { margin-top: 1.5rem !important; }
+.u-mt-xl { margin-top: 3rem !important; }
+.u-mr-0 { margin-right: 0 !important; }
+.u-mr-a { margin-right: auto !important; }
+.u-mr-xs { margin-right: 0.2rem !important; }
+.u-mr-sm { margin-right: 0.5rem !important; }
+.u-mr-md { margin-right: 1rem !important; }
+.u-mr-lg { margin-right: 1.5rem !important; }
+.u-mr-xl { margin-right: 3rem !important; }
+.u-mb-0 { margin-bottom: 0 !important; }
+.u-mb-a { margin-bottom: auto !important; }
+.u-mb-xs { margin-bottom: 0.2rem !important; }
+.u-mb-sm { margin-bottom: 0.5rem !important; }
+.u-mb-md { margin-bottom: 1rem !important; }
+.u-mb-lg { margin-bottom: 1.5rem !important; }
+.u-mb-xl { margin-bottom: 3rem !important; }
+.u-ml-0 { margin-left: 0 !important; }
+.u-ml-a { margin-left: auto !important; }
+.u-ml-xs { margin-left: 0.2rem !important; }
+.u-ml-sm { margin-left: 0.5rem !important; }
+.u-ml-md { margin-left: 1rem !important; }
+.u-ml-lg { margin-left: 1.5rem !important; }
+.u-ml-xl { margin-left: 3rem !important; }
+.u-mx-0 { margin-left: 0 !important; margin-right: 0 !important; }
+.u-my-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
+.u-mx-a { margin-left: auto !important; margin-right: auto !important; }
+.u-my-a { margin-top: auto !important; margin-bottom: auto !important; }
+.u-mx-xs { margin-left: 0.2rem !important; margin-right: 0.2rem !important; }
+.u-my-xs { margin-top: 0.2rem !important; margin-bottom: 0.2rem !important; }
+.u-mx-sm { margin-left: 0.5rem !important; margin-right: 0.5rem !important; }
+.u-my-sm { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
+.u-mx-md { margin-left: 1rem !important; margin-right: 1rem !important; }
+.u-my-md { margin-top: 1rem !important; margin-bottom: 1rem !important; }
+.u-mx-lg { margin-left: 1.5rem !important; margin-right: 1.5rem !important; }
+.u-my-lg { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
+.u-mx-xl { margin-left: 3rem !important; margin-right: 3rem !important; }
+.u-my-xl { margin-top: 3rem !important; margin-bottom: 3rem !important; }
+.u-p-0 { padding: 0 !important; }
+.u-p-xs { padding: 0.2rem !important; }
+.u-p-sm { padding: 0.5rem !important; }
+.u-p-md { padding: 1rem !important; }
+.u-p-lg { padding: 1.5rem !important; }
+.u-p-xl { padding: 3rem !important; }
+.u-pt-0 { padding-top: 0 !important; }
+.u-pt-xs { padding-top: 0.2rem !important; }
+.u-pt-sm { padding-top: 0.5rem !important; }
+.u-pt-md { padding-top: 1rem !important; }
+.u-pt-lg { padding-top: 1.5rem !important; }
+.u-pt-xl { padding-top: 3rem !important; }
+.u-pr-0 { padding-right: 0 !important; }
+.u-pr-xs { padding-right: 0.2rem !important; }
+.u-pr-sm { padding-right: 0.5rem !important; }
+.u-pr-md { padding-right: 1rem !important; }
+.u-pr-lg { padding-right: 1.5rem !important; }
+.u-pr-xl { padding-right: 3rem !important; }
+.u-pb-0 { padding-bottom: 0 !important; }
+.u-pb-xs { padding-bottom: 0.2rem !important; }
+.u-pb-sm { padding-bottom: 0.5rem !important; }
+.u-pb-md { padding-bottom: 1rem !important; }
+.u-pb-lg { padding-bottom: 1.5rem !important; }
+.u-pb-xl { padding-bottom: 3rem !important; }
+.u-pl-0 { padding-left: 0 !important; }
+.u-pl-xs { padding-left: 0.2rem !important; }
+.u-pl-sm { padding-left: 0.5rem !important; }
+.u-pl-md { padding-left: 1rem !important; }
+.u-pl-lg { padding-left: 1.5rem !important; }
+.u-pl-xl { padding-left: 3rem !important; }
+.u-px-0 { padding-left: 0 !important; padding-right: 0 !important; }
+.u-py-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
+.u-px-xs { padding-left: 0.2rem !important; padding-right: 0.2rem !important; }
+.u-py-xs { padding-top: 0.2rem !important; padding-bottom: 0.2rem !important; }
+.u-px-sm { padding-left: 0.5rem !important; padding-right: 0.5rem !important; }
+.u-py-sm { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
+.u-px-md { padding-left: 1rem !important; padding-right: 1rem !important; }
+.u-py-md { padding-top: 1rem !important; padding-bottom: 1rem !important; }
+.u-px-lg { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
+.u-py-lg { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
+.u-px-xl { padding-left: 3rem !important; padding-right: 3rem !important; }
+.u-py-xl { padding-top: 3rem !important; padding-bottom: 3rem !important; }
+.u-w-a { width: auto !important; }
+.u-w-0 { width: 0 !important; }
+.u-w-1p { width: 1% !important; }
+.u-w-10p { width: 10% !important; }
+.u-w-20p { width: 20% !important; }
+.u-w-25p { width: 25% !important; }
+.u-w-30p { width: 30% !important; }
+.u-w-33p { width: 33% !important; }
+.u-w-40p { width: 40% !important; }
+.u-w-50p { width: 50% !important; }
+.u-w-60p { width: 60% !important; }
+.u-w-66p { width: 66% !important; }
+.u-w-70p { width: 70% !important; }
+.u-w-75p { width: 75% !important; }
+.u-w-80p { width: 80% !important; }
+.u-w-90p { width: 90% !important; }
+.u-w-100p { width: 100% !important; }
+.u-maw-n { max-width: none !important; }
+.u-maw-1p { max-width: 1% !important; }
+.u-maw-10p { max-width: 10% !important; }
+.u-maw-20p { max-width: 20% !important; }
+.u-maw-25p { max-width: 25% !important; }
+.u-maw-30p { max-width: 30% !important; }
+.u-maw-33p { max-width: 33% !important; }
+.u-maw-40p { max-width: 40% !important; }
+.u-maw-50p { max-width: 50% !important; }
+.u-maw-60p { max-width: 60% !important; }
+.u-maw-66p { max-width: 66% !important; }
+.u-maw-70p { max-width: 70% !important; }
+.u-maw-75p { max-width: 75% !important; }
+.u-maw-80p { max-width: 80% !important; }
+.u-maw-90p { max-width: 90% !important; }
+.u-maw-100p { max-width: 100% !important; }
+.u-miw-0 { min-width: 0 !important; }
+.u-h-a { height: auto !important; }
+.u-h-0 { height: 0 !important; }
+.u-h-100p { height: 100% !important; }
+.u-mah-n { max-height: none !important; }
+.u-mah-100p { max-height: 100% !important; }
+.u-mih-0 { min-height: 0 !important; }
+.u-ol-n { outline: none !important; }
+.u-olw-tn { outline-width: thin !important; }
+.u-olw-md { outline-width: medium !important; }
+.u-olw-tc { outline-width: thick !important; }
+.u-ols-n { outline-style: none !important; }
+.u-ols-dt { outline-style: dotted !important; }
+.u-ols-ds { outline-style: dashed !important; }
+.u-ols-s { outline-style: solid !important; }
+.u-ols-db { outline-style: double !important; }
+.u-ols-g { outline-style: groove !important; }
+.u-ols-r { outline-style: ridge !important; }
+.u-ols-i { outline-style: inset !important; }
+.u-ols-o { outline-style: outset !important; }
+.u-olc-i { outline-color: invert !important; }
+.u-bfv-h { backface-visibility: hidden !important; }
+.u-bfv-v { backface-visibility: visible !important; }
+.u-bd-n { border: none !important; }
+.u-bd-0 { border: 0 !important; }
+.u-bdcl-c { border-collapse: collapse !important; }
+.u-bdcl-s { border-collapse: separate !important; }
+.u-bdc-t { border-color: transparent !important; }
+.u-bdc-cc { border-color: currentColor !important; }
+.u-bdc-white { border-color: #ffffff !important; }
+.u-bdc-silver { border-color: #dddddd !important; }
+.u-bdc-gray { border-color: #aaaaaa !important; }
+.u-bdc-black { border-color: #111111 !important; }
+.u-bdc-navy { border-color: #001f3f !important; }
+.u-bdc-blue { border-color: #0074d9 !important; }
+.u-bdc-aqua { border-color: #7fdbff !important; }
+.u-bdc-teal { border-color: #39cccc !important; }
+.u-bdc-olive { border-color: #3d9970 !important; }
+.u-bdc-green { border-color: #2ecc40 !important; }
+.u-bdc-lime { border-color: #01ff70 !important; }
+.u-bdc-yellow { border-color: #ffdc00 !important; }
+.u-bdc-orange { border-color: #ff851b !important; }
+.u-bdc-red { border-color: #ff4136 !important; }
+.u-bdc-maroon { border-color: #85144b !important; }
+.u-bdc-fuchsia { border-color: #f012be !important; }
+.u-bdc-purple { border-color: #b10dc9 !important; }
+.u-bdc-primary { border-color: #0275d8 !important; }
+.u-bdc-success { border-color: #5cb85c !important; }
+.u-bdc-info { border-color: #5bc0de !important; }
+.u-bdc-warning { border-color: #f0ad4e !important; }
+.u-bdc-danger { border-color: #d9534f !important; }
+.u-bdi-n { border-image: none !important; }
+.u-bds-n { border-style: none !important; }
+.u-bds-h { border-style: hidden !important; }
+.u-bds-dt { border-style: dotted !important; }
+.u-bds-ds { border-style: dashed !important; }
+.u-bds-s { border-style: solid !important; }
+.u-bds-db { border-style: double !important; }
+.u-bds-w { border-style: wave !important; }
+.u-bds-g { border-style: groove !important; }
+.u-bds-r { border-style: ridge !important; }
+.u-bds-i { border-style: inset !important; }
+.u-bds-o { border-style: outset !important; }
+.u-bdw-0 { border-width: 0 !important; }
+.u-bdw-1 { border-width: 1px !important; }
+.u-bdw-2 { border-width: 2px !important; }
+.u-bdw-3 { border-width: 3px !important; }
+.u-bdw-4 { border-width: 4px !important; }
+.u-bdw-5 { border-width: 5px !important; }
+.u-bdw-6 { border-width: 6px !important; }
+.u-bdtw-0 { border-top-width: 0 !important; }
+.u-bdtw-1 { border-top-width: 1px !important; }
+.u-bdtw-2 { border-top-width: 2px !important; }
+.u-bdtw-3 { border-top-width: 3px !important; }
+.u-bdtw-4 { border-top-width: 4px !important; }
+.u-bdtw-5 { border-top-width: 5px !important; }
+.u-bdtw-6 { border-top-width: 6px !important; }
+.u-bdrw-0 { border-right-width: 0 !important; }
+.u-bdrw-1 { border-right-width: 1px !important; }
+.u-bdrw-2 { border-right-width: 2px !important; }
+.u-bdrw-3 { border-right-width: 3px !important; }
+.u-bdrw-4 { border-right-width: 4px !important; }
+.u-bdrw-5 { border-right-width: 5px !important; }
+.u-bdrw-6 { border-right-width: 6px !important; }
+.u-bdbw-0 { border-bottom-width: 0 !important; }
+.u-bdbw-1 { border-bottom-width: 1px !important; }
+.u-bdbw-2 { border-bottom-width: 2px !important; }
+.u-bdbw-3 { border-bottom-width: 3px !important; }
+.u-bdbw-4 { border-bottom-width: 4px !important; }
+.u-bdbw-5 { border-bottom-width: 5px !important; }
+.u-bdbw-6 { border-bottom-width: 6px !important; }
+.u-bdlw-0 { border-left-width: 0 !important; }
+.u-bdlw-1 { border-left-width: 1px !important; }
+.u-bdlw-2 { border-left-width: 2px !important; }
+.u-bdlw-3 { border-left-width: 3px !important; }
+.u-bdlw-4 { border-left-width: 4px !important; }
+.u-bdlw-5 { border-left-width: 5px !important; }
+.u-bdlw-6 { border-left-width: 6px !important; }
+.u-bdt-n { border-top: none !important; }
+.u-bdt-0 { border-top: 0 !important; }
+.u-bdtc-t { border-top-color: transparent !important; }
+.u-bdtc-cc { border-top-color: currentColor !important; }
+.u-bdr-n { border-right: none !important; }
+.u-bdr-0 { border-right: 0 !important; }
+.u-bdrc-t { border-right-color: transparent !important; }
+.u-bdrc-cc { border-right-color: currentColor !important; }
+.u-bdb-n { border-bottom: none !important; }
+.u-bdb-0 { border-bottom: 0 !important; }
+.u-bdbc-t { border-bottom-color: transparent !important; }
+.u-bdbc-cc { border-bottom-color: currentColor !important; }
+.u-bdl-n { border-left: none !important; }
+.u-bdl-0 { border-left: 0 !important; }
+.u-bdlc-t { border-left-color: transparent !important; }
+.u-bdlc-cc { border-left-color: currentColor !important; }
+.u-bdrs-xs { border-radius: 0.1rem !important; }
+.u-bdrs-sm { border-radius: 0.2rem !important; }
+.u-bdrs-md { border-radius: 0.25rem !important; }
+.u-bdrs-lg { border-radius: 0.3rem !important; }
+.u-bdrs-xl { border-radius: 0.4rem !important; }
+.u-bdrs-0 { border-radius: 0 !important; }
+.u-bdrs-1 { border-radius: 1px !important; }
+.u-bdrs-2 { border-radius: 2px !important; }
+.u-bdrs-3 { border-radius: 3px !important; }
+.u-bdrs-4 { border-radius: 4px !important; }
+.u-bdrs-5 { border-radius: 5px !important; }
+.u-bdrs-6 { border-radius: 6px !important; }
+.u-bdrs-100p { border-radius: 100% !important; }
+.u-c-i { color: inherit !important; }
+.u-c-white { color: #ffffff !important; }
+.u-c-silver { color: #dddddd !important; }
+.u-c-gray { color: #aaaaaa !important; }
+.u-c-black { color: #111111 !important; }
+.u-c-navy { color: #001f3f !important; }
+.u-c-blue { color: #0074d9 !important; }
+.u-c-aqua { color: #7fdbff !important; }
+.u-c-teal { color: #39cccc !important; }
+.u-c-olive { color: #3d9970 !important; }
+.u-c-green { color: #2ecc40 !important; }
+.u-c-lime { color: #01ff70 !important; }
+.u-c-yellow { color: #ffdc00 !important; }
+.u-c-orange { color: #ff851b !important; }
+.u-c-red { color: #ff4136 !important; }
+.u-c-maroon { color: #85144b !important; }
+.u-c-fuchsia { color: #f012be !important; }
+.u-c-purple { color: #b10dc9 !important; }
+.u-c-primary { color: #0275d8 !important; }
+.u-c-success { color: #5cb85c !important; }
+.u-c-info { color: #5bc0de !important; }
+.u-c-warning { color: #f0ad4e !important; }
+.u-c-danger { color: #d9534f !important; }
+.u-lis-n { list-style: none !important; }
+.u-lisp-i { list-style-position: inside !important; }
+.u-lisp-o { list-style-position: outside !important; }
+.u-list-n { list-style-type: none !important; }
+.u-list-d { list-style-type: disc !important; }
+.u-list-c { list-style-type: circle !important; }
+.u-list-s { list-style-type: square !important; }
+.u-list-dc { list-style-type: decimal !important; }
+.u-list-dclz { list-style-type: decimal-leading-zero !important; }
+.u-list-lr { list-style-type: lower-roman !important; }
+.u-list-ur { list-style-type: upper-roman !important; }
+.u-lisi-n { list-style-image: none !important; }
+.u-va-sup { vertical-align: super !important; }
+.u-va-t { vertical-align: top !important; }
+.u-va-tt { vertical-align: text-top !important; }
+.u-va-m { vertical-align: middle !important; }
+.u-va-bl { vertical-align: baseline !important; }
+.u-va-b { vertical-align: bottom !important; }
+.u-va-tb { vertical-align: text-bottom !important; }
+.u-va-sub { vertical-align: sub !important; }
+.u-ta-l { text-align: left !important; }
+.u-ta-c { text-align: center !important; }
+.u-ta-r { text-align: right !important; }
+.u-ta-j { text-align: justify !important; }
+.u-td-n { text-decoration: none !important; }
+.u-td-u { text-decoration: underline !important; }
+.u-td-o { text-decoration: overline !important; }
+.u-td-l { text-decoration: line-through !important; }
+.u-te-n { text-emphasis: none !important; }
+.u-te-ac { text-emphasis: accent !important; }
+.u-te-dt { text-emphasis: dot !important; }
+.u-te-c { text-emphasis: circle !important; }
+.u-te-ds { text-emphasis: disc !important; }
+.u-te-b { text-emphasis: before !important; }
+.u-te-a { text-emphasis: after !important; }
+.u-ti-0 { text-indent: 0 !important; }
+.u-ti-9999 { text-indent: -9999px !important; }
+.u-tov-e { text-overflow: ellipsis !important; }
+.u-tov-c { text-overflow: clip !important; }
+.u-tt-n { text-transform: none !important; }
+.u-tt-c { text-transform: capitalize !important; }
+.u-tt-u { text-transform: uppercase !important; }
+.u-tt-l { text-transform: lowercase !important; }
+.u-tsh-n { text-shadow: none !important; }
+.u-lh-nm { line-height: normal !important; }
+.u-lh-i { line-height: inherit !important; }
+.u-lh-0 { line-height: 0 !important; }
+.u-lh-1 { line-height: 1 !important; }
+.u-lh-2 { line-height: 2 !important; }
+.u-lh-3 { line-height: 3 !important; }
+.u-lh-4 { line-height: 4 !important; }
+.u-lh-5 { line-height: 5 !important; }
+.u-lh-6 { line-height: 6 !important; }
+.u-lh-xs { line-height: 1.25 !important; }
+.u-lh-sm { line-height: 1.33 !important; }
+.u-lh-md { line-height: 1.5 !important; }
+.u-lh-lg { line-height: 1.75 !important; }
+.u-lh-xl { line-height: 2 !important; }
+.u-whs-nm { white-space: normal !important; }
+.u-whs-p { white-space: pre !important; }
+.u-whs-nw { white-space: nowrap !important; }
+.u-whs-pw { white-space: pre-wrap !important; }
+.u-whs-pl { white-space: pre-line !important; }
+.u-wob-nm { word-break: normal !important; }
+.u-wob-k { word-break: keep-all !important; }
+.u-wob-ba { word-break: break-all !important; }
+.u-wow-nm { word-wrap: normal !important; }
+.u-wow-n { word-wrap: none !important; }
+.u-wow-u { word-wrap: unrestricted !important; }
+.u-wow-s { word-wrap: suppress !important; }
+.u-wow-bw { word-wrap: break-word !important; }
+.u-lts-nm { letter-spacing: normal !important; }
+.u-fw-nm { font-weight: normal !important; }
+.u-fw-b { font-weight: bold !important; }
+.u-fw-br { font-weight: bolder !important; }
+.u-fw-l { font-weight: 200 !important; }
+.u-fw-lr { font-weight: lighter !important; }
+.u-fw-100 { font-weight: 100 !important; }
+.u-fw-200 { font-weight: 200 !important; }
+.u-fw-300 { font-weight: 300 !important; }
+.u-fw-400 { font-weight: 400 !important; }
+.u-fw-500 { font-weight: 500 !important; }
+.u-fw-600 { font-weight: 600 !important; }
+.u-fw-700 { font-weight: 700 !important; }
+.u-fw-800 { font-weight: 800 !important; }
+.u-fw-900 { font-weight: 900 !important; }
+.u-fs-nm { font-style: normal !important; }
+.u-fs-i { font-style: italic !important; }
+.u-fs-o { font-style: oblique !important; }
+.u-fv-nm { font-variant: normal !important; }
+.u-fv-sc { font-variant: small-caps !important; }
+.u-fz-xs { font-size: 0.75rem !important; }
+.u-fz-sm { font-size: 0.875rem !important; }
+.u-fz-md { font-size: 1rem !important; }
+.u-fz-lg { font-size: 1.25rem !important; }
+.u-fz-xl { font-size: 1.5rem !important; }
+.u-fz-sr { font-size: smaller !important; }
+.u-fz-lr { font-size: larger !important; }
+.u-fz-0 { font-size: 0 !important; }
+.u-fz-10 { font-size: 10px !important; }
+.u-fz-11 { font-size: 11px !important; }
+.u-fz-12 { font-size: 12px !important; }
+.u-fz-13 { font-size: 13px !important; }
+.u-fz-14 { font-size: 14px !important; }
+.u-fz-15 { font-size: 15px !important; }
+.u-fz-16 { font-size: 16px !important; }
+.u-fz-17 { font-size: 17px !important; }
+.u-fz-18 { font-size: 18px !important; }
+.u-fz-19 { font-size: 19px !important; }
+.u-fz-20 { font-size: 20px !important; }
+.u-fz-h1 { font-size: 2.5rem !important; }
+.u-fz-h2 { font-size: 2rem !important; }
+.u-fz-h3 { font-size: 1.75rem !important; }
+.u-fz-h4 { font-size: 1.5rem !important; }
+.u-fz-h5 { font-size: 1.25rem !important; }
+.u-fz-h6 { font-size: 1rem !important; }
+.u-ff-s { font-family: serif !important; }
+.u-ff-ss { font-family: sans-serif !important; }
+.u-ff-c { font-family: cursive !important; }
+.u-ff-f { font-family: fantasy !important; }
+.u-ff-m { font-family: monospace !important; }
+.u-ff-a { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important; }
+.u-ff-t { font-family: "Times New Roman", Times, Baskerville, Georgia, serif !important; }
+.u-ff-v { font-family: Verdana, Geneva, sans-serif !important; }
+.u-ff-l { font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, "Helvetica Neue", Helvetica, sans-serif !important; }
+.u-ff-j { font-family: "Helvetica Neue", Helvetica, Arial, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important; }
+.u-op-0 { opacity: 0 !important; }
+.u-op-0_1 { opacity: 0.1 !important; }
+.u-op-0_2 { opacity: 0.2 !important; }
+.u-op-0_3 { opacity: 0.3 !important; }
+.u-op-0_4 { opacity: 0.4 !important; }
+.u-op-0_5 { opacity: 0.5 !important; }
+.u-op-0_6 { opacity: 0.6 !important; }
+.u-op-0_7 { opacity: 0.7 !important; }
+.u-op-0_8 { opacity: 0.8 !important; }
+.u-op-0_9 { opacity: 0.9 !important; }
+.u-op-1 { opacity: 1 !important; }
+.u-wfsm-a { -webkit-font-smoothing: antialiased !important; }
+.u-wfsm-sa { -webkit-font-smoothing: subpixel-antialiased !important; }
+.u-wfsm-n { -webkit-font-smoothing: none !important; }
+.u-tetr { max-width: 100% !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; word-wrap: normal !important; }
+.u-tehi { overflow: hidden !important; text-indent: 200% !important; white-space: nowrap !important; }
+.u-reli { list-style: none !important; padding-left: 0 !important; }
+.u-rsz-n { resize: none !important; }
+.u-rsz-b { resize: both !important; }
+.u-rsz-h { resize: horizontal !important; }
+.u-rsz-v { resize: vertical !important; }
+.u-cur-a { cursor: auto !important; }
+.u-cur-d { cursor: default !important; }
+.u-cur-c { cursor: crosshair !important; }
+.u-cur-ha { cursor: hand !important; }
+.u-cur-he { cursor: help !important; }
+.u-cur-m { cursor: move !important; }
+.u-cur-p { cursor: pointer !important; }
+.u-cur-t { cursor: text !important; }
+.u-obf-f { object-fit: fill !important; }
+.u-obf-ct { object-fit: contain !important; }
+.u-obf-cv { object-fit: cover !important; }
+.u-obf-n { object-fit: none !important; }
+.u-obf-sd { object-fit: scale-down !important; }