rpure-sass 0.1.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: ba9898d24cabf75fd314938d4c58f9f439c6bcae0079844472b0ae3079d0d67c
+  data.tar.gz: bef8b66392b9d83916dcf92ce49c4a76a963b5f99bf9a464a022bf9c42984882
+SHA512:
+  metadata.gz: 182bd4a583a626bb30e02b0f3e78eb5d2286a9f78a3792ba4885c800fbd0cd5268debec043cebdfdd7310377b74cee994fd2720a224a2b61dc9258e703dca757
+  data.tar.gz: f55473b0ac24b877f90b44fdca44755a415b1885c4337397ccab0b3af617ccf84272cc2cff4d28e042be25d4c3edb35b8689621c8c1ab16a4ce7b499e607d676

data/.gitignore

@@ -0,0 +1,17 @@
+/.bundle/
+/.yardoc
+/Gemfile.lock
+/_yardoc/
+/coverage/
+/doc/
+/pkg/
+/spec/reports/
+/tmp/
+
+# rspec failure tracking
+.rspec_status
+
+/.sass-cache/
+/spec/support/dummy_rails_app/log/
+/spec/support/dummy_rails_app/tmp/
+\.idea/

data/.rspec

@@ -0,0 +1,2 @@
+--format documentation
+--color

data/.travis.yml

@@ -0,0 +1,5 @@
+sudo: false
+language: ruby
+rvm:
+  - 2.3.3
+before_install: gem install bundler

data/Gemfile

@@ -0,0 +1,4 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in rpure-sass.gemspec
+gemspec

data/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2018 - Efrem Ropelato
+
+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/README.md

@@ -0,0 +1,18 @@
+# Rpure::Sass
+
+Master [![Build Status](https://travis-ci.org/efremropelato/rpure-sass.svg?branch=master)](https://travis-ci.org/efremropelato/rpure-sass) - Develop [![Build Status](https://travis-ci.org/efremropelato/rpure-sass.svg?branch=develop)](https://travis-ci.org/efremropelato/rpure-sass)
+
+Sass framework Pure.CSS based and ready to use in Ruby projects.
+
+[Instructions for Use](https://github.com/efremropelato/rpure-sass/wiki)
+> *TODO: finish to write the instructions for use.*
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'rpure-sass', :git => 'https://github.com/efremropelato/rpure-sass.git'
+```
+
+

data/Rakefile

@@ -0,0 +1,6 @@
+require "bundler/gem_tasks"
+require "rspec/core/rake_task"
+
+RSpec::Core::RakeTask.new(:spec)
+
+task :default => :spec

data/_config.yml

@@ -0,0 +1 @@
+theme: jekyll-theme-architect

data/assets/javascripts/rpure/modal.js

@@ -0,0 +1,258 @@
++function ($) {
+    'use strict';
+    var RpureModal = function (element, options) {
+        this.options = options;
+        this.$body = $(document.body);
+        this.$element = $(element);
+        this.$backdrop =
+            this.isShown = null;
+        this.scrollbarWidth = 0;
+
+        if (this.options.remote) {
+            this.$element
+                .find('.rpuremodal-content')
+                .load(this.options.remote, $.proxy(function () {
+                    this.$element.trigger('loaded.bs.rpuremodal')
+                }, this))
+        }
+    };
+
+    RpureModal.DEFAULTS = {
+        backdrop: true,
+        keyboard: true,
+        show: true
+    };
+
+    RpureModal.prototype.toggle = function (_relatedTarget) {
+        return this.isShown ? this.hide() : this.show(_relatedTarget)
+    };
+
+    RpureModal.prototype.show = function (_relatedTarget) {
+        var that = this;
+        var e = $.Event('show.bs.rpuremodal', {relatedTarget: _relatedTarget});
+
+        this.$element.trigger(e);
+
+        if (this.isShown || e.isDefaultPrevented()) return;
+
+        this.isShown = true;
+
+        this.checkScrollbar();
+        this.$body.addClass('rpuremodal-open');
+
+        this.setScrollbar();
+        this.escape();
+
+        this.$element.on('click.dismiss.bs.rpuremodal', '[data-dismiss="rpuremodal"]', $.proxy(this.hide, this));
+
+        this.backdrop(function () {
+            var transition = $.support.transition && that.$element.hasClass('fade');
+
+            if (!that.$element.parent().length) {
+                that.$element.appendTo(that.$body)
+            }
+
+            that.$element
+                .show()
+                .scrollTop(0);
+
+            if (transition) {
+                that.$element[0].offsetWidth
+            }
+
+            that.$element
+                .addClass('in')
+                .attr('aria-hidden', false);
+
+            that.enforceFocus();
+
+            var e = $.Event('shown.bs.rpuremodal', {relatedTarget: _relatedTarget});
+
+            transition ?
+                that.$element.find('.rpuremodal-dialog') // wait for rpuremodal to slide in
+                    .one('bsTransitionEnd', function () {
+                        that.$element.trigger('focus').trigger(e)
+                    })
+                    .emulateTransitionEnd(300) :
+                that.$element.trigger('focus').trigger(e)
+        })
+    };
+
+    RpureModal.prototype.hide = function (e) {
+        if (e) e.preventDefault();
+
+        e = $.Event('hide.bs.rpuremodal');
+
+        this.$element.trigger(e);
+
+        if (!this.isShown || e.isDefaultPrevented()) return;
+
+        this.isShown = false;
+
+        this.$body.removeClass('rpuremodal-open');
+
+        this.resetScrollbar();
+        this.escape();
+
+        $(document).off('focusin.bs.rpuremodal');
+
+        this.$element
+            .removeClass('in')
+            .attr('aria-hidden', true)
+            .off('click.dismiss.bs.rpuremodal');
+
+        $.support.transition && this.$element.hasClass('fade') ?
+            this.$element
+                .one('bsTransitionEnd', $.proxy(this.hideRpureModal, this))
+                .emulateTransitionEnd(300) :
+            this.hideRpureModal()
+    }
+
+    RpureModal.prototype.enforceFocus = function () {
+        $(document)
+            .off('focusin.bs.rpuremodal') // guard against infinite focus loop
+            .on('focusin.bs.rpuremodal', $.proxy(function (e) {
+                if (this.$element[0] !== e.target && !this.$element.has(e.target).length) {
+                    this.$element.trigger('focus')
+                }
+            }, this))
+    }
+
+    RpureModal.prototype.escape = function () {
+        if (this.isShown && this.options.keyboard) {
+            this.$element.on('keyup.dismiss.bs.rpuremodal', $.proxy(function (e) {
+                e.which == 27 && this.hide()
+            }, this))
+        } else if (!this.isShown) {
+            this.$element.off('keyup.dismiss.bs.rpuremodal')
+        }
+    }
+
+    RpureModal.prototype.hideRpureModal = function () {
+        var that = this
+        this.$element.hide()
+        this.backdrop(function () {
+            that.$element.trigger('hidden.bs.rpuremodal')
+        })
+    }
+
+    RpureModal.prototype.removeBackdrop = function () {
+        this.$backdrop && this.$backdrop.remove();
+        this.$backdrop = null
+    }
+
+    RpureModal.prototype.backdrop = function (callback) {
+        var that = this
+        var animate = this.$element.hasClass('fade') ? 'fade' : '';
+
+        if (this.isShown && this.options.backdrop) {
+            var doAnimate = $.support.transition && animate;
+
+            this.$backdrop = $('<div class="rpuremodal-backdrop ' + animate + '" />')
+                .appendTo(this.$body)
+
+            this.$element.on('click.dismiss.bs.rpuremodal', $.proxy(function (e) {
+                if (e.target !== e.currentTarget) return;
+                this.options.backdrop == 'static'
+                    ? this.$element[0].focus.call(this.$element[0])
+                    : this.hide.call(this)
+            }, this));
+
+            if (doAnimate) this.$backdrop[0].offsetWidth
+
+            this.$backdrop.addClass('in');
+
+            if (!callback) return;
+
+            doAnimate ?
+                this.$backdrop
+                    .one('bsTransitionEnd', callback)
+                    .emulateTransitionEnd(150) :
+                callback()
+
+        } else if (!this.isShown && this.$backdrop) {
+            this.$backdrop.removeClass('in');
+
+            var callbackRemove = function () {
+                that.removeBackdrop();
+                callback && callback()
+            };
+            $.support.transition && this.$element.hasClass('fade') ?
+                this.$backdrop
+                    .one('bsTransitionEnd', callbackRemove)
+                    .emulateTransitionEnd(150) :
+                callbackRemove()
+
+        } else if (callback) {
+            callback()
+        }
+    };
+
+    RpureModal.prototype.checkScrollbar = function () {
+        if (document.body.clientWidth >= window.innerWidth) return;
+        this.scrollbarWidth = this.scrollbarWidth || this.measureScrollbar()
+    };
+
+    RpureModal.prototype.setScrollbar = function () {
+        var bodyPad = parseInt((this.$body.css('padding-right') || 0), 10);
+        if (this.scrollbarWidth) this.$body.css('padding-right', bodyPad + this.scrollbarWidth)
+    };
+
+    RpureModal.prototype.resetScrollbar = function () {
+        this.$body.css('padding-right', '')
+    };
+
+    RpureModal.prototype.measureScrollbar = function () {
+        var scrollDiv = document.createElement('div');
+        scrollDiv.className = 'rpuremodal-scrollbar-measure';
+        this.$body.append(scrollDiv);
+        var scrollbarWidth = scrollDiv.offsetWidth - scrollDiv.clientWidth;
+        this.$body[0].removeChild(scrollDiv);
+        return scrollbarWidth
+    }
+
+    function Plugin(option, _relatedTarget) {
+        return this.each(function () {
+            var $this = $(this);
+            var data = $this.data('bs.rpuremodal');
+            var options = $.extend({}, RpureModal.DEFAULTS, $this.data(), typeof option == 'object' && option);
+
+            if (!data) $this.data('bs.rpuremodal', (data = new RpureModal(this, options)));
+            if (typeof option == 'string') data[option](_relatedTarget);
+            else if (options.show) data.show(_relatedTarget)
+        })
+    }
+
+    var old = $.fn.rpuremodal;
+
+    $.fn.rpuremodal = Plugin;
+    $.fn.rpuremodal.Constructor = RpureModal;
+
+    $.fn.rpuremodal.noConflict = function () {
+        $.fn.rpuremodal = old;
+        return this
+    };
+
+    $(document).on('click.bs.rpuremodal.data-api', '[data-toggle="rpuremodal"]', function (e) {
+        var $this = $(this);
+        var href = $this.attr('href');
+        var $target = $($this.attr('data-target') || (href && href.replace(/.*(?=#[^\s]+$)/, ''))); // strip for ie7
+        var option = $target.data('bs.rpuremodal') ? 'toggle' : $.extend({remote: !/#/.test(href) && href}, $target.data(), $this.data());
+
+        if ($this.is('a')) e.preventDefault();
+
+        $target.one('show.bs.rpuremodal', function (showEvent) {
+            if (showEvent.isDefaultPrevented()) return; // only register focus restorer if rpuremodal will actually get shown
+            $target.one('hidden.bs.rpuremodal', function () {
+                $this.is(':visible') && $this.trigger('focus')
+            })
+        });
+        Plugin.call($target, option, this)
+    });
+
+    $(".rpuremodal-wide").on("show.bs.rpuremodal", function () {
+        var height = $(window).height() - 200;
+        $(this).find(".rpuremodal-body").css("max-height", height);
+    });
+
+}(jQuery);

data/assets/javascripts/rpure.js

@@ -0,0 +1 @@
+//= require ./rpure/modal

data/assets/stylesheets/rpure/_base.scss

@@ -0,0 +1,204 @@
+html {
+  //fonts-family: $roboto-slab;
+  font-family: $open-sans;
+  -ms-text-size-adjust: 100%;
+  -webkit-text-size-adjust: 100%;
+}
+
+body {
+  margin: 0;
+}
+
+article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
+  display: block;
+}
+
+audio, canvas, progress, video {
+  display: inline-block;
+  vertical-align: baseline;
+}
+
+audio:not([controls]) {
+  display: none;
+  height: 0;
+}
+
+[hidden], template {
+  display: none;
+}
+
+a {
+  background-color: transparent;
+  &:active, &:hover {
+    outline: 0;
+  }
+}
+
+abbr[title] {
+  border-bottom: 1px dotted;
+}
+
+b, strong {
+  font-weight: bold;
+}
+
+dfn {
+  font-style: italic;
+}
+
+h1 {
+  font-size: 2em;
+  margin: 0.67em 0;
+}
+
+mark {
+  background: #ff0;
+  color: #000;
+}
+
+small {
+  font-size: 80%;
+}
+
+sub {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+  top: -0.5em;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+img {
+  border: 0;
+}
+
+svg:not(:root) {
+  overflow: hidden;
+}
+
+figure {
+  margin: 1em 40px;
+}
+
+hr {
+  box-sizing: content-box;
+  height: 0;
+}
+
+pre {
+  overflow: auto;
+}
+
+code, kbd, pre, samp {
+  font-family: monospace, monospace;
+  font-size: 1em;
+}
+
+button, input, optgroup, select, textarea {
+  color: inherit;
+  font: inherit;
+  margin: 0;
+}
+
+button {
+  overflow: visible;
+  text-transform: none;
+}
+
+select {
+  text-transform: none;
+}
+
+button, html input[type="button"] {
+  -webkit-appearance: button;
+  cursor: pointer;
+}
+
+input {
+  &[type="reset"], &[type="submit"] {
+    -webkit-appearance: button;
+    cursor: pointer;
+  }
+}
+
+button[disabled], html input[disabled] {
+  cursor: default;
+}
+
+button::-moz-focus-inner {
+  border: 0;
+  padding: 0;
+}
+
+input {
+  &::-moz-focus-inner {
+    border: 0;
+    padding: 0;
+  }
+  line-height: normal;
+  &[type="checkbox"], &[type="radio"] {
+    box-sizing: border-box;
+    padding: 0;
+  }
+  &[type="number"] {
+    &::-webkit-inner-spin-button, &::-webkit-outer-spin-button {
+      height: auto;
+    }
+  }
+  &[type="search"] {
+    -webkit-appearance: textfield;
+    box-sizing: content-box;
+    &::-webkit-search-cancel-button, &::-webkit-search-decoration {
+      -webkit-appearance: none;
+    }
+  }
+}
+
+fieldset {
+  border: 1px solid #c0c0c0;
+  margin: 0 2px;
+  padding: 0.35em 0.625em 0.75em;
+}
+
+legend {
+  border: 0;
+  padding: 0;
+}
+
+textarea {
+  overflow: auto;
+}
+
+optgroup {
+  font-weight: bold;
+}
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
+td, th {
+  padding: 0;
+}
+
+.hidden, [hidden] {
+  display: none !important;
+}
+
+.rpure-img {
+  max-width: 100%;
+  height: auto;
+  display: block;
+}