scss_ninja 0.1.0

data/app/assets/stylesheets/texts&backgrounds.scss

@@ -0,0 +1,380 @@
+.has-text-center {
+  text-align: center;
+}
+
+.text-upcase {
+  text-transform: uppercase;
+}
+
+.text-lowercase {
+  text-transform: lowercase;
+}
+
+.text-dark {
+  color: #000000;
+}
+
+.text-pri {
+  color: #00ffff;
+}
+
+.text-danger {
+  color: #ff0000;
+}
+
+.text-success {
+  color: #008000;
+}
+
+.text-warning {
+  color: #ffa500;
+}
+
+.text-pink {
+  color: #ff00ff;
+}
+
+.text-gray {
+  color: #808080;
+}
+
+.text-light {
+  color: #e6e6e6;
+}
+
+.text-info {
+  color: #0000ff;
+}
+
+.shadow-red {
+  text-shadow: 2px 2px #ff0000;
+}
+
+.shadow-blue {
+  text-shadow: 2px 2px #0000ff;
+}
+
+.shadow-white {
+  text-shadow: 2px 2px white;
+}
+
+.shadow-light {
+  text-shadow: 2px 2px rgb(223, 220, 220);
+}
+
+.shadow-dark {
+  text-shadow: 2px 2px #000;
+}
+
+.text-white {
+  color: white;
+  font-weight: 900;
+  text-shadow: 2px 2px rgb(52, 52, 80);
+  font-size: 25px;
+  letter-spacing: 1px;
+}
+
+
+/*  ############# colors ############  */
+.bg-dark {
+  background-color: #000000;
+}
+
+.bg-light {
+  background-color: #e6e6e6;
+}
+
+.bg-gray {
+  background-color: #808080;
+}
+
+.bg-white {
+  background-color: white;
+}
+
+/* ############# primary colors ###########   */
+
+.bg-pri {
+  background-color: #00ffff;
+}
+
+.bg-pri-light-1 {
+  background-color: #1affff;
+}
+
+.bg-pri-light-2 {
+  background-color: #4dffff;
+}
+
+.bg-pri-light-3 {
+  background-color: #80ffff;
+}
+
+.bg-pri-light-4 {
+  background-color: #b3ffff;
+}
+
+.bg-pri-light-5 {
+  background-color: #e6ffff;
+}
+
+/* ######## primary dark colors */
+.bg-pri-dark-1 {
+  background-color: #001a1a;
+}
+
+.bg-pri-dark-2 {
+  background-color: #004d4d;
+}
+
+.bg-pri-dark-3 {
+  background-color: #008080;
+}
+
+.bg-pri-dark-4 {
+  background-color: #00b3b3;
+}
+
+.bg-pri-dark-4 {
+  background-color: #00cccc;
+}
+
+/* ################# Red backgounds ############### */
+.bg-red {
+  background-color: #ff0000;
+}
+
+.bg-red-light-1 {
+  background-color: #ff3333;
+}
+
+.bg-red-light-2 {
+  background-color: #ff4d4d;
+}
+
+.bg-red-light-3 {
+  background-color: #ff8080;
+}
+
+.bg-red-light-4 {
+  background-color: #ff9999;
+}
+
+.bg-red-light-5 {
+  background-color: #ffcccc;
+}
+
+/* ########### red dark styles ############ */
+.bg-red-dark-1 {
+  background-color: #1a0000;
+}
+
+.bg-red-dark-2 {
+  background-color: #4d0000;
+}
+
+.bg-red-dark-3 {
+  background-color: #800000;
+}
+
+.bg-red-dark-4 {
+  background-color: #b30000;
+}
+
+.bg-red-dark-5 {
+  background-color: #e60000;
+}
+
+/* ########## orange backgrounds ########## */
+.bg-orn {
+  background-color: #ffa500;
+}
+
+.bg-orn-light-1 {
+  background-color: #ffb833;
+}
+
+.bg-orn-light-2 {
+  background-color: #ffc966;
+}
+
+.bg-orn-light-3 {
+  background-color: #ffdb99;
+}
+
+.bg-orn-light-4 {
+  background-color: #ffedcc;
+}
+
+.bg-orn-light-5 {
+  background-color: #fff6e6;
+}
+
+/* ############# Orange dark ############### */
+.bg-orn-dark-1 {
+  background-color: #1a1100;
+}
+
+.bg-orn-dark-2 {
+  background-color: #4d3200;
+}
+
+.bg-orn-dark-3 {
+  background-color: #805300;
+}
+
+.bg-orn-dark-4 {
+  background-color: #b37400;
+}
+
+.bg-orn-dark-5 {
+  background-color: #e69500;
+}
+
+/* ############ Success colurs ############## */
+.bg-suc {
+  background-color: #008000;
+}
+
+.bg-suc-light-1 {
+  background-color: #00b300;
+}
+
+.bg-suc-light-2 {
+  background-color: #00ff00;
+}
+
+.bg-suc-light-3 {
+  background-color: #4dff4d;
+}
+
+.bg-suc-light-4 {
+  background-color: #99ff99;
+}
+
+.bg-suc-light-5 {
+  background-color: #ccffcc;
+}
+
+/* ############# success dark colors ############## */
+.bg-suc-dark-1 {
+  background-color: #001a00;
+}
+
+.bg-suc-dark-2 {
+  background-color: #003300;
+}
+
+.bg-suc-dark-3 {
+  background-color: #004d00;
+}
+
+.bg-suc-dark-4 {
+  background-color: #006600;
+}
+
+.bg-suc-dark-5 {
+  background-color: #028502;
+}
+
+/* ############# Pink backgrounds ############ */
+.bg-pnk {
+  background-color: #ff00ff;
+}
+
+.bg-pnk-light-1 {
+  background-color: #ff33ff;
+}
+
+.bg-pnk-light-2 {
+  background-color: #ff66ff;
+}
+
+.bg-pnk-light-3 {
+  background-color: #ff99ff;
+}
+
+.bg-pnk-light-4 {
+  background-color: #ffb3ff;
+}
+
+.bg-pnk-light-5 {
+  background-color: #ffe6ff;
+}
+
+/* ############ Pink dark colors ############# */
+.bg-pnk-dark-1 {
+  background-color: #1a001a;
+}
+
+.bg-pnk-dark-2 {
+  background-color: #4d004d;
+}
+
+.bg-pnk-dark-3 {
+  background-color: #800080;
+}
+
+.bg-pnk-dark-4 {
+  background-color: #b300b3;
+}
+
+.bg-pnk-dark-5 {
+  background-color: #cc00cc;
+}
+
+/* ############ Info background colors ########### */
+.bg-info {
+  background-color: #0000ff;
+}
+
+.bg-info-light-1 {
+  background-color: #3333ff;
+}
+
+.bg-info-light-2 {
+  background-color: #6666ff;
+}
+
+.bg-info-light-3 {
+  background-color: #9999ff;
+}
+
+.bg-info-light-4 {
+  background-color: #bdbdfd;
+}
+
+.bg-info-light-5 {
+  background-color: #d0d0fa;
+}
+
+/* ############ Info dark styles ############### */
+.bg-info-dark-1 {
+  background-color: #000033;
+}
+
+.bg-info-dark-2 {
+  background-color: #000066;
+}
+
+.bg-info-dark-3 {
+  background-color: #000099;
+}
+
+.bg-info-dark-4 {
+  background-color: #0303ca;
+}
+
+.bg-info-dark-5 {
+  background-color: #0404d8;
+}
+
+/* ############ Gradients x-axis ############# */
+
+.grdx-pnkl-orn {
+  background: linear-gradient(to right, #cc99ff 0%, #ff9966 100%);
+}
+
+.grdx-pri-orn {
+  background: linear-gradient(to right, #66ffcc 0%, #ff9933 71%);
+}

data/bin/console

@@ -0,0 +1,15 @@
+#!/usr/bin/env ruby
+# frozen_string_literal: true
+
+require "bundler/setup"
+require "scss_ninja"
+
+# You can add fixtures and/or initialization code here to make experimenting
+# with your gem easier. You can also use a different console, if you like.
+
+# (If you use this, don't forget to add pry to your Gemfile!)
+# require "pry"
+# Pry.start
+
+require "irb"
+IRB.start(__FILE__)

data/bin/setup

@@ -0,0 +1,8 @@
+#!/usr/bin/env bash
+set -euo pipefail
+IFS=$'\n\t'
+set -vx
+
+bundle install
+
+# Do any other automated setup that you need to do here

data/lib/scss_ninja/scss_ninja_engine.rb

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

data/lib/scss_ninja/version.rb

@@ -0,0 +1,5 @@
+# frozen_string_literal: true
+
+module ScssNinja
+  VERSION = "0.1.0"
+end

data/lib/scss_ninja.rb

@@ -0,0 +1,9 @@
+# frozen_string_literal: true
+
+require_relative "scss_ninja/version"
+require_relative "scss_ninja/scss_ninja_engine"
+
+module ScssNinja
+  class Error < StandardError; end
+  # Your code goes here...
+end

data/scss_ninja.gemspec

@@ -0,0 +1,38 @@
+# frozen_string_literal: true
+
+require_relative "lib/scss_ninja/version"
+
+Gem::Specification.new do |spec|
+  spec.name          = "scss_ninja"
+  spec.version       = ScssNinja::VERSION
+  spec.authors       = ["tongoonamujera"]
+  spec.email         = ["tongoonamujera@gmail.com"]
+
+  spec.summary       = "built to make styling look so easy"
+  spec.description   = "Work still in progress"
+  spec.homepage      = "https://github.com/tongoonamujera/scss_ninja.git"
+  spec.license       = "MIT"
+  spec.required_ruby_version = Gem::Requirement.new(">= 2.4.0")
+
+  # spec.metadata["allowed_push_host"] = "https://github.com/tongoonamujera/scss_ninja.git"
+
+  spec.metadata["homepage_uri"] = spec.homepage
+  spec.metadata["source_code_uri"] = "https://github.com/tongoonamujera/scss_ninja.git"
+  spec.metadata["changelog_uri"] = "https://github.com/tongoonamujera/scss_ninja.git"
+
+  # Specify which files should be added to the gem when it is released.
+  # The `git ls-files -z` loads the files in the RubyGem that have been added into git.
+  spec.files = Dir.chdir(File.expand_path(__dir__)) do
+    `git ls-files -z`.split("\x0").reject { |f| f.match(%r{\A(?:test|spec|features)/}) }
+  end
+  spec.bindir        = "exe"
+  spec.executables   = spec.files.grep(%r{\Aexe/}) { |f| File.basename(f) }
+  spec.require_paths = ["lib"]
+
+  # Uncomment to register a new dependency of your gem
+  # spec.add_dependency "example-gem", "~> 1.0"
+
+  # For more information and examples about making a new gem, checkout our
+  # guide at: https://bundler.io/guides/creating_gem.html
+  spec.add_runtime_dependency 'autoprefixer-rails', '~> 10.3', '>= 10.3.3.0'
+end

metadata

@@ -0,0 +1,89 @@
+--- !ruby/object:Gem::Specification
+name: scss_ninja
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- tongoonamujera
+autorequire: 
+bindir: exe
+cert_chain: []
+date: 2021-10-30 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: autoprefixer-rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.3'
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 10.3.3.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.3'
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 10.3.3.0
+description: Work still in progress
+email:
+- tongoonamujera@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".github/workflows/main.yml"
+- ".gitignore"
+- ".rspec"
+- ".rubocop.yml"
+- CHANGELOG.md
+- CODE_OF_CONDUCT.md
+- Gemfile
+- LICENSE.txt
+- README.md
+- Rakefile
+- app/assets/stylesheets/buttons.scss
+- app/assets/stylesheets/carousel.scss
+- app/assets/stylesheets/heights.scss
+- app/assets/stylesheets/margins&paddings.scss
+- app/assets/stylesheets/scss_ninja.scss
+- app/assets/stylesheets/slidebtn.scss
+- app/assets/stylesheets/texts&backgrounds.scss
+- bin/console
+- bin/setup
+- lib/scss_ninja.rb
+- lib/scss_ninja/scss_ninja_engine.rb
+- lib/scss_ninja/version.rb
+- scss_ninja.gemspec
+homepage: https://github.com/tongoonamujera/scss_ninja.git
+licenses:
+- MIT
+metadata:
+  homepage_uri: https://github.com/tongoonamujera/scss_ninja.git
+  source_code_uri: https://github.com/tongoonamujera/scss_ninja.git
+  changelog_uri: https://github.com/tongoonamujera/scss_ninja.git
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: 2.4.0
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubygems_version: 3.2.16
+signing_key: 
+specification_version: 4
+summary: built to make styling look so easy
+test_files: []