spectre_scss 0.3.2.0

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

@@ -0,0 +1,7 @@
+@import 'utilities/colors';
+@import 'utilities/display';
+@import 'utilities/divider';
+@import 'utilities/loading';
+@import 'utilities/position';
+@import 'utilities/shapes';
+@import 'utilities/text';

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

@@ -0,0 +1,105 @@
+// Core variables
+$dark-color: #454d5d;
+$light-color: #fff;
+
+$bg-color: lighten($dark-color, 66%);
+$bg-color-dark: darken($bg-color, 3%);
+$bg-color-light: $light-color;
+
+// Global
+$html-font-size: 20px;
+$html-line-height: 1.428571429;
+$body-bg: $bg-color-light;
+$body-font-color: lighten($dark-color, 5%);
+$font-size: .7rem;
+$font-size-sm: .6rem;
+$font-size-lg: .8rem;
+$line-height: 1rem;
+
+// Fonts
+// Credit: https://www.smashingmagazine.com/2015/11/using-system-ui-fonts-practical-guide/
+$base-font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto;
+$mono-font-family: "SF Mono", "Segoe UI Mono", "Roboto Mono", Menlo, Courier, monospace;
+$fallback-font-family: "Helvetica Neue", sans-serif;
+$cjk-zh-font-family: $base-font-family, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", $fallback-font-family;
+$cjk-jp-font-family: $base-font-family, "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Yu Gothic", YuGothic, Meiryo, $fallback-font-family;
+$cjk-ko-font-family: $base-font-family, "Malgun Gothic", $fallback-font-family;
+$body-font-family: $base-font-family, $fallback-font-family;
+
+// Unit sizes
+$unit-o: .05rem;
+$unit-h: .1rem;
+$unit-1: .2rem;
+$unit-2: .4rem;
+$unit-3: .6rem;
+$unit-4: .8rem;
+$unit-5: 1rem;
+$unit-6: 1.2rem;
+$unit-7: 1.4rem;
+$unit-8: 1.6rem;
+$unit-9: 1.8rem;
+$unit-10: 2rem;
+$unit-12: 2.4rem;
+$unit-16: 3.2rem;
+
+// Sizes
+$border-radius: $unit-h;
+$border-width: $unit-o;
+$border-width-lg: $unit-h;
+$layout-spacing: $unit-2;
+$layout-spacing-sm: $unit-1;
+$layout-spacing-lg: $unit-4;
+$control-size: $unit-8;
+$control-size-sm: $unit-6;
+$control-size-lg: $unit-10;
+$control-padding-h: $unit-2;
+$control-padding-v: ($control-size - $line-height) / 2 - $border-width;
+$control-padding-v-sm: ($control-size-sm - $line-height) / 2 - $border-width;
+$control-padding-v-lg: ($control-size-lg - $line-height) / 2 - $border-width;
+$control-icon-size: .7rem; 
+$control-min-width: 180px;
+$control-max-width: 320px;
+
+// Colors
+// Core colors
+$primary-color: #5764c6;
+$primary-color-dark: darken($primary-color, 3%);
+$primary-color-light: lighten($primary-color, 3%);
+$secondary-color: lighten($primary-color, 40%);
+$secondary-color-dark: darken($secondary-color, 3%);
+$secondary-color-light: lighten($secondary-color, 3%);
+
+$link-color: $primary-color;
+$link-color-dark: darken($link-color, 5%);
+
+// Gray colors
+$gray-color: lighten($dark-color, 40%);
+$gray-color-dark: darken($gray-color, 20%);
+$gray-color-light: lighten($gray-color, 20%);
+
+$border-color: lighten($dark-color, 60%);
+$border-color-dark: darken($border-color, 10%);
+
+// Control colors
+$success-color: #32b643;
+$warning-color: #ffb700;
+$error-color: #e85600;
+
+// Other colors
+$code-color: #e06870;
+$highlight-color: #ffe9b3;
+
+// Responsive breakpoints
+$size-xs: 480px;
+$size-sm: 600px;
+$size-md: 840px;
+$size-lg: 960px;
+$size-xl: 1280px;
+$size-2x: 1440px;
+
+// Z-index
+$zindex-0: 1;
+$zindex-1: 100;
+$zindex-2: 200;
+$zindex-3: 300;
+$zindex-4: 400;

data/vendor/assets/stylesheets/spectre/src/utilities/_colors.scss

@@ -0,0 +1,45 @@
+// Text colors
+.text-primary {
+  @include text-color-variant($primary-color);
+}
+.text-secondary {
+  @include text-color-variant($secondary-color-dark);
+}
+.text-gray {
+  @include text-color-variant($gray-color);
+}
+.text-light {
+  @include text-color-variant($light-color);
+}
+.text-success {
+  @include text-color-variant($success-color);
+}
+.text-warning {
+  @include text-color-variant($warning-color);
+}
+.text-error {
+  @include text-color-variant($error-color);
+}
+
+// Background colors
+.bg-primary {
+  @include bg-color-variant($primary-color);
+}
+.bg-secondary {
+  @include bg-color-variant($secondary-color);
+}
+.bg-dark {
+  @include bg-color-variant($dark-color);
+}
+.bg-gray {
+  @include bg-color-variant($bg-color);
+}
+.bg-success {
+  @include bg-color-variant($success-color);
+}
+.bg-warning {
+  @include bg-color-variant($warning-color);
+}
+.bg-error {
+  @include bg-color-variant($error-color);
+}

data/vendor/assets/stylesheets/spectre/src/utilities/_display.scss

@@ -0,0 +1,47 @@
+// Display
+.d-block {
+  display: block;
+}
+.d-inline {
+  display: inline;
+}
+.d-inline-block {
+  display: inline-block;
+}
+.d-flex {
+  display: flex;
+}
+.d-inline-flex {
+  display: inline-flex;
+}
+.d-none,
+.hide {
+  display: none !important;
+}
+.d-visible {
+  visibility: visible;
+}
+.d-invisible {
+  visibility: hidden;
+}
+.text-hide {
+  background: transparent;
+  border: 0;
+  color: transparent;
+  font-size: 0;
+  line-height: 0;
+  text-shadow: none;
+}
+.text-assistive {
+  border: 0;
+  clip: rect(0,0,0,0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  width: 1px;
+}
+.hand {
+  cursor: pointer;
+}

data/vendor/assets/stylesheets/spectre/src/utilities/_divider.scss

@@ -0,0 +1,50 @@
+// Divider
+.divider,
+.divider-vert {
+  display: block;
+  position: relative;
+
+  &[data-content]::after {
+    background: $bg-color-light;
+    color: $gray-color;
+    content: attr(data-content);
+    display: inline-block;
+    font-size: $font-size-sm;
+    padding: 0 $unit-2;
+    transform: translateY(-$font-size-sm + $border-width);
+  }
+}
+
+.divider {
+  border-top: $border-width solid $border-color;
+  height: $border-width;
+  margin: $unit-2 0;
+
+  &[data-content] {
+    margin: $unit-4 0;
+  }
+}
+
+.divider-vert {
+  display: block;
+  padding: $unit-4;
+
+  &::before {
+    border-left: $border-width solid $border-color;
+    bottom: $unit-2;
+    content: "";
+    display: block;
+    left: 50%;
+    position: absolute;
+    top: $unit-2;
+    transform: translateX(-50%);
+  }
+
+  &[data-content]::after {
+    left: 50%;
+    padding: $unit-1 0;
+    position: absolute;
+    top: 50%;
+    transform: translate(-50%, -50%);
+  }
+}

data/vendor/assets/stylesheets/spectre/src/utilities/_loading.scss

@@ -0,0 +1,34 @@
+// Loading
+.loading {
+  color: transparent !important;
+  min-height: $unit-4;
+  pointer-events: none;
+  position: relative;
+  &::after {
+    animation: loading 500ms infinite linear;
+    border: $border-width-lg solid $primary-color;
+    border-radius: 50%;
+    border-right-color: transparent;
+    border-top-color: transparent;
+    content: "";
+    display: block;
+    height: $unit-4;
+    left: 50%;
+    margin-left: -$unit-2;
+    margin-top: -$unit-2;
+    position: absolute;
+    top: 50%;
+    width: $unit-4;
+    z-index: $zindex-0;
+  }
+
+  &.loading-lg {
+    min-height: $unit-10;
+    &::after {
+      height: $unit-8;
+      width: $unit-8;
+      margin-left: -$unit-4;
+      margin-top: -$unit-4;
+    }
+  }
+}

data/vendor/assets/stylesheets/spectre/src/utilities/_position.scss

@@ -0,0 +1,35 @@
+// Position
+.clearfix {
+  @include clearfix();
+}
+.float-left {
+  float: left !important;
+}
+.float-right {
+  float: right !important;
+}
+
+.relative {
+  position: relative;
+}
+.absolute {
+  position: absolute;
+}
+.fixed {
+  position: fixed;
+}
+.centered {
+  display: block;
+  float: none;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+// Spacing
+@include margin-variant(0, 0);
+@include margin-variant(1, $unit-1);
+@include margin-variant(2, $unit-2);
+
+@include padding-variant(0, 0);
+@include padding-variant(1, $unit-1);
+@include padding-variant(2, $unit-2);

data/vendor/assets/stylesheets/spectre/src/utilities/_shapes.scss

@@ -0,0 +1,7 @@
+// Shapes
+.rounded {
+  border-radius: $border-radius;
+}
+.circle {
+  border-radius: 50%;
+}

data/vendor/assets/stylesheets/spectre/src/utilities/_text.scss

@@ -0,0 +1,52 @@
+// Text
+.text-left {
+  text-align: left;
+}
+.text-right {
+  text-align: right;
+}
+.text-center {
+  text-align: center;
+}
+.text-justify {
+  text-align: justify;
+}
+
+.text-lowercase {
+  text-transform: lowercase;
+}
+.text-uppercase {
+  text-transform: uppercase;
+}
+.text-capitalize {
+  text-transform: capitalize;
+}
+
+.text-normal {
+  font-weight: normal;
+}
+.text-bold {
+  font-weight: bold;
+}
+.text-italic {
+  font-style: italic;
+}
+.text-large {
+  font-size: 1.2em;
+}
+
+.text-ellipsis {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.text-clip {
+  overflow: hidden;
+  text-overflow: clip;
+  white-space: nowrap;
+}
+.text-break {
+  hyphens: auto;
+  word-break: break-word;
+  word-wrap: break-word;
+}

metadata

@@ -0,0 +1,157 @@
+--- !ruby/object:Gem::Specification
+name: spectre_scss
+version: !ruby/object:Gem::Version
+  version: 0.3.2.0
+platform: ruby
+authors:
+- Zoran
+autorequire: 
+bindir: exe
+cert_chain: []
+date: 2017-09-01 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.15'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.15'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+- !ruby/object:Gem::Dependency
+  name: rspec
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.0'
+description: Spectre is a lightweight, responsive and modern CSS framework
+email: 
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".gitignore"
+- ".rspec"
+- ".travis.yml"
+- Gemfile
+- LICENSE.txt
+- README.md
+- Rakefile
+- bin/console
+- bin/setup
+- lib/spectre_scss.rb
+- lib/spectre_scss/engine.rb
+- lib/spectre_scss/version.rb
+- spectre_scss.gemspec
+- vendor/assets/stylesheets/spectre.scss
+- vendor/assets/stylesheets/spectre/spectre-exp.scss
+- vendor/assets/stylesheets/spectre/spectre-icons.scss
+- vendor/assets/stylesheets/spectre/spectre.scss
+- vendor/assets/stylesheets/spectre/src/_accordions.scss
+- vendor/assets/stylesheets/spectre/src/_animations.scss
+- vendor/assets/stylesheets/spectre/src/_asian.scss
+- vendor/assets/stylesheets/spectre/src/_autocomplete.scss
+- vendor/assets/stylesheets/spectre/src/_avatars.scss
+- vendor/assets/stylesheets/spectre/src/_badges.scss
+- vendor/assets/stylesheets/spectre/src/_bars.scss
+- vendor/assets/stylesheets/spectre/src/_base.scss
+- vendor/assets/stylesheets/spectre/src/_breadcrumbs.scss
+- vendor/assets/stylesheets/spectre/src/_buttons.scss
+- vendor/assets/stylesheets/spectre/src/_calendars.scss
+- vendor/assets/stylesheets/spectre/src/_cards.scss
+- vendor/assets/stylesheets/spectre/src/_carousels.scss
+- vendor/assets/stylesheets/spectre/src/_chips.scss
+- vendor/assets/stylesheets/spectre/src/_codes.scss
+- vendor/assets/stylesheets/spectre/src/_comparison-sliders.scss
+- vendor/assets/stylesheets/spectre/src/_dropdowns.scss
+- vendor/assets/stylesheets/spectre/src/_empty.scss
+- vendor/assets/stylesheets/spectre/src/_filters.scss
+- vendor/assets/stylesheets/spectre/src/_forms.scss
+- vendor/assets/stylesheets/spectre/src/_icons.scss
+- vendor/assets/stylesheets/spectre/src/_labels.scss
+- vendor/assets/stylesheets/spectre/src/_layout.scss
+- vendor/assets/stylesheets/spectre/src/_media.scss
+- vendor/assets/stylesheets/spectre/src/_menus.scss
+- vendor/assets/stylesheets/spectre/src/_meters.scss
+- vendor/assets/stylesheets/spectre/src/_mixins.scss
+- vendor/assets/stylesheets/spectre/src/_modals.scss
+- vendor/assets/stylesheets/spectre/src/_navbar.scss
+- vendor/assets/stylesheets/spectre/src/_navigation.scss
+- vendor/assets/stylesheets/spectre/src/_navs.scss
+- vendor/assets/stylesheets/spectre/src/_normalize.scss
+- vendor/assets/stylesheets/spectre/src/_pagination.scss
+- vendor/assets/stylesheets/spectre/src/_panels.scss
+- vendor/assets/stylesheets/spectre/src/_parallax.scss
+- vendor/assets/stylesheets/spectre/src/_popovers.scss
+- vendor/assets/stylesheets/spectre/src/_progress.scss
+- vendor/assets/stylesheets/spectre/src/_sliders.scss
+- vendor/assets/stylesheets/spectre/src/_steps.scss
+- vendor/assets/stylesheets/spectre/src/_tables.scss
+- vendor/assets/stylesheets/spectre/src/_tabs.scss
+- vendor/assets/stylesheets/spectre/src/_tiles.scss
+- vendor/assets/stylesheets/spectre/src/_timelines.scss
+- vendor/assets/stylesheets/spectre/src/_toasts.scss
+- vendor/assets/stylesheets/spectre/src/_tooltips.scss
+- vendor/assets/stylesheets/spectre/src/_typography.scss
+- vendor/assets/stylesheets/spectre/src/_utilities.scss
+- vendor/assets/stylesheets/spectre/src/_variables.scss
+- vendor/assets/stylesheets/spectre/src/utilities/_colors.scss
+- vendor/assets/stylesheets/spectre/src/utilities/_display.scss
+- vendor/assets/stylesheets/spectre/src/utilities/_divider.scss
+- vendor/assets/stylesheets/spectre/src/utilities/_loading.scss
+- vendor/assets/stylesheets/spectre/src/utilities/_position.scss
+- vendor/assets/stylesheets/spectre/src/utilities/_shapes.scss
+- vendor/assets/stylesheets/spectre/src/utilities/_text.scss
+homepage: https://github.com/zokioki/spectre_scss
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.6.11
+signing_key: 
+specification_version: 4
+summary: Sass port of the Spectre CSS framework
+test_files: []