psique 0.1.1 → 1.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: e553c9c7954fd4d92cc91d6cf39eae9ed29f5606
-  data.tar.gz: 8bb9367860e6169ed565e67e30f053eaae97d9cf
+  metadata.gz: 45c48f298942dab9a7d2bed373906cc97993a75a
+  data.tar.gz: 4b9880b8f21309a31256aab8f05773a593c059d6
 SHA512:
-  metadata.gz: 39c9e123e5d15eb8d552c83cf98718a328b49a009653f5c9ebd8bf2071c7af9ba064fa51dc5d297c8b87c96c49972a1ea4c682c8e2329fe74d1300494d3b339e
-  data.tar.gz: a7ed5398bd6ef6608e3d091667133e01ac904d20450d9509fab6b54869586fb3bdf727cf34dc3a0dca3fac93eb5dc9c38e8342b023190e80f61cc98ddcf2792b
+  metadata.gz: fd32b612c51e0b85ec61cb1937bf9ecf43a4acc6ea6d2e4f0e5dd199bd00a1a8e85df177d5702da794c27354a7372af055ab40451d1f8ff79bf0af174e03f357
+  data.tar.gz: 6140fad793c0b16b25ff577c64d8e5cca6a7ced846792a6425f15a7e2d5dc9e5dfb259673ab7a47e20f1e6448e6208da60d5dd6924b24cc5c45c3917571a8007

data/{LICENSE → MIT-LICENSE}

@@ -1,6 +1,4 @@
-Copyright 2014 Rankia
-
-MIT License
+Copyright 2015 Rankia
 
 Permission is hereby granted, free of charge, to any person obtaining
 a copy of this software and associated documentation files (the

data/README.md

@@ -3,4 +3,4 @@
 [![Build Status](https://travis-ci.org/Soluciones/Psique.svg)](https://travis-ci.org/Soluciones/Psique)
 [![Code Climate](https://codeclimate.com/github/Soluciones/Psique/badges/gpa.svg)](https://codeclimate.com/github/Soluciones/Psique)
 
-Style Guide in Sass and Compass ready for Emergia's apps Rails
+Style Guide in Sass for Emergia's apps Rails

data/Rakefile

@@ -14,10 +14,10 @@ RDoc::Task.new(:rdoc) do |rdoc|
   rdoc.rdoc_files.include('lib/**/*.rb')
 end
 
-APP_RAKEFILE = File.expand_path("../test/dummy/Rakefile", __FILE__)
-load 'rails/tasks/engine.rake'
-
+APP_RAKEFILE = File.expand_path('../test/dummy/Rakefile', __FILE__)
 
+load 'rails/tasks/engine.rake'
+load 'rails/tasks/statistics.rake'
 
 Bundler::GemHelper.install_tasks
 
@@ -30,5 +30,4 @@ Rake::TestTask.new(:test) do |t|
   t.verbose = false
 end
 
-
 task default: :test

data/app/assets/images/psique/documentation/shell.svg

@@ -0,0 +1,49 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="200.02699"
+   height="173.963"
+   viewBox="0 0 200.02699 173.963"
+   id="Capa_1"
+   xml:space="preserve"><metadata
+     id="metadata19"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+     id="defs17" /><path
+     d="M 192.589,0 H 7.438 C 3.33,0 0,3.33 0,7.438 V 34.017 39.04 H 200.027 V 34.017 7.437 C 200.027,3.33 196.697,0 192.589,0 z"
+     id="path3"
+     style="fill:#eef0f1" /><circle
+     cx="53.433998"
+     cy="61.75"
+     r="7.244"
+     transform="translate(-30.493,-42.625)"
+     id="circle5"
+     style="fill:#ed727b" /><circle
+     cx="75.57"
+     cy="61.75"
+     r="7.244"
+     transform="translate(-30.493,-42.625)"
+     id="circle7"
+     style="fill:#eeba3b" /><circle
+     cx="96.498001"
+     cy="61.75"
+     r="7.244"
+     transform="translate(-30.493,-42.625)"
+     id="circle9"
+     style="fill:#b592c4" /><rect
+     width="200.02699"
+     height="8.4519997"
+     x="3.051758e-08"
+     y="39.039001"
+     id="rect11"
+     style="fill:#373737" /><path
+     d="m 0,47.491 v 87.432 5.023 26.579 c 0,4.108 3.33,7.438 7.438,7.438 h 185.151 c 4.108,0 7.438,-3.33 7.438,-7.438 V 139.946 134.923 47.491 H 0 z m 94.759,55.19 -27.616,27.616 -9.391,-9.391 18.256,-18.256 -18.256,-18.256 9.391,-9.391 27.616,27.616 -0.031,0.031 0.031,0.031 z m 50.509,27.616 h -41.051 v -13.281 h 41.052 v 13.281 z"
+     id="path13"
+     style="fill:#454545" /></svg>

data/app/assets/javascripts/psique/documentation.js

@@ -0,0 +1,2 @@
+// Place all the behaviors and hooks related to the matching controller here.
+// All this logic will automatically be available in application.js.

data/app/assets/javascripts/psique/psique.js

@@ -0,0 +1,2 @@
+// Place all the behaviors and hooks related to the matching controller here.
+// All this logic will automatically be available in application.js.

data/app/assets/stylesheets/psique/components/_button.scss

@@ -0,0 +1,71 @@
+// *************************************
+//
+//   Button
+//   -> Clickable control
+//
+// *************************************
+
+// -------------------------------------
+//   Base
+// -------------------------------------
+
+%btn {
+  @include appearance(none);
+  @include linear-gradient(lighten($matisse, 20), $matisse);
+  background-color: $matisse;
+  border: 1px solid $matisse;
+  border-radius: 5px;
+  box-shadow: 0 -2px 0 0 rgba(#fff, .15) inset;
+  color: #fff;
+  cursor: pointer;
+  display: inline-block;
+  font-size: 1em;
+  font-weight: 600;
+  line-height: 1;
+  padding: .5em 1.5em;
+  text-decoration: none;
+  user-select: none;
+  vertical-align: middle;
+  white-space: nowrap;
+
+  &:hover,
+  &:focus {
+    color: #fff;
+    opacity: .95;
+  }
+
+  &:disabled {
+    cursor: not-allowed;
+    opacity: .5;
+  }
+}
+
+// -------------------------------------
+//   Modifiers
+// -------------------------------------
+
+// ----- Hierarchy ----- //
+
+// Primary
+
+.btn--a {
+  @extend %btn;
+}
+
+// ----- Sizes ----- //
+
+// Small
+
+.btn--s {
+  @extend %btn;
+  font-size: .9em;
+  padding: .45em 1em;
+}
+
+// Large
+
+.btn--l {
+  @extend %btn;
+  font-size: 1.1em;
+  padding: .65em 2em;
+}

data/app/assets/stylesheets/psique/components/_form.scss

@@ -0,0 +1,90 @@
+// *************************************
+//
+//   Form
+//   -> User input environment
+//
+// *************************************
+
+// -------------------------------------
+//   Base
+// -------------------------------------
+
+.form { margin-bottom: 2em; }
+
+// -------------------------------------
+//   Scaffolding
+// -------------------------------------
+
+// ----- Group ----- //
+
+.form-group { margin: 0 0 1em; }
+
+// ----- Input ----- //
+
+.form-input {
+  @include appearance(none);
+  @include transition(border-color .2s $ease-in-out-quint);
+  background: #fff;
+  border: 1px solid $alto;
+  border-radius: em(4px);
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
+  padding: .5em;
+  width: 100%;
+
+  @include placeholder {
+    color: darken($alto, 10%);
+    font-size: 90%;
+  }
+
+  &:focus {
+    border-color: $matisse;
+    outline: none;
+  }
+}
+
+// ----- Label ----- //
+
+.form-label {
+  display: block;
+  font-weight: bold;
+  margin-bottom: em(8px);
+  max-width: 100%;
+}
+
+// ----- Select ----- //
+
+.form-select { min-width: em(200px); }
+
+// ----- File ----- //
+
+.form-file {
+  display: block;
+  font-size: 90%;
+  max-width: 100%;
+}
+
+// ----- Boolean ----- //
+
+.form-boolean {
+  display: block;
+  margin-bottom: em(5px);
+  position: relative;
+
+  input {
+    @include vertical-align;
+    margin-left: -20px;
+    position: absolute;
+  }
+
+  label {
+    cursor: pointer;
+    padding-left: 20px;
+  }
+
+  // Boolean inputs on same line
+
+  &.inline {
+    display: inline-block;
+    padding-right: 20px;
+  }
+}

data/app/assets/stylesheets/psique/components/_grid.scss

@@ -0,0 +1,25 @@
+// *************************************
+//
+//   Grid
+//   -> Responsive and mobile first
+//
+// *************************************
+
+// -------------------------------------
+//   Base
+// -------------------------------------
+
+.grid {
+  @include outer-container;
+  height: 100%;
+  min-width: $max-width;
+  padding: 0 1em;
+}
+
+// -------------------------------------
+//   Columns
+// -------------------------------------
+
+@for $i from 1 through 12 {
+  .col-#{$i} { @include span-columns($i); }
+}

data/app/assets/stylesheets/psique/components/_panel.scss

@@ -0,0 +1,49 @@
+// *************************************
+//
+//   Panel
+//   ->
+//
+// *************************************
+
+// -------------------------------------
+//   Base
+// -------------------------------------
+
+.panel {
+  background-color: #f1f1f1;
+}
+
+// -------------------------------------
+//   Scaffolding
+// -------------------------------------
+
+// ----- Header ----- //
+
+.panel-header {
+  background-color: $casper;
+  color: #fff;
+  font-weight: bold;
+  padding: .5rem 1rem;
+  position: relative;
+
+  &:before {
+    @include triangle(20px, $casper, down);
+    bottom: -8px;
+    content: '';
+    left: 100px;
+    pointer-events: none;
+    position: absolute;
+    visibility: visible;
+  }
+
+  > * {
+    margin: 0;
+    padding: 0;
+  }
+}
+
+// ----- Content ----- //
+
+.panel-content {
+  padding: 1.5rem 1rem;
+}

data/app/assets/stylesheets/psique/documentation.scss

@@ -0,0 +1,67 @@
+// *************************************
+//
+//   Documentation
+//   -> Styles to print the guide
+//
+// *************************************
+
+// -------------------------------------
+//   Variables
+// -------------------------------------
+
+@import 'documentation/variables';
+
+// -------------------------------------
+//   Vendor
+// -------------------------------------
+
+@import 'psique';
+
+// -------------------------------------
+//   Components
+// -------------------------------------
+
+@import 'documentation/components';
+
+// -------------------------------------
+//   Structures
+// -------------------------------------
+
+@import 'documentation/structures';
+
+// -------------------------------------
+//   Inbox
+// -------------------------------------
+
+.title {
+  border-bottom: 1px solid #808080;
+  margin-top: 2em;
+}
+
+pre {
+  background-color: #272822;
+  border-radius: 5px;
+  color: #fff;
+  font-size: 85%;
+  line-height: 1.45;
+  overflow: auto;
+  padding: 1em;
+}
+
+.main {
+  margin-bottom: 2em;
+}
+
+a {
+  color: #21689d;
+}
+
+ul > li { line-height: 1.5em; }
+
+.unindented {
+  padding: 0;
+}
+
+.unstyled {
+  list-style: none;
+}

data/app/assets/stylesheets/psique/documentation/_components.scss

@@ -0,0 +1,63 @@
+// *************************************
+//
+//   Structures
+//   -> Documentation’s modules and UI
+//
+// *************************************
+
+// -------------------------------------
+//   Horizontal Menu
+// -------------------------------------
+
+.menu { text-align: right; }
+
+// ----- Menu items ----- //
+
+.menu-item {
+  display: inline-block;
+  font-size: .9em;
+  margin-left: 1em;
+
+  a {
+    color: #fff;
+    text-decoration: none;
+    &:hover { text-decoration: underline; }
+  }
+}
+
+// -------------------------------------
+//   Search form
+// -------------------------------------
+
+.searcher {
+  @include position(relative);
+
+  [type='search'] {
+    @include box-sizing(border-box);
+    border: 0;
+    color: #000;
+    font-size: .8em;
+    padding: 1em 7em 1em 1em;
+    width: 100%;
+  }
+
+  button {
+    @include position(absolute, 10% .35em nil nil);
+    background: #53c597;
+    border: 0;
+    font-size: .8em;
+    height: 80%;
+    padding: .25em 1em;
+    text-transform: uppercase;
+  }
+}
+
+
+// -------------------------------------
+//   Logo list
+// -------------------------------------
+
+.logo-list {
+  @extend %horizontal-list;
+  > li { margin-right: 2.5em; }
+}