cactu 0.1.2 → 0.18.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
-SHA1:
-  metadata.gz: a696a70e64945af1855d902dfba2bc839584feb6
-  data.tar.gz: d048a50cb77f840229ac29d232ce79d0248e7877
+SHA256:
+  metadata.gz: 40025d47df7a954efd91f6f341d4e83323393d3057174b32dd3cdcd9d7fd638c
+  data.tar.gz: f480150fa0d7345348d3ce731b704f6678557a4187d91ca3ad9fec3bebc6772c
 SHA512:
-  metadata.gz: aa12e8091d8e5f01e054c83e4a5e1d30e8e72f221aeadcd7ae8a262932781858015a60995de1d807220e61be0bc98c76c58b52ac175fb793ea63a435e5632b75
-  data.tar.gz: deecb1a81cdd07c9c269497898ea296b269bfd1c7c78196d4d9da248dc31a4c8229cde6f69927d8486843bbb21abb9899a112f96b6b182024f8918fdea452995
+  metadata.gz: 24e1a1c1e9e14b911e64408825d9d79bd5a03193389f66455aaf106416c717c3c3d3f55674acf9da6b37444349804d636150d2d6a9a6ae88322a2e7b829b2eb2
+  data.tar.gz: eb399336df4dd84cbe692f339b2c4658fa3546bc120cf2bbcfa65b3f6f8bc4f26ebb62eff5ee3d19128565cf6ceae1f9659110310a8fa93c47223af2fee6ea83

data/.gitignore

@@ -1,17 +1,12 @@
+/.bundle/
+/.yardoc
+/_yardoc/
+/coverage/
+/doc/
+/pkg/
+/spec/reports/
+/tmp/
+*.DS_Store
 *.gem
 *.rbc
-.bundle
-.config
-.yardoc
-Gemfile.lock
-InstalledFiles
-_yardoc
-coverage
-doc/
-lib/bundler/man
-pkg
-rdoc
-spec/reports
-test/tmp
-test/version_tmp
-tmp
+Gemfile.lock

data/.travis.yml

@@ -0,0 +1,7 @@
+---
+sudo: false
+language: ruby
+cache: bundler
+rvm:
+  - 2.5.1
+before_install: gem install bundler -v 1.16.4

data/CODE_OF_CONDUCT.md

@@ -0,0 +1,74 @@
+# Contributor Covenant Code of Conduct
+
+## Our Pledge
+
+In the interest of fostering an open and welcoming environment, we as
+contributors and maintainers pledge to making participation in our project and
+our community a harassment-free experience for everyone, regardless of age, body
+size, disability, ethnicity, gender identity and expression, level of experience,
+nationality, personal appearance, race, religion, or sexual identity and
+orientation.
+
+## Our Standards
+
+Examples of behavior that contributes to creating a positive environment
+include:
+
+* Using welcoming and inclusive language
+* Being respectful of differing viewpoints and experiences
+* Gracefully accepting constructive criticism
+* Focusing on what is best for the community
+* Showing empathy towards other community members
+
+Examples of unacceptable behavior by participants include:
+
+* The use of sexualized language or imagery and unwelcome sexual attention or
+advances
+* Trolling, insulting/derogatory comments, and personal or political attacks
+* Public or private harassment
+* Publishing others' private information, such as a physical or electronic
+  address, without explicit permission
+* Other conduct which could reasonably be considered inappropriate in a
+  professional setting
+
+## Our Responsibilities
+
+Project maintainers are responsible for clarifying the standards of acceptable
+behavior and are expected to take appropriate and fair corrective action in
+response to any instances of unacceptable behavior.
+
+Project maintainers have the right and responsibility to remove, edit, or
+reject comments, commits, code, wiki edits, issues, and other contributions
+that are not aligned to this Code of Conduct, or to ban temporarily or
+permanently any contributor for other behaviors that they deem inappropriate,
+threatening, offensive, or harmful.
+
+## Scope
+
+This Code of Conduct applies both within project spaces and in public spaces
+when an individual is representing the project or its community. Examples of
+representing a project or community include using an official project e-mail
+address, posting via an official social media account, or acting as an appointed
+representative at an online or offline event. Representation of a project may be
+further defined and clarified by project maintainers.
+
+## Enforcement
+
+Instances of abusive, harassing, or otherwise unacceptable behavior may be
+reported by contacting the project team at mendozagioo@gmail.com. All
+complaints will be reviewed and investigated and will result in a response that
+is deemed necessary and appropriate to the circumstances. The project team is
+obligated to maintain confidentiality with regard to the reporter of an incident.
+Further details of specific enforcement policies may be posted separately.
+
+Project maintainers who do not follow or enforce the Code of Conduct in good
+faith may face temporary or permanent repercussions as determined by other
+members of the project's leadership.
+
+## Attribution
+
+This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4,
+available at [http://contributor-covenant.org/version/1/4][version]
+
+[homepage]: http://contributor-covenant.org
+[version]: http://contributor-covenant.org/version/1/4/

data/Gemfile

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

data/{LICENSE.txt → LICENSE}

@@ -1,4 +1,4 @@
-Copyright (c) 2013 Giovanni Mendoza
+Copyright (c) 2018 Giovanni Mendoza
 
 MIT License
 

data/README.md

@@ -1,42 +1,72 @@
 # Cactu
 
-### A CSS library to help us to create webs easily
+[![Gem version](https://img.shields.io/gem/v/cactu.svg)](https://rubygems.org/gems/cactu)
 
-Cactu is a CSS library created to help any developer to create web pages
-very quickly and an easy way
+Cactu is a Sass framework to create webs easily, created to be simple, semantic, fast to learn, customizable, and scalable.
 
 ## Installation
 
+### Ruby on Rails
+
 Add this line to your application's Gemfile:
 
-    gem 'cactu'
+```ruby
+gem 'cactu', '~> 0.18.0'
+```
+
+Ensure that `sprockets-rails` is at least v2.3.2.
 
 And then execute:
 
     $ bundle
 
-Or install it yourself as:
+Import Cactu styles in app/assets/stylesheets/application.scss:
+
+    // Custom Cactu global-variables (if you need it) *before* Cactu.
+    @import "cactu";
+
+Make sure the file has `.scss`. If you have just generated a new Rails app, it may come with a `.css` file instead. If this file exists, it will be served instead of Sass, so rename it:
+
+    $ mv app/assets/stylesheets/application.css app/assets/stylesheets/application.scss
+
+Then, remove all the `*= require` and `*= require_tree` statements from the Sass file. Instead, use @import to import Sass files.
+
+If you use `*= require` in Sass or your other stylesheets, you will not be able to access the Cactu framework.
+
+
+### Another Ruby framework
+
+Type this in your terminal:
 
     $ gem install cactu
 
+
 ## Usage
 
-Rename you `application.css` file to `application.css.scss`:
+Go for [Documentation](http://cactu.site/documentation/getting-started/introduction/) to know more about the Cactu's usage.
 
-    mv app/assets/stylesheets/application.css app/assets/stylesheets/application.css.scss
 
-Delete the sprocket directive in `application.css.scss`:
+## Development
 
-    *= require_tree .
+After checking out the repo, run `bin/setup` to install dependencies. Then, run `rake test` to run the tests. You can also run `bin/console` for an interactive prompt that will allow you to experiment.
 
-Import Cactu to `application.css.scss` file:
+To install this gem onto your local machine, run `bundle exec rake install`. To release a new version, update the version number in `version.rb`, and then run `bundle exec rake release`, which will create a git tag for the version, push git commits and tags, and push the `.gem` file to [rubygems.org](https://rubygems.org).
 
-    @import 'cactu';
 
 ## Contributing
 
-1. Fork it
-2. Create your feature branch (`git checkout -b my-new-feature`)
-3. Commit your changes (`git commit -am 'Add some feature'`)
-4. Push to the branch (`git push origin my-new-feature`)
-5. Create new Pull Request
+Bug reports and pull requests are welcome on GitHub at https://github.com/mendozagioo/cactu-ruby. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](http://contributor-covenant.org) code of conduct.
+
+
+## Code of Conduct
+
+Everyone interacting in the Cactu project’s codebases, issue trackers, chat rooms and mailing lists is expected to follow the [code of conduct](https://github.com/mendozagioo/cactu/blob/master/CODE_OF_CONDUCT.md).
+
+
+## Author
+[Giovanni Mendoza](http://mendozagioo.github.io/)
+
+
+## Copyright and license
+
+Code released under the [MIT License](https://github.com/mendozagioo/cactu-ruby/blob/master/LICENSE)

data/Rakefile

@@ -1 +1,10 @@
 require "bundler/gem_tasks"
+require "rake/testtask"
+
+Rake::TestTask.new(:test) do |t|
+  t.libs << "test"
+  t.libs << "lib"
+  t.test_files = FileList["test/**/*_test.rb"]
+end
+
+task :default => :test

data/assets/stylesheets/base/_blocks.scss

@@ -0,0 +1,24 @@
+//
+// Blocks
+// --------------------------------------------------
+
+
+%flex-wrap-center {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+}
+
+%shape-base {
+  content: "";
+  display: inline-block;
+  width: 0;
+  height: 0;
+  vertical-align: middle;
+}
+
+%shape-block {
+  content: "";
+  display: block;
+  width: 100%;
+}

data/assets/stylesheets/base/_global-variables.scss

@@ -0,0 +1,62 @@
+//
+// Variables
+// --------------------------------------------------
+
+
+// Colors
+//
+$white:    #fff !default;
+$gray-100: #f8f9fa !default;
+$gray-200: #e9ecef !default;
+$gray-300: #dee2e6 !default;
+$gray-400: #ced4da !default;
+$gray-500: #adb5bd !default;
+$gray-600: #6c757d !default;
+$gray-700: #495057 !default;
+$gray-800: #343a40 !default;
+$gray-900: #212529 !default;
+$black:    #000 !default;
+
+$blue:     #007bff !default;
+$yellow:   #f8f852 !default;
+$red:      #dc3545 !default;
+$green:    #28a745 !default;
+
+$text-color:    $gray-800 !default;
+$border-color:  $gray-300 !default;
+$white-smoke:   #f5f5f5;
+
+// Typography
+//
+$font-family-sans-serif:  -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;
+$font-family-monospace:   Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
+$font-family:             $font-family-sans-serif !default;
+$font-size:               16px !default;
+
+$font-weight-light:     300 !default;
+$font-weight-normal:    400 !default;
+$font-weight-bold:      700 !default;
+
+
+// Grid breakpoints sizes
+//
+$cellphone-size:       576px !default;
+$tablet-size:          768px !default;
+$small-desktop-size:   960px !default;
+$medium-desktop-size:  1200px !default;
+$large-desktop-size:   1344px !default;
+
+$maximum-columns:      12 !default;
+
+
+// Miscellaneous
+//
+$radius:            4px !default;
+$radius-rounded:    300000px !default;
+$border-width:      1px !default;
+$border-base:       $border-width solid $border-color !default;
+$speed:             .15s !default;
+$line-height:       1.5 !default;
+$transition-all:    all $speed ease-in-out !default;
+$outline-width:     .125rem !default;
+$zindex-top:        1000 !default;

data/assets/stylesheets/base/_reboot.scss

@@ -0,0 +1,309 @@
+//
+// Reboot
+// Mostly taken of Bootstrap reboot
+// --------------------------------------------------
+
+
+// Variables
+//
+$font-weight:               $font-weight-normal !default;
+$body-background-color:     $white !default;
+$hr-hight:                  1px !default;
+$hr-background-color:       $gray-600 !default;
+$headings-weight:           bold !default;
+$dt-font-weight:            $font-weight-bold !default;
+$table-cell-padding:        .75rem !default;
+$table-caption-color:       $gray-600 !default;
+$label-margin-bottom:       .5rem !default;
+
+
+// Reset
+// http://meyerweb.com/eric/tools/css/reset/ 
+// v2.0 | 20110126
+// License: none (public domain)
+// Some changes:
+// - Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.
+// - Addition div tag for display: block
+// - No reset list-styles
+//
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed, 
+figure, figcaption, footer, header, hgroup, 
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	font-size: 100%;
+  vertical-align: baseline;
+}
+div, article, aside, details, figcaption, figure, 
+footer, header, hgroup, menu, nav, section {
+	display: block;
+}
+blockquote, q {
+	quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+	content: '';
+	content: none;
+}
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+}
+
+// Reboot styles
+// Mostly taken from Bootstrap
+// Credit: https://github.com/twbs/bootstrap/blob/v4-dev/scss/_reboot.scss
+// v4.1
+// License: MIT
+//
+html {
+  -webkit-text-size-adjust: 100%;
+  -ms-text-size-adjust: 100%;
+  -ms-overflow-style: scrollbar;
+  -webkit-tap-highlight-color: rgba($black, 0);
+}
+
+// IE10+ doesn't honor `<meta name="viewport">` in some cases.
+@at-root {
+  @-ms-viewport {
+    width: device-width;
+  }
+}
+
+body {
+  text-align: left;
+  background-color: $body-background-color;
+}
+
+html,
+body {
+  font-family: $font-family;
+  font-size: $font-size;
+  font-weight: $font-weight;
+  line-height: $line-height;
+  color: $text-color;
+}
+
+// Suppress the focus outline on elements that cannot be accessed via keyboard.
+// This prevents an unwanted focus outline from appearing around elements that
+// might still respond to pointer events.
+//
+// Credit: https://github.com/suitcss/base
+[tabindex="-1"]:focus {
+  outline: 0 !important;
+}
+
+hr {
+  display: block;
+  border: none;
+  height: $hr-hight;
+  background-color: $hr-background-color;
+}
+
+ol,
+ul,
+dl {
+  margin-bottom: 1rem;
+}
+
+ol ol,
+ul ul,
+ol ul,
+ul ol {
+  margin-bottom: 0;
+}
+
+dt {
+  font-weight: $dt-font-weight;
+}
+
+dd {
+  margin-bottom: .5rem;
+}
+
+dfn {
+  font-style: italic;
+}
+
+
+// Figure
+//
+figure {
+  // Apply a consistent margin strategy (matches our type styles).
+  margin: 0 0 1rem;
+}
+
+
+// Elemets for Tables
+//
+table {
+  border-collapse: collapse; // Prevent double borders
+}
+
+caption {
+  padding-top: $table-cell-padding;
+  padding-bottom: $table-cell-padding;
+  color: $table-caption-color;
+  text-align: left;
+  caption-side: bottom;
+}
+
+th {
+  // Matches default `<td>` alignment by inheriting from the `<body>`, or the
+  // closest parent with a set `text-align`.
+  text-align: inherit;
+}
+
+
+// Elemets for Forms
+//
+label {
+  // Allow labels to use `margin` for spacing.
+  display: inline-block;
+  margin-bottom: $label-margin-bottom;
+}
+
+input,
+button,
+select,
+optgroup,
+textarea {
+  margin: 0; // Remove the margin in Firefox and Safari
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+}
+
+button,
+input {
+  overflow: visible; // Show the overflow in Edge
+}
+
+button,
+select {
+  text-transform: none; // Remove the inheritance of text transform in Firefox
+}
+
+// 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
+//    controls in Android 4.
+// 2. Correct the inability to style clickable types in iOS and Safari.
+button,
+html [type="button"],
+[type="reset"],
+[type="submit"] {
+  -webkit-appearance: button;
+}
+
+input[type="radio"],
+input[type="checkbox"] {
+  box-sizing: border-box; // 1. Add the correct box sizing in IE 10-
+  padding: 0; // 2. Remove the padding in IE 10-
+}
+
+input[type="date"],
+input[type="time"],
+input[type="datetime-local"],
+input[type="month"] {
+  // Remove the default appearance of temporal inputs to avoid a Mobile Safari
+  // bug where setting a custom line-height prevents text from being vertically
+  // centered within the input.
+  -webkit-appearance: listbox;
+}
+
+textarea {
+  overflow: auto; // Remove the default vertical scrollbar in IE.
+  // Textareas should really only resize vertically so they don't break their (horizontal) containers.
+  resize: vertical;
+}
+
+fieldset {
+  // Browsers set a default `min-width: min-content;` on fieldsets,
+  // unlike e.g. `<div>`s, which have `min-width: 0;` by default.
+  min-width: 0;
+}
+
+// 1. Correct the text wrapping in Edge and IE.
+// 2. Correct the color inheritance from `fieldset` elements in IE.
+legend {
+  display: block;
+  width: 100%;
+  max-width: 100%;
+  margin-bottom: .5rem;
+  font-size: 1.5rem;
+  line-height: inherit;
+  color: inherit;
+  white-space: normal;
+}
+
+progress {
+  vertical-align: baseline; // Add the correct vertical alignment in Chrome, Firefox, and Opera.
+}
+
+// Correct the cursor style of increment and decrement buttons in Chrome.
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+  height: auto;
+}
+
+[type="search"] {
+  // This overrides the extra rounded corners on search inputs in iOS so that our
+  // `.form-control` class can properly style them. Note that this cannot simply
+  // be added to `.form-control` as it's not specific enough
+  outline-offset: -2px; // Correct the outline style in Safari.
+  -webkit-appearance: none;
+}
+
+// Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
+//
+[type="search"]::-webkit-search-cancel-button,
+[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+// 1. Correct the inability to style clickable types in iOS and Safari.
+// 2. Change font properties to `inherit` in Safari.
+//
+::-webkit-file-upload-button {
+  font: inherit;
+  -webkit-appearance: button;
+}
+
+
+// Correct element displays
+//
+output {
+  display: inline-block;
+}
+
+summary {
+  display: list-item; // Add the correct display in all browsers
+  cursor: pointer;
+}
+
+template {
+  display: none; // Add the correct display in IE
+}
+
+// Always hide an element with the `hidden` HTML attribute (from PureCSS).
+// Needed for proper display in IE 10-.
+[hidden] {
+  display: none !important;
+}