moda-themes 0.0.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: 4edaf6d5f12812d979d46eb776cea6e5dca116154dc4a8b912b6b4b6a4db36b0
+  data.tar.gz: 790ca1ee94b63bb5024a96aec0ff676f7ec739f1767a1fd887ecaf3e78551296
+SHA512:
+  metadata.gz: 63d97ff664a247865e0aca65debc3d0a68a12813d5b07e32e1a60769fcea9c670df3b517d5791b47bfeda6295ea968faecfe011e92b51cb8bbc9cdf5bb2f73cf
+  data.tar.gz: eb48019d39f0ccaf7f3daee23b09eafc6e2052931b93fdc3c53a9439f44c5fe09e920887801ba097ba6786cedadf839557f2f0eb91b46e275ee241f84e4dcad5

data/LICENSE.md

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2019 Team Moda
+
+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,116 @@
+# moda-themes
+
+## Meta
+
+* **State**: development
+* **Point people**: [@dzucconi](https://github.com/dzucconi)
+
+## Getting started
+
+### Ruby
+
+Include the Ruby gem:
+
+```ruby
+gem 'moda-themes'
+```
+
+```sh
+bundle install
+```
+
+Use the functions + mixins in your SASS/SCSS files:
+
+```scss
+@import 'moda-themes';
+
+// Include this once to generate the `data-theme` attr styling. This is not auto-included
+// to prevent duplicate imports.
+@include data-themes; /* Outputs =>
+[data-theme=legacy] {
+  --theme-font-families-title: Miller Headline, Georgia, Times New Roman, Times, serif;
+  --theme-font-families-sans: Gotham, Helvetica Neue, Helvetica, Arial, sans-serif;
+  --theme-font-families-serif: Miller Headline, Georgia, Times New Roman, Times, serif;
+  --theme-font-families-body: Miller Headline, Georgia, Times New Roman, Times, serif;
+  // ...
+}
+[data-theme=global] {
+  --theme-font-families-title: Moda Operandi Serif, Times New Roman, Times, serif;
+  --theme-font-families-sans: Moda Operandi Sans, Arial, sans-serif;
+  --theme-font-families-serif: Moda Operandi Serif, Times New Roman, Times, serif;
+  --theme-font-families-body: Caslon, Times New Roman, Times, serif;
+  // ...
+}
+*/
+
+// Use the functions to access themed values:
+p {
+  font-family: font-family('sans');
+  // font-family: var(--theme-font-families-sans);
+}
+```
+
+### JavaScript
+
+Install the package:
+
+```sh
+yarn add moda-themes
+```
+
+Configure node-sass `includePaths`:
+
+For Parcel: Create a .sassrc.js:
+
+```javascript
+const modaThemes = require('moda-themes');
+
+module.exports = {
+  "includePaths": [
+    ...modaThemes.includePaths
+  ]
+}
+```
+
+For Webpack: Configure sass-loader:
+
+```javascript
+const modaThemes = require("moda-themes");
+
+const config = {
+  // ...
+  module: {
+    rules: [
+      {
+        test: /\.scss$/,
+        use: [
+          "style-loader",
+          "css-loader",
+          {
+            loader: "sass-loader",
+            options: { includePaths: [...modaThemes.includePaths] }
+          }
+        ]
+      }
+    ]
+  }
+};
+
+module.exports = config;
+```
+
+Use the functions + mixins in your SASS/SCSS files:
+
+```scss
+@import 'moda-themes';
+
+// See above...
+```
+
+## Releasing
+
+[Increment the versions](https://semver.org/) in [package.json](package.json) and [lib/moda-themes/version.rb](lib/moda-themes/version.rb).
+
+Run `rake release` to release the Ruby gem.
+
+Run `yarn publish` to publish the NPM package.

data/lib/assets/stylesheets/_moda-themes.scss

@@ -0,0 +1,2 @@
+@import 'moda-themes/themes';
+@import 'moda-themes/themer';

data/lib/assets/stylesheets/moda-themes/_themer.scss

@@ -0,0 +1,17 @@
+@import 'themes';
+
+@mixin theme-variables-for($theme) {
+  @each $category-key, $category-values in map-deep-get($themes, $theme) {
+    @each $key, $value in $category-values {
+      --theme-#{$category-key}-#{$key}: #{$value};
+    }
+  }
+}
+
+@mixin data-themes() {
+  @each $theme-name, $_theme-values in $themes {
+    [data-theme="#{$theme-name}"] {
+      @include theme-variables-for($theme-name);
+    }
+  }
+}

data/lib/assets/stylesheets/moda-themes/_themes.scss

@@ -0,0 +1,44 @@
+$font-stack-gotham: 'Gotham', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+$font-stack-miller-headline: 'Miller Headline', Georgia, 'Times New Roman',
+  Times, serif;
+$font-stack-moda-sans: 'Moda Operandi Sans', Arial, sans-serif;
+$font-stack-moda-serif: 'Moda Operandi Serif', 'Times New Roman', Times, serif;
+$font-stack-caslon: 'Caslon', 'Times New Roman', Times, serif;
+
+$themes: (
+  legacy: (
+    font-families: (
+      title: $font-stack-miller-headline,
+      sans: $font-stack-gotham,
+      serif: $font-stack-miller-headline,
+      body: $font-stack-miller-headline
+    )
+  ),
+  global: (
+    font-families: (
+      title: $font-stack-moda-serif,
+      sans: $font-stack-moda-sans,
+      serif: $font-stack-moda-serif,
+      body: $font-stack-caslon
+    )
+  )
+);
+
+@function map-deep-get($map, $keys...) {
+  @each $key in $keys {
+    $map: map-get($map, $key);
+  }
+  @return $map;
+}
+
+@function theme($theme, $keys...) {
+  @return map-deep-get($themes, $theme, $keys...);
+}
+
+@function v($var) {
+  @return var(--#{$var});
+}
+
+@function font-family($name) {
+  @return v('theme-font-families-#{$name}');
+}

data/lib/moda-themes/version.rb

@@ -0,0 +1,5 @@
+# frozen_string_literal: true
+
+module ModaThemes
+  VERSION = '0.0.1'
+end

data/lib/moda-themes.rb

@@ -0,0 +1,15 @@
+require 'moda-themes/version'
+
+module ModaThemes
+  if defined?(Rails) && defined?(Rails::Engine)
+    class Engine < ::Rails::Engine
+      config.assets.paths << File.expand_path("./assets", __dir__)
+    end
+  else
+    begin
+      require "sass"
+      Sass.load_paths << File.expand_path("./assets", __dir__)
+    rescue LoadError
+    end
+  end
+end

metadata

@@ -0,0 +1,122 @@
+--- !ruby/object:Gem::Specification
+name: moda-themes
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+platform: ruby
+authors:
+- dzucconi
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2019-07-10 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: sass
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.3'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.3'
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2.0'
+- !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'
+- !ruby/object:Gem::Dependency
+  name: byebug
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '9.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '9.0'
+description: 
+email:
+- damon.zucconi@modaoperandi.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- LICENSE.md
+- README.md
+- lib/assets/stylesheets/_moda-themes.scss
+- lib/assets/stylesheets/moda-themes/_themer.scss
+- lib/assets/stylesheets/moda-themes/_themes.scss
+- lib/moda-themes.rb
+- lib/moda-themes/version.rb
+homepage: https://github.com/ModaOperandi/themes
+licenses:
+- MIT
+metadata:
+  homepage_uri: https://github.com/ModaOperandi/themes
+  source_code_uri: https://github.com/ModaOperandi/themes
+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: []
+rubygems_version: 3.0.4
+signing_key: 
+specification_version: 4
+summary: Constant themed values for modaoperandi.com
+test_files: []