scss_ninja 0.1.6 → 0.2.0

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

@@ -0,0 +1,392 @@
+.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 #dfdcdc;
+}
+
+.shadow-dark {
+  text-shadow: 2px 2px #000;
+}
+
+.text-white {
+  color: white;
+  font-weight: 900;
+  text-shadow: 2px 2px #343450;
+  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: -webkit-gradient(linear, left top, right top, from(#cc99ff), to(#ff9966));
+  background: linear-gradient(to right, #cc99ff 0%, #ff9966 100%);
+}
+
+.grdx-pri-orn {
+  background: -webkit-gradient(linear, left top, right top, from(#66ffcc), color-stop(71%, #ff9933));
+  background: linear-gradient(to right, #66ffcc 0%, #ff9933 71%);
+}
+
+.rrg-red-orn-grn {
+  background-image: repeating-radial-gradient(red, yellow 10%, green 15%);
+}
+
+.rrg-red-orn-pri {
+  background-image: repeating-radial-gradient(red, yellow 10%, cyan 15%);
+}
+
+.rrg-red-orn-pnk {
+  background-image: repeating-radial-gradient(red, yellow 10%, #db08ca 15%);
+}
+/*# sourceMappingURL=texts&backgrounds.css.map */

data/lib/scss_ninja/version.rb

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

data/scss_ninja.gemspec

@@ -1,4 +1,6 @@
 # frozen_string_literal: true
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
 
 require_relative "lib/scss_ninja/version"
 
@@ -35,4 +37,5 @@ Gem::Specification.new do |spec|
   # 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'
+  spec.add_runtime_dependency 'sassc', '~> 2.0'
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: scss_ninja
 version: !ruby/object:Gem::Version
-  version: 0.1.6
+  version: 0.2.0
 platform: ruby
 authors:
 - tongoonamujera
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2021-11-04 00:00:00.000000000 Z
+date: 2021-11-09 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: autoprefixer-rails
@@ -30,6 +30,20 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: 10.3.3.0
+- !ruby/object:Gem::Dependency
+  name: sassc
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2.0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2.0'
 description: Work still in progress
 email:
 - tongoonamujera@gmail.com
@@ -44,6 +58,7 @@ files:
 - CHANGELOG.md
 - CODE_OF_CONDUCT.md
 - Gemfile
+- Gemfile.lock
 - LICENSE.txt
 - README.md
 - Rakefile
@@ -52,6 +67,21 @@ files:
 - app/assets/stylesheets/cards.scss
 - app/assets/stylesheets/carousel.scss
 - app/assets/stylesheets/columns.scss
+- app/assets/stylesheets/css/border&radius.css
+- app/assets/stylesheets/css/buttons.css
+- app/assets/stylesheets/css/cards.css
+- app/assets/stylesheets/css/carousel.css
+- app/assets/stylesheets/css/columns.css
+- app/assets/stylesheets/css/forms.css
+- app/assets/stylesheets/css/heights.css
+- app/assets/stylesheets/css/margins&paddings.css
+- app/assets/stylesheets/css/modals.css
+- app/assets/stylesheets/css/nav.css
+- app/assets/stylesheets/css/opacity.css
+- app/assets/stylesheets/css/scss_ninja.css
+- app/assets/stylesheets/css/slidebtn.css
+- app/assets/stylesheets/css/tables.css
+- app/assets/stylesheets/css/texts&backgrounds.css
 - app/assets/stylesheets/forms.scss
 - app/assets/stylesheets/heights.scss
 - app/assets/stylesheets/margins&paddings.scss
@@ -69,6 +99,10 @@ files:
 - lib/scss_ninja/version.rb
 - scss_ninja-0.1.4.gem
 - scss_ninja-0.1.5.gem
+- scss_ninja-0.1.6.gem
+- scss_ninja-0.1.7.gem
+- scss_ninja-0.1.8.gem
+- scss_ninja-0.1.9.gem
 - scss_ninja.gemspec
 homepage: https://github.com/tongoonamujera/scss_ninja.git
 licenses: