spectre_scss 0.3.2.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 5a5cc9555880679eac1e7c98036661315d1fc50c
+  data.tar.gz: fe34e8aaa7a20ea4477b41b2db6c598b20f246fd
+SHA512:
+  metadata.gz: 8f396555c77dfa21b2e8ba6c7206c990c37a19c9403bc8709d0e7cb8c0c986adfd15ecb2bf8c601659fe8f23f8da9e0329254966e5eb6aff096a7e62f494ff19
+  data.tar.gz: d7ea94c364a1c970e9f9f11fd956dd03266d1e0e718850757613d7bb5908d8ac9c74c74e5f5ec68ad99d76b29d836df62aed8d76a6077b01550bb510cdc7d372

data/.gitignore

@@ -0,0 +1,13 @@
+/.bundle/
+/.yardoc
+/Gemfile.lock
+/_yardoc/
+/coverage/
+/doc/
+/pkg/
+/spec/reports/
+/tmp/
+/spectre_source/
+
+# rspec failure tracking
+.rspec_status

data/.rspec

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

data/.travis.yml

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

data/Gemfile

@@ -0,0 +1,6 @@
+source 'https://rubygems.org'
+
+git_source(:github) {|repo_name| "https://github.com/#{repo_name}" }
+
+# Specify your gem's dependencies in spectre_scss.gemspec
+gemspec

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2017 Zoran Pesic
+
+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,48 @@
+# Spectre.scss
+
+[Spectre](https://picturepan2.github.io/spectre/) is a lightweight, responsive and modern CSS framework. This gem packages a Sass version of Spectre's assets for drop-in use in Rails applications.
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'spectre_scss'
+```
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install spectre_scss
+
+## Usage
+
+Once installed, add the following to your `application.scss`:
+
+```scss
+@import "spectre";
+```
+
+Or, import components as needed:
+
+```scss
+// Core variables and mixins
+@import 'spectre/src/variables';
+@import 'spectre/src/mixins';
+@import 'spectre/src/utilities';
+
+// Reset and dependencies
+@import 'spectre/src/normalize';
+@import 'spectre/src/base';
+
+@import 'spectre/src/buttons';
+@import 'spectre/src/navbar';
+@import 'spectre/src/tables';
+```
+
+## License
+
+The gem is available as open source under the terms of the [MIT License](http://opensource.org/licenses/MIT).

data/Rakefile

@@ -0,0 +1,34 @@
+require 'bundler/gem_tasks'
+require 'rspec/core/rake_task'
+require 'spectre_scss/version'
+
+RSpec::Core::RakeTask.new(:spec)
+
+task :default => :spec
+
+namespace :spectre_scss do
+  namespace :assets do
+    desc 'Update Spectre\'s assets.'
+    task update: :clean do
+      # version = ARGV[1] || "v#{SpectreScss::VERSION.sub(/.\d+$/, '')}"
+      commit = ARGV[1] || 'HEAD'
+
+      sh 'git clone git@github.com:trilbymedia/spectre-scss.git spectre_source'
+      sh "cd spectre_source && git checkout #{commit}"
+      sh 'cp -R spectre_source/scss/ vendor/assets/stylesheets/spectre/'
+
+      File.open('vendor/assets/stylesheets/spectre.scss', 'w') do |f|
+        f.write('@import "spectre/spectre.scss";')
+      end
+
+      puts "\n=*=*=*=*=*=*=*=*=*=*\n=* ASSETS UPDATED! *=\n=*=*=*=*=*=*=*=*=*=*\n"
+    end
+
+    desc 'Remove previous Spectre assets.'
+    task :clean do
+      sh 'rm -rf vendor'
+      sh 'rm -rf spectre_source'
+      sh 'mkdir -p vendor/assets/stylesheets/'
+    end
+  end
+end

data/bin/console

@@ -0,0 +1,7 @@
+#!/usr/bin/env ruby
+
+require 'bundler/setup'
+require 'spectre_scss'
+
+require 'irb'
+IRB.start(__FILE__)

data/bin/setup

@@ -0,0 +1,6 @@
+#!/usr/bin/env bash
+set -euo pipefail
+IFS=$'\n\t'
+set -vx
+
+bundle install

data/lib/spectre_scss.rb

@@ -0,0 +1,5 @@
+require 'spectre_scss/version'
+require 'spectre_scss/engine' if (defined?(Rails) && defined?(Rails::Engine))
+
+module SpectreScss
+end

data/lib/spectre_scss/engine.rb

@@ -0,0 +1,4 @@
+module SpectreScss
+  class Engine < Rails::Engine
+  end
+end

data/lib/spectre_scss/version.rb

@@ -0,0 +1,3 @@
+module SpectreScss
+  VERSION = '0.3.2.0'
+end

data/spectre_scss.gemspec

@@ -0,0 +1,26 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'spectre_scss/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = 'spectre_scss'
+  spec.version       = SpectreScss::VERSION
+  spec.authors       = ['Zoran']
+
+  spec.summary       = 'Sass port of the Spectre CSS framework'
+  spec.description   = 'Spectre is a lightweight, responsive and modern CSS framework'
+  spec.homepage      = 'https://github.com/zokioki/spectre_scss'
+  spec.license       = 'MIT'
+
+  spec.files         = `git ls-files -z`.split("\x0").reject do |f|
+    f.match(%r{^(test|spec|features)/})
+  end
+  spec.bindir        = 'exe'
+  spec.executables   = spec.files.grep(%r{^exe/}) { |f| File.basename(f) }
+  spec.require_paths = ['lib']
+
+  spec.add_development_dependency 'bundler', '~> 1.15'
+  spec.add_development_dependency 'rake', '~> 10.0'
+  spec.add_development_dependency 'rspec', '~> 3.0'
+end

data/vendor/assets/stylesheets/spectre.scss

@@ -0,0 +1 @@
+@import "spectre/spectre.scss";

data/vendor/assets/stylesheets/spectre/spectre-exp.scss

@@ -0,0 +1,16 @@
+/*! Spectre.css Experimentals | MIT License | github.com/picturepan2/spectre */
+
+// Core variables and mixins
+@import 'src/variables';
+@import 'src/mixins';
+
+// Experimentals
+@import 'src/calendars';
+@import 'src/carousels';
+@import 'src/comparison-sliders';
+@import 'src/filters';
+@import 'src/meters';
+@import 'src/parallax';
+@import 'src/progress';
+@import 'src/sliders';
+@import 'src/timelines';

data/vendor/assets/stylesheets/spectre/spectre-icons.scss

@@ -0,0 +1,8 @@
+/*! Spectre.css Icons | MIT License | github.com/picturepan2/spectre */
+
+// Core variables and mixins
+@import 'src/variables';
+@import 'src/mixins';
+
+// Icons
+@import 'src/icons';

data/vendor/assets/stylesheets/spectre/spectre.scss

@@ -0,0 +1,50 @@
+/*! Spectre.css | MIT License | github.com/picturepan2/spectre */
+
+// Core variables and mixins
+@import 'src/variables';
+@import 'src/mixins';
+
+// Reset and dependencies
+@import 'src/normalize';
+@import 'src/base';
+
+// Core classes
+@import 'src/typography';
+@import 'src/asian';
+@import 'src/tables';
+@import 'src/buttons';
+@import 'src/forms';
+@import 'src/labels';
+@import 'src/codes';
+@import 'src/media';
+
+// Layout
+@import 'src/layout';
+@import 'src/navbar';
+@import 'src/panels';
+@import 'src/empty';
+
+// Components
+@import 'src/accordions';
+@import 'src/autocomplete';
+@import 'src/avatars';
+@import 'src/badges';
+@import 'src/breadcrumbs';
+@import 'src/bars';
+@import 'src/cards';
+@import 'src/chips';
+@import 'src/dropdowns';
+@import 'src/menus';
+@import 'src/modals';
+@import 'src/navs';
+@import 'src/pagination';
+@import 'src/popovers';
+@import 'src/steps';
+@import 'src/tabs';
+@import 'src/tiles';
+@import 'src/toasts';
+@import 'src/tooltips';
+
+// Utility classes
+@import 'src/animations';
+@import 'src/utilities';

data/vendor/assets/stylesheets/spectre/src/_accordions.scss

@@ -0,0 +1,34 @@
+// Accordions
+.accordion {
+  .accordion-item {
+    input {
+      &:checked {
+        & ~ .accordion-header {
+          .icon {
+            transform: rotate(90deg);
+            
+          }
+        }
+        & ~ .accordion-body {
+          max-height: 1000px;
+        }
+      }
+    }
+
+    .accordion-header {
+      display: block;
+      padding: $unit-1 $unit-2;
+
+      .icon {
+        transition: all .2s ease;
+      }
+    }
+
+    .accordion-body {
+      margin-bottom: $layout-spacing;
+      max-height: 0;
+      overflow: hidden;
+      transition: max-height .2s ease;
+    }
+  }
+}

data/vendor/assets/stylesheets/spectre/src/_animations.scss

@@ -0,0 +1,20 @@
+// Animations
+@keyframes loading {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+
+@keyframes slide-down {
+  0% {
+    opacity: 0;
+    transform: translateY(-$unit-8);
+  }
+  100% {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}

data/vendor/assets/stylesheets/spectre/src/_asian.scss

@@ -0,0 +1,33 @@
+// Optimized for East Asian CJK
+:lang(zh) {
+  font-family: $cjk-zh-font-family;
+}
+
+:lang(ja) {
+  font-family: $cjk-jp-font-family;
+}
+
+:lang(ko) {
+  font-family: $cjk-ko-font-family;
+}
+
+:lang(zh),
+:lang(ja),
+.cjk {
+  ins,
+  u {
+    border-bottom: $border-width solid;
+    text-decoration: none;
+  }
+
+  del + del,
+  del + s,
+  ins + ins,
+  ins + u,
+  s + del,
+  s + s,
+  u + ins,
+  u + u {
+    margin-left: .125em;
+  }
+}

data/vendor/assets/stylesheets/spectre/src/_autocomplete.scss

@@ -0,0 +1,41 @@
+// Autocomplete
+.form-autocomplete {
+  position: relative;
+
+  .form-autocomplete-input {
+    align-content: flex-start;
+    display: flex;
+    flex-wrap: wrap;
+    height: auto;
+    min-height: $unit-8;
+    padding: $unit-h;
+
+    &.is-focused {
+      border-color: $primary-color;
+      @include control-shadow();
+    }
+
+    .form-input {
+      border-color: transparent;
+      box-shadow: none;
+      display: inline-block;
+      flex: 1 0 auto;
+      height: $unit-6;
+      line-height: $unit-4;
+      margin: $unit-h;
+      width: auto;
+    }
+  }
+
+  mark {
+    font-size: 1;
+    padding: .1em 0;
+  }
+
+  .menu {
+    left: 0;
+    position: absolute;
+    top: 100%;
+    width: 100%;
+  }
+}

data/vendor/assets/stylesheets/spectre/src/_avatars.scss

@@ -0,0 +1,77 @@
+// Avatars
+.avatar {
+  @include avatar-base();
+  background: $primary-color;
+  border-radius: 50%;
+  color: rgba($light-color, .85);
+  display: inline-block;
+  font-weight: 300;
+  line-height: 1;
+  margin: 0;
+  position: relative;
+  vertical-align: middle;
+
+  &.avatar-xs {
+    @include avatar-base($unit-4);
+  }
+  &.avatar-sm {
+    @include avatar-base($unit-6);
+  }
+  &.avatar-lg {
+    @include avatar-base($unit-12);
+  }
+  &.avatar-xl {
+    @include avatar-base($unit-16);
+  }
+
+  img {
+    border-radius: 50%;
+    height: 100%;
+    position: relative;
+    width: 100%;
+    z-index: $zindex-0;
+  }
+
+  .avatar-icon,
+  .avatar-presence {
+    background: $bg-color-light;
+    bottom: 14.64%;
+    height: 50%;
+    padding: $border-width-lg;
+    position: absolute;
+    right: 14.64%;
+    transform: translate(50%, 50%);
+    width: 50%;
+    z-index: $zindex-0 + 1;
+  }
+
+  .avatar-presence {
+    background: $gray-color;
+    box-shadow: 0 0 0 $border-width-lg $light-color;
+    border-radius: 50%;
+    height: .5em;
+    width: .5em;
+
+    &.online {
+      background: $success-color;
+    }
+
+    &.busy {
+      background: $error-color;
+    }
+
+    &.away {
+      background: $warning-color;
+    }
+  }
+
+  &[data-initial]::before {
+    color: currentColor;
+    content: attr(data-initial);
+    left: 50%;
+    position: absolute;
+    top: 50%;
+    transform: translate(-50%, -50%);
+    z-index: $zindex-0;
+  }
+}