rpure-sass 0.1.1

data/assets/stylesheets/rpure/_grids.scss

@@ -0,0 +1,190 @@
+.rpure-g {
+  letter-spacing: -0.31em;
+  *letter-spacing: normal;
+  *word-spacing: -0.43em;
+  text-rendering: optimizespeed;
+  font-family: $roboto-slab;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-flow: row wrap;
+  -ms-flex-flow: row wrap;
+  flex-flow: row wrap;
+  -webkit-align-content: flex-start;
+  -ms-flex-line-pack: start;
+  align-content: flex-start;
+}
+
+@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+  table .rpure-g {
+    display: block;
+  }
+}
+
+.opera-only :-o-prefocus, .rpure-g {
+  word-spacing: -0.43em;
+}
+
+.rpure-u {
+  display: inline-block;
+  *display: inline;
+  zoom: 1;
+  letter-spacing: normal;
+  word-spacing: normal;
+  vertical-align: top;
+  text-rendering: auto;
+}
+
+.rpure-g [class*="rpure-u"] {
+  font-family: sans-serif;
+}
+
+.rpure-u-1, .rpure-u-1-1, .rpure-u-1-2, .rpure-u-1-3, .rpure-u-2-3, .rpure-u-1-4, .rpure-u-3-4, .rpure-u-1-5, .rpure-u-2-5, .rpure-u-3-5, .rpure-u-4-5, .rpure-u-5-5, .rpure-u-1-6, .rpure-u-5-6, .rpure-u-1-8, .rpure-u-3-8, .rpure-u-5-8, .rpure-u-7-8, .rpure-u-1-12, .rpure-u-5-12, .rpure-u-7-12, .rpure-u-11-12, .rpure-u-1-24, .rpure-u-2-24, .rpure-u-3-24, .rpure-u-4-24, .rpure-u-5-24, .rpure-u-6-24, .rpure-u-7-24, .rpure-u-8-24, .rpure-u-9-24, .rpure-u-10-24, .rpure-u-11-24, .rpure-u-12-24, .rpure-u-13-24, .rpure-u-14-24, .rpure-u-15-24, .rpure-u-16-24, .rpure-u-17-24, .rpure-u-18-24, .rpure-u-19-24, .rpure-u-20-24, .rpure-u-21-24, .rpure-u-22-24, .rpure-u-23-24, .rpure-u-24-24 {
+  display: inline-block;
+  *display: inline;
+  zoom: 1;
+  letter-spacing: normal;
+  word-spacing: normal;
+  vertical-align: top;
+  text-rendering: auto;
+}
+
+.rpure-u-1-24 {
+  width: 4.1667%;
+  *width: 4.1357%;
+}
+
+.rpure-u-1-12, .rpure-u-2-24 {
+  width: 8.3333%;
+  *width: 8.3023%;
+}
+
+.rpure-u-1-8, .rpure-u-3-24 {
+  width: 12.5000%;
+  *width: 12.4690%;
+}
+
+.rpure-u-1-6, .rpure-u-4-24 {
+  width: 16.6667%;
+  *width: 16.6357%;
+}
+
+.rpure-u-1-5 {
+  width: 20%;
+  *width: 19.9690%;
+}
+
+.rpure-u-5-24 {
+  width: 20.8333%;
+  *width: 20.8023%;
+}
+
+.rpure-u-1-4, .rpure-u-6-24 {
+  width: 25%;
+  *width: 24.9690%;
+}
+
+.rpure-u-7-24 {
+  width: 29.1667%;
+  *width: 29.1357%;
+}
+
+.rpure-u-1-3, .rpure-u-8-24 {
+  width: 33.3333%;
+  *width: 33.3023%;
+}
+
+.rpure-u-3-8, .rpure-u-9-24 {
+  width: 37.5000%;
+  *width: 37.4690%;
+}
+
+.rpure-u-2-5 {
+  width: 40%;
+  *width: 39.9690%;
+}
+
+.rpure-u-5-12, .rpure-u-10-24 {
+  width: 41.6667%;
+  *width: 41.6357%;
+}
+
+.rpure-u-11-24 {
+  width: 45.8333%;
+  *width: 45.8023%;
+}
+
+.rpure-u-1-2, .rpure-u-12-24 {
+  width: 50%;
+  *width: 49.9690%;
+}
+
+.rpure-u-13-24 {
+  width: 54.1667%;
+  *width: 54.1357%;
+}
+
+.rpure-u-7-12, .rpure-u-14-24 {
+  width: 58.3333%;
+  *width: 58.3023%;
+}
+
+.rpure-u-3-5 {
+  width: 60%;
+  *width: 59.9690%;
+}
+
+.rpure-u-5-8, .rpure-u-15-24 {
+  width: 62.5000%;
+  *width: 62.4690%;
+}
+
+.rpure-u-2-3, .rpure-u-16-24 {
+  width: 66.6667%;
+  *width: 66.6357%;
+}
+
+.rpure-u-17-24 {
+  width: 70.8333%;
+  *width: 70.8023%;
+}
+
+.rpure-u-3-4, .rpure-u-18-24 {
+  width: 75%;
+  *width: 74.9690%;
+}
+
+.rpure-u-19-24 {
+  width: 79.1667%;
+  *width: 79.1357%;
+}
+
+.rpure-u-4-5 {
+  width: 80%;
+  *width: 79.9690%;
+}
+
+.rpure-u-5-6, .rpure-u-20-24 {
+  width: 83.3333%;
+  *width: 83.3023%;
+}
+
+.rpure-u-7-8, .rpure-u-21-24 {
+  width: 87.5000%;
+  *width: 87.4690%;
+}
+
+.rpure-u-11-12, .rpure-u-22-24 {
+  width: 91.6667%;
+  *width: 91.6357%;
+}
+
+.rpure-u-23-24 {
+  width: 95.8333%;
+  *width: 95.8023%;
+}
+
+.rpure-u-1, .rpure-u-1-1, .rpure-u-5-5, .rpure-u-24-24 {
+  width: 100%;
+}

data/assets/stylesheets/rpure/_menus.scss

@@ -0,0 +1,176 @@
+.rpure-menu {
+  box-sizing: border-box;
+}
+
+.rpure-menu-fixed {
+  position: fixed;
+  left: 0;
+  top: 0;
+  z-index: 3;
+}
+
+.rpure-menu-list, .rpure-menu-item {
+  position: relative;
+}
+
+.rpure-menu-list {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+.rpure-menu-item {
+  padding: 0;
+  margin: 0;
+  height: 100%;
+}
+
+.rpure-menu-link, .rpure-menu-heading {
+  display: block;
+  text-decoration: none;
+  white-space: nowrap;
+}
+
+.rpure-menu-horizontal {
+  width: 100%;
+  white-space: nowrap;
+
+  .rpure-menu-list {
+    display: inline-block;
+  }
+
+  .rpure-menu-item, .rpure-menu-heading, .rpure-menu-separator {
+    display: inline-block;
+    *display: inline;
+    zoom: 1;
+    vertical-align: middle;
+  }
+}
+
+.rpure-menu-item .rpure-menu-item {
+  display: block;
+}
+
+.rpure-menu-children {
+  display: none;
+  position: absolute;
+  left: 100%;
+  top: 0;
+  margin: 0;
+  padding: 0;
+  z-index: 3;
+}
+
+.rpure-menu-horizontal .rpure-menu-children {
+  left: 0;
+  top: auto;
+  width: inherit;
+}
+
+.rpure-menu-allow-hover:hover > .rpure-menu-children, .rpure-menu-active > .rpure-menu-children {
+  display: block;
+  position: absolute;
+}
+
+.rpure-menu-has-children > .rpure-menu-link:after {
+  padding-left: 0.5em;
+  content: "\25B8";
+  font-size: small;
+}
+
+.rpure-menu-horizontal .rpure-menu-has-children > .rpure-menu-link:after {
+  content: "\25BE";
+}
+
+.rpure-menu-scrollable {
+  overflow-y: scroll;
+  overflow-x: hidden;
+
+  .rpure-menu-list {
+    display: block;
+  }
+}
+
+.rpure-menu-horizontal.rpure-menu-scrollable {
+  .rpure-menu-list {
+    display: inline-block;
+  }
+
+  white-space: nowrap;
+  overflow-y: hidden;
+  overflow-x: auto;
+  -ms-overflow-style: none;
+  -webkit-overflow-scrolling: touch;
+  padding: .5em 0;
+  &::-webkit-scrollbar {
+    display: none;
+  }
+}
+
+.rpure-menu-separator {
+  background-color: #ccc;
+  height: 1px;
+  margin: .3em 0;
+}
+
+.rpure-menu-horizontal {
+  .rpure-menu-children .rpure-menu-separator {
+    background-color: #ccc;
+    height: 1px;
+    margin: .3em 0;
+  }
+
+  .rpure-menu-separator {
+    width: 1px;
+    height: 1.3em;
+    margin: 0 0.3em;
+  }
+
+  .rpure-menu-children .rpure-menu-separator {
+    display: block;
+    width: auto;
+  }
+}
+
+.rpure-menu-heading {
+  text-transform: uppercase;
+  color: #565d64;
+}
+
+.rpure-menu-link {
+  color: #777;
+}
+
+.rpure-menu-children {
+  background-color: #fff;
+}
+
+.rpure-menu-link, .rpure-menu-disabled, .rpure-menu-heading {
+  padding: .5em 1em;
+}
+
+.rpure-menu-disabled {
+  opacity: .5;
+
+  .rpure-menu-link:hover {
+    background-color: transparent;
+  }
+}
+
+.rpure-menu-active > .rpure-menu-link {
+  background-color: #eee;
+}
+
+.rpure-menu-link {
+  &:hover, &:focus {
+    background-color: #eee;
+  }
+}
+
+.rpure-menu-selected .rpure-menu-link {
+  color: #000;
+
+  &:visited {
+    color: #000;
+  }
+}

data/assets/stylesheets/rpure/_modals.scss

@@ -0,0 +1,164 @@
+.rpuremodal-open {
+  overflow: hidden;
+}
+
+.rpuremodal {
+  display: none;
+  overflow: hidden;
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1050;
+  -webkit-overflow-scrolling: touch;
+  outline: 0;
+  &.fade .rpuremodal-dialog {
+    -webkit-transform: translate(0, -25%);
+    -ms-transform: translate(0, -25%);
+    -o-transform: translate(0, -25%);
+    transform: translate(0, -25%);
+    -webkit-transition: -webkit-transform 0.3s ease-out;
+    -moz-transition: -moz-transform 0.3s ease-out;
+    -o-transition: -o-transform 0.3s ease-out;
+    transition: transform 0.3s ease-out;
+  }
+  &.in .rpuremodal-dialog {
+    -webkit-transform: translate(0, 0);
+    -ms-transform: translate(0, 0);
+    -o-transform: translate(0, 0);
+    transform: translate(0, 0);
+  }
+}
+
+.rpuremodal-open .rpuremodal {
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+
+.rpuremodal-dialog {
+  position: relative;
+  width: auto;
+  margin: 10px;
+}
+
+.rpuremodal-content {
+  position: relative;
+  background-color: white;
+  border: 1px solid transparent;
+  border: 1px solid transparent;
+  border-radius: 0;
+  -webkit-box-shadow: (0 3px 9px rgba(0, 0, 0, .5));
+  box-shadow: (0 3px 9px rgba(0, 0, 0, .5));
+  background-clip: padding-box;
+
+  outline: 0;
+}
+
+.rpuremodal-backdrop {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1040;
+  background-color: white;
+  &.fade {
+    opacity: 0;
+    $opacity-ie: (0 * 100);
+    filter: alpha(opacity=$opacity-ie);
+  }
+  &.in {
+    opacity: .5;
+    $opacity-ie: (.5 * 100);
+    filter: alpha(opacity=$opacity-ie);
+  }
+}
+
+.rpuremodal-header {
+  padding: 15px;
+  border-bottom: 1px solid white;
+  &:before,
+  &:after {
+    content: " ";
+    display: table;
+  }
+  &:after {
+    clear: both;
+  }
+}
+
+.rpuremodal-header .close {
+  margin-top: -2px;
+}
+
+.rpuremodal-title {
+  margin: 0;
+  line-height: 1.428571429;
+}
+
+.rpuremodal-body {
+  position: relative;
+  padding: 20px;
+}
+
+.rpuremodal-footer {
+  padding: 20px;
+  text-align: right;
+  border-top: 1px solid white;
+  &:before,
+  &:after {
+    content: " ";
+    display: table;
+  }
+  &:after {
+    clear: both;
+  }
+  .btn + .btn {
+    margin-left: 5px;
+    margin-bottom: 0;
+  }
+  .btn-group .btn + .btn {
+    margin-left: -1px;
+  }
+
+  .btn-block + .btn-block {
+    margin-left: 0;
+  }
+}
+
+.rpuremodal-scrollbar-measure {
+  position: absolute;
+  top: -9999px;
+  width: 50px;
+  height: 50px;
+  overflow: scroll;
+}
+
+@media (min-width: 768px) {
+  .rpuremodal-dialog {
+    width: 600px;
+    margin: 30px auto;
+  }
+  .rpuremodal-content {
+    -webkit-box-shadow: (0 5px 15px rgba(0, 0, 0, .5));
+    box-shadow: (0 5px 15px rgba(0, 0, 0, .5));
+  }
+  .rpuremodal-sm {
+    width: 300px;
+  }
+}
+
+@media (min-width: 992px) {
+  .rpuremodal-lg {
+    width: 900px;
+  }
+}
+
+.rpuremodal .rpuremodal-wide .rpuremodal-dialog {
+  width: 70%;
+}
+
+.rpuremodal-wide .rpuremodal-body {
+  overflow-y: auto;
+}

data/assets/stylesheets/rpure/_tables.scss

@@ -0,0 +1,55 @@
+.rpure-table {
+  border-collapse: collapse;
+  border-spacing: 0;
+  empty-cells: show;
+  border: 1px solid #cbcbcb;
+  caption {
+    color: #000;
+    font: italic 85%/1 arial, sans-serif;
+    padding: 1em 0;
+    text-align: center;
+  }
+  td, th {
+    border-left: 1px solid #cbcbcb;
+    border-width: 0 0 0 1px;
+    font-size: inherit;
+    margin: 0;
+    overflow: visible;
+    padding: 0.5em 1em;
+  }
+  td:first-child, th:first-child {
+    border-left-width: 0;
+  }
+  thead {
+    background-color: #e0e0e0;
+    color: #000;
+    text-align: left;
+    vertical-align: bottom;
+  }
+  td {
+    background-color: transparent;
+  }
+}
+
+.rpure-table-odd td, .rpure-table-striped tr:nth-child(2n-1) td {
+  background-color: #f2f2f2;
+}
+
+.rpure-table-bordered {
+  td {
+    border-bottom: 1px solid #cbcbcb;
+  }
+  tbody > tr:last-child > td {
+    border-bottom-width: 0;
+  }
+}
+
+.rpure-table-horizontal {
+  td, th {
+    border-width: 0 0 1px 0;
+    border-bottom: 1px solid #cbcbcb;
+  }
+  tbody > tr:last-child > td {
+    border-bottom-width: 0;
+  }
+}

data/assets/stylesheets/rpure.scss

@@ -0,0 +1,18 @@
+// Google Fonts
+@font-face {
+  font-family: 'Droid Sans';
+  src:url(asset-path("../assets/DroidSans.ttf")) format("truetype");
+}
+
+// Font Variables
+$roboto-slab: 'Droid Sans', serif;
+$open-sans:  'Droid Sans', sans-serif;
+
+@import 'rpure/base';
+@import 'rpure/buttons';
+@import 'rpure/forms';
+@import 'rpure/grids';
+@import 'rpure/grids-responsive';
+@import 'rpure/menus';
+@import 'rpure/tables';
+@import 'rpure/modals';

data/bin/console

@@ -0,0 +1,6 @@
+#!/usr/bin/env ruby
+
+require 'bundler/setup'
+require 'rpure-sass'
+require 'irb'
+IRB.start

data/bin/setup

@@ -0,0 +1,8 @@
+#!/usr/bin/env bash
+set -euo pipefail
+IFS=$'\n\t'
+set -vx
+
+bundle install
+
+# Do any other automated setup that you need to do here

data/lib/rpure/sass/engine.rb

@@ -0,0 +1,13 @@
+module Rpure
+  module Sass
+    module Rails
+      class Engine < ::Rails::Engine
+        initializer 'rpure-sass.assets.precompile' do |app|
+          app.config.assets.paths << root.join('assets/stylesheets').to_s
+          app.config.assets.paths << root.join('assets/javascripts').to_s
+          app.config.assets.paths << root.join('assets/fonts').to_s
+        end
+      end
+    end
+  end
+end

data/lib/rpure/sass/version.rb

@@ -0,0 +1,5 @@
+module Rpure
+  module Sass
+    VERSION = '0.1.1'.freeze
+  end
+end

data/lib/rpure-sass.rb

@@ -0,0 +1,41 @@
+module Rpure
+  module Sass
+    class << self
+      def load!
+        if defined?(::Rails)
+          register_rails_engine
+        elsif defined?(::Sprockets)
+          register_sprockets
+        end
+
+        configure_sass
+      end
+
+      def gem_path
+        @gem_path ||= File.expand_path('..', File.dirname(__FILE__))
+      end
+
+      def stylesheets_path
+        File.join(gem_path, 'assets/stylesheets')
+      end
+
+      private
+
+      def configure_sass
+        require 'sass'
+
+        ::Sass.load_paths << stylesheets_path
+      end
+
+      def register_rails_engine
+        require 'rpure/sass/engine'
+      end
+
+      def register_sprockets
+        Sprockets.append_path(stylesheets_path)
+      end
+    end
+  end
+end
+
+Rpure::Sass.load!

data/renovate.json

@@ -0,0 +1,5 @@
+{
+  "extends": [
+    "config:base"
+  ]
+}

data/rpure-sass.gemspec

@@ -0,0 +1,29 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'rpure/sass/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = 'rpure-sass'
+  spec.version       = Rpure::Sass::VERSION
+  spec.authors       = ['Efrem Ropelato']
+  spec.email         = ['efrem.ropelato@gmail.com']
+
+  spec.summary       = 'Sass framework Pure.CSS based and ready to use in Ruby projects'
+  spec.description   = 'Sass framework Pure.CSS based and ready to use in Ruby projects'
+  spec.homepage      = "https://efremropelato.github.io/rpure-sass/"
+  spec.license       = 'MIT'
+
+  spec.files         = `git ls-files -z`.split("\x0").reject { |f| f.match(%r{^(test|spec|features)/}) }
+  spec.bindir        = 'exe'
+  spec.executables   = spec.files.grep(%r{^exe/}) { |f| File.basename(f) }
+  spec.require_paths = ['lib']
+
+  spec.required_ruby_version = '>= 2.0.0'
+
+  spec.add_runtime_dependency 'sass', '>= 3.4'
+
+  spec.add_development_dependency 'railties', '>= 5.0'
+  spec.add_development_dependency 'rspec', '>= 3.5'
+  spec.add_development_dependency 'sprockets-rails', '>= 3.0'
+end