sass-zero 0.0.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (32) hide show
  1. checksums.yaml +7 -0
  2. data/.gitignore +8 -0
  3. data/.travis.yml +7 -0
  4. data/CODE_OF_CONDUCT.md +74 -0
  5. data/Gemfile +6 -0
  6. data/Gemfile.lock +26 -0
  7. data/LICENSE.txt +21 -0
  8. data/README.md +51 -0
  9. data/Rakefile +10 -0
  10. data/bin/console +14 -0
  11. data/bin/setup +8 -0
  12. data/lib/sass/zero.rb +8 -0
  13. data/lib/sass/zero/version.rb +5 -0
  14. data/sass-zero.gemspec +30 -0
  15. data/vendor/assets/stylesheets/sass-zero/base.scss +3 -0
  16. data/vendor/assets/stylesheets/sass-zero/base/breadboard.scss +222 -0
  17. data/vendor/assets/stylesheets/sass-zero/base/normalize.css +349 -0
  18. data/vendor/assets/stylesheets/sass-zero/base/preflight.scss +231 -0
  19. data/vendor/assets/stylesheets/sass-zero/mixins.scss +49 -0
  20. data/vendor/assets/stylesheets/sass-zero/variables.scss +10 -0
  21. data/vendor/assets/stylesheets/sass-zero/variables/border.scss +22 -0
  22. data/vendor/assets/stylesheets/sass-zero/variables/breakpoints.scss +9 -0
  23. data/vendor/assets/stylesheets/sass-zero/variables/colors.scss +108 -0
  24. data/vendor/assets/stylesheets/sass-zero/variables/effects.scss +26 -0
  25. data/vendor/assets/stylesheets/sass-zero/variables/flex.scss +9 -0
  26. data/vendor/assets/stylesheets/sass-zero/variables/spacing.scss +28 -0
  27. data/vendor/assets/stylesheets/sass-zero/variables/transform.scss +35 -0
  28. data/vendor/assets/stylesheets/sass-zero/variables/transition.scss +36 -0
  29. data/vendor/assets/stylesheets/sass-zero/variables/typography.scss +72 -0
  30. data/vendor/assets/stylesheets/sass-zero/variables/width.scss +74 -0
  31. data/vendor/assets/stylesheets/sass-zero/variables/zindex.scss +12 -0
  32. metadata +104 -0
checksums.yaml ADDED
@@ -0,0 +1,7 @@
1
+ ---
2
+ SHA256:
3
+ metadata.gz: 92b2331577255b27502dae9893d545aa8ba26196ecc6b90e0b76f4f2a7dee21c
4
+ data.tar.gz: e8b7a0629b7df24a396231f68bd7c23d75b7b180a20cf6958a3240c349a9b3c8
5
+ SHA512:
6
+ metadata.gz: '08b8c3c8a197322d349091a299cb659972b31e9e1863371e98355a264ee22afbaadf388d5450ff40136937e187f54efae0bbdd4d11164a1a31c353efd34ba9d1'
7
+ data.tar.gz: de32c83bc5ccc995eeb49abf7b51ea21a29f42ad59d805e77dd5bc3522edbb34e98a24f584a7df3674ec403856f521e9afcc1defbac36b0e74e0d1970329b434
data/.gitignore ADDED
@@ -0,0 +1,8 @@
1
+ /.bundle/
2
+ /.yardoc
3
+ /_yardoc/
4
+ /coverage/
5
+ /doc/
6
+ /pkg/
7
+ /spec/reports/
8
+ /tmp/
data/.travis.yml ADDED
@@ -0,0 +1,7 @@
1
+ ---
2
+ sudo: false
3
+ language: ruby
4
+ cache: bundler
5
+ rvm:
6
+ - 2.6.5
7
+ before_install: gem install bundler -v 1.17.3
@@ -0,0 +1,74 @@
1
+ # Contributor Covenant Code of Conduct
2
+
3
+ ## Our Pledge
4
+
5
+ In the interest of fostering an open and welcoming environment, we as
6
+ contributors and maintainers pledge to making participation in our project and
7
+ our community a harassment-free experience for everyone, regardless of age, body
8
+ size, disability, ethnicity, gender identity and expression, level of experience,
9
+ nationality, personal appearance, race, religion, or sexual identity and
10
+ orientation.
11
+
12
+ ## Our Standards
13
+
14
+ Examples of behavior that contributes to creating a positive environment
15
+ include:
16
+
17
+ * Using welcoming and inclusive language
18
+ * Being respectful of differing viewpoints and experiences
19
+ * Gracefully accepting constructive criticism
20
+ * Focusing on what is best for the community
21
+ * Showing empathy towards other community members
22
+
23
+ Examples of unacceptable behavior by participants include:
24
+
25
+ * The use of sexualized language or imagery and unwelcome sexual attention or
26
+ advances
27
+ * Trolling, insulting/derogatory comments, and personal or political attacks
28
+ * Public or private harassment
29
+ * Publishing others' private information, such as a physical or electronic
30
+ address, without explicit permission
31
+ * Other conduct which could reasonably be considered inappropriate in a
32
+ professional setting
33
+
34
+ ## Our Responsibilities
35
+
36
+ Project maintainers are responsible for clarifying the standards of acceptable
37
+ behavior and are expected to take appropriate and fair corrective action in
38
+ response to any instances of unacceptable behavior.
39
+
40
+ Project maintainers have the right and responsibility to remove, edit, or
41
+ reject comments, commits, code, wiki edits, issues, and other contributions
42
+ that are not aligned to this Code of Conduct, or to ban temporarily or
43
+ permanently any contributor for other behaviors that they deem inappropriate,
44
+ threatening, offensive, or harmful.
45
+
46
+ ## Scope
47
+
48
+ This Code of Conduct applies both within project spaces and in public spaces
49
+ when an individual is representing the project or its community. Examples of
50
+ representing a project or community include using an official project e-mail
51
+ address, posting via an official social media account, or acting as an appointed
52
+ representative at an online or offline event. Representation of a project may be
53
+ further defined and clarified by project maintainers.
54
+
55
+ ## Enforcement
56
+
57
+ Instances of abusive, harassing, or otherwise unacceptable behavior may be
58
+ reported by contacting the project team at lazaronixon@hotmail.com. All
59
+ complaints will be reviewed and investigated and will result in a response that
60
+ is deemed necessary and appropriate to the circumstances. The project team is
61
+ obligated to maintain confidentiality with regard to the reporter of an incident.
62
+ Further details of specific enforcement policies may be posted separately.
63
+
64
+ Project maintainers who do not follow or enforce the Code of Conduct in good
65
+ faith may face temporary or permanent repercussions as determined by other
66
+ members of the project's leadership.
67
+
68
+ ## Attribution
69
+
70
+ This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4,
71
+ available at [http://contributor-covenant.org/version/1/4][version]
72
+
73
+ [homepage]: http://contributor-covenant.org
74
+ [version]: http://contributor-covenant.org/version/1/4/
data/Gemfile ADDED
@@ -0,0 +1,6 @@
1
+ source "https://rubygems.org"
2
+
3
+ git_source(:github) {|repo_name| "https://github.com/#{repo_name}" }
4
+
5
+ # Specify your gem's dependencies in sass-zero.gemspec
6
+ gemspec
data/Gemfile.lock ADDED
@@ -0,0 +1,26 @@
1
+ PATH
2
+ remote: .
3
+ specs:
4
+ sass-zero (0.0.1)
5
+ autoprefixer-rails
6
+
7
+ GEM
8
+ remote: https://rubygems.org/
9
+ specs:
10
+ autoprefixer-rails (9.7.4)
11
+ execjs
12
+ execjs (2.7.0)
13
+ minitest (5.14.0)
14
+ rake (10.5.0)
15
+
16
+ PLATFORMS
17
+ ruby
18
+
19
+ DEPENDENCIES
20
+ bundler (~> 1.17)
21
+ minitest (~> 5.0)
22
+ rake (~> 10.0)
23
+ sass-zero!
24
+
25
+ BUNDLED WITH
26
+ 1.17.3
data/LICENSE.txt ADDED
@@ -0,0 +1,21 @@
1
+ The MIT License (MIT)
2
+
3
+ Copyright (c) 2020 Lázaro Nixon
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining a copy
6
+ of this software and associated documentation files (the "Software"), to deal
7
+ in the Software without restriction, including without limitation the rights
8
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+ copies of the Software, and to permit persons to whom the Software is
10
+ furnished to do so, subject to the following conditions:
11
+
12
+ The above copyright notice and this permission notice shall be included in
13
+ all copies or substantial portions of the Software.
14
+
15
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
21
+ THE SOFTWARE.
data/README.md ADDED
@@ -0,0 +1,51 @@
1
+ # Sass::Zero
2
+
3
+ Welcome to your new gem! In this directory, you'll find the files you need to be able to package up your Ruby library into a gem. Put your Ruby code in the file `lib/sass/zero`. To experiment with that code, run `bin/console` for an interactive prompt.
4
+
5
+ TODO: Delete this and the text above, and describe your gem
6
+
7
+ ## Installation
8
+
9
+ Add this line to your application's Gemfile:
10
+
11
+ Gemfile
12
+
13
+ ```ruby
14
+ gem 'sass-zero'
15
+ gem 'autoprefixer-rails'
16
+ ```
17
+
18
+ application.css
19
+
20
+ ```css
21
+ *= require sass-zero/base
22
+ ```
23
+
24
+ somefile.scss
25
+
26
+ ```scss
27
+ @import "sass-zero/variables";
28
+ @import "sass-zero/mixins";
29
+ ```
30
+
31
+ ## Usage
32
+
33
+ TODO: Write usage instructions here
34
+
35
+ ## Development
36
+
37
+ After checking out the repo, run `bin/setup` to install dependencies. Then, run `rake test` to run the tests. You can also run `bin/console` for an interactive prompt that will allow you to experiment.
38
+
39
+ To install this gem onto your local machine, run `bundle exec rake install`. To release a new version, update the version number in `version.rb`, and then run `bundle exec rake release`, which will create a git tag for the version, push git commits and tags, and push the `.gem` file to [rubygems.org](https://rubygems.org).
40
+
41
+ ## Contributing
42
+
43
+ Bug reports and pull requests are welcome on GitHub at https://github.com/lazaronixon/sass-zero. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](http://contributor-covenant.org) code of conduct.
44
+
45
+ ## License
46
+
47
+ The gem is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
48
+
49
+ ## Code of Conduct
50
+
51
+ Everyone interacting in the Sass::Zero project’s codebases, issue trackers, chat rooms and mailing lists is expected to follow the [code of conduct](https://github.com/[USERNAME]/sass-zero/blob/master/CODE_OF_CONDUCT.md).
data/Rakefile ADDED
@@ -0,0 +1,10 @@
1
+ require "bundler/gem_tasks"
2
+ require "rake/testtask"
3
+
4
+ Rake::TestTask.new(:test) do |t|
5
+ t.libs << "test"
6
+ t.libs << "lib"
7
+ t.test_files = FileList["test/**/*_test.rb"]
8
+ end
9
+
10
+ task :default => :test
data/bin/console ADDED
@@ -0,0 +1,14 @@
1
+ #!/usr/bin/env ruby
2
+
3
+ require "bundler/setup"
4
+ require "sass/zero"
5
+
6
+ # You can add fixtures and/or initialization code here to make experimenting
7
+ # with your gem easier. You can also use a different console, if you like.
8
+
9
+ # (If you use this, don't forget to add pry to your Gemfile!)
10
+ # require "pry"
11
+ # Pry.start
12
+
13
+ require "irb"
14
+ IRB.start(__FILE__)
data/bin/setup ADDED
@@ -0,0 +1,8 @@
1
+ #!/usr/bin/env bash
2
+ set -euo pipefail
3
+ IFS=$'\n\t'
4
+ set -vx
5
+
6
+ bundle install
7
+
8
+ # Do any other automated setup that you need to do here
data/lib/sass/zero.rb ADDED
@@ -0,0 +1,8 @@
1
+ require "sass/zero/version"
2
+
3
+ module Sass
4
+ module Zero
5
+ class Error < StandardError; end
6
+ class Engine < ::Rails::Engine; end
7
+ end
8
+ end
@@ -0,0 +1,5 @@
1
+ module Sass
2
+ module Zero
3
+ VERSION = "0.0.1"
4
+ end
5
+ end
data/sass-zero.gemspec ADDED
@@ -0,0 +1,30 @@
1
+
2
+ lib = File.expand_path("../lib", __FILE__)
3
+ $LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
4
+ require "sass/zero/version"
5
+
6
+ Gem::Specification.new do |spec|
7
+ spec.name = "sass-zero"
8
+ spec.version = Sass::Zero::VERSION
9
+ spec.authors = ["Lázaro Nixon"]
10
+ spec.email = ["lazaronixon@hotmail.com"]
11
+
12
+ spec.summary = "CSS framework."
13
+ spec.description = "SASS-ZERO is a CSS framework that provides a basic grayscale theme to create raw affordance and after that, you can make it beautiful with our constrained variable system."
14
+ spec.homepage = "http://github.com/lazaronixon/sass-zero"
15
+ spec.license = "MIT"
16
+
17
+ # Specify which files should be added to the gem when it is released.
18
+ # The `git ls-files -z` loads the files in the RubyGem that have been added into git.
19
+ spec.files = Dir.chdir(File.expand_path('..', __FILE__)) do
20
+ `git ls-files -z`.split("\x0").reject { |f| f.match(%r{^(test|spec|features)/}) }
21
+ end
22
+ spec.bindir = "exe"
23
+ spec.executables = spec.files.grep(%r{^exe/}) { |f| File.basename(f) }
24
+ spec.require_paths = ["lib"]
25
+
26
+ spec.add_development_dependency "bundler", "~> 1.17"
27
+ spec.add_development_dependency "rake", "~> 10.0"
28
+
29
+ spec.requirements << "autoprefixer-rails"
30
+ end
@@ -0,0 +1,3 @@
1
+ @import "base/normalize";
2
+ @import "base/preflight";
3
+ @import "base/breadboard";
@@ -0,0 +1,222 @@
1
+ @import "sass-zero/variables";
2
+ @import "sass-zero/mixins";
3
+
4
+ $breadboard-bg: $white !default;
5
+ $breadboard-200: $gray-200 !default;
6
+ $breadboard-300: $gray-300 !default;
7
+ $breadboard-700: $gray-700 !default;
8
+ $breadboard-900: $gray-900 !default;
9
+
10
+ html {
11
+ background-color: $breadboard-bg;
12
+ color: $breadboard-700;
13
+ @include antialiased;
14
+ }
15
+
16
+ body {
17
+ font-size: $text-base;
18
+ line-height: $leading-normal;
19
+ }
20
+
21
+ blockquote {
22
+ border-left: $border-4 solid $breadboard-300;
23
+ padding: $size-3 $size-4;
24
+
25
+ *:last-child {
26
+ margin-bottom: $size-0;
27
+ }
28
+ }
29
+
30
+ button,
31
+ input[type='button'],
32
+ input[type='reset'],
33
+ input[type='submit'] {
34
+ background-color: $breadboard-900;
35
+ border-radius: $rounded;
36
+ color: $white;
37
+ cursor: pointer;
38
+ font-weight: $font-bold;
39
+ padding: $size-2 $size-3;
40
+
41
+ &:hover {
42
+ background-color: $breadboard-700;
43
+ }
44
+
45
+ &[disabled] {
46
+ background-color: $breadboard-900;
47
+ cursor: default;
48
+ opacity: $opacity-50;
49
+ }
50
+ }
51
+
52
+ code {
53
+ background: $breadboard-200;
54
+ border-radius: $rounded;
55
+ font-size: $text-sm;
56
+ margin: 0 $size-1;
57
+ padding: $size-1 $size-2;
58
+ white-space: nowrap;
59
+ }
60
+
61
+ pre {
62
+ background: $breadboard-200;
63
+ border-left: $border-4 solid $breadboard-900;
64
+ overflow-y: hidden;
65
+
66
+ & > code {
67
+ border-radius: $rounded-none;
68
+ display: block;
69
+ padding: $size-2 $size-3;
70
+ white-space: pre;
71
+ }
72
+ }
73
+
74
+ hr {
75
+ border-top: $border solid $breadboard-300;
76
+ margin: $size-4 $size-0;
77
+ }
78
+
79
+ input[type='email'],
80
+ input[type='number'],
81
+ input[type='password'],
82
+ input[type='search'],
83
+ input[type='tel'],
84
+ input[type='text'],
85
+ input[type='url'],
86
+ input[type='color'],
87
+ input[type='date'],
88
+ input[type='month'],
89
+ input[type='week'],
90
+ input[type='datetime'],
91
+ input[type='datetime-local'],
92
+ input:not([type]),
93
+ textarea,
94
+ select {
95
+ appearance: none;
96
+ background-color: $breadboard-200;
97
+ border: $border solid $breadboard-200;
98
+ border-radius: $rounded;
99
+ display: block;
100
+ line-height: $leading-tight;
101
+ padding: $size-3 $size-4;
102
+ width: $size-full;
103
+
104
+ &:focus {
105
+ background-color: $breadboard-bg;
106
+ border-color: $breadboard-300;
107
+ outline: 0;
108
+ }
109
+ }
110
+
111
+ select {
112
+ background: $breadboard-200 url('data:image/svg+xml;utf8,<svg width="16" height="16" style="fill: %23#{str-slice(ie-hex-str($breadboard-700), 4)};" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z"></path></svg>') center right $size-2 no-repeat;
113
+ padding-right: $size-8;
114
+ }
115
+
116
+ textarea {
117
+ min-height: $size-24;
118
+ }
119
+
120
+ label, legend {
121
+ display: block;
122
+ font-size: $text-xs;
123
+ font-weight: $font-bold;
124
+ letter-spacing: $tracking-wide;
125
+ margin-bottom: $size-1;
126
+ }
127
+
128
+ a {
129
+ color: $breadboard-900;
130
+ font-weight: $font-medium;
131
+ text-decoration: underline;
132
+
133
+ &:hover {
134
+ color: $breadboard-700;
135
+ }
136
+ }
137
+
138
+ ol {
139
+ list-style: decimal inside;
140
+ }
141
+
142
+ ul {
143
+ list-style: circle inside;
144
+ }
145
+
146
+ button,
147
+ dd,
148
+ dt,
149
+ li {
150
+ margin-bottom: $size-2;
151
+ }
152
+
153
+ fieldset,
154
+ input,
155
+ select,
156
+ textarea {
157
+ margin-bottom: $size-3;
158
+ }
159
+
160
+ blockquote,
161
+ dl,
162
+ figure,
163
+ form,
164
+ ol,
165
+ p,
166
+ pre,
167
+ table,
168
+ ul {
169
+ margin-bottom: $size-4;
170
+ }
171
+
172
+ table {
173
+ width: $size-full;
174
+ }
175
+
176
+ td, th {
177
+ border-bottom: $border solid $breadboard-300;
178
+ padding: $size-2 $size-4;
179
+ text-align: left;
180
+ }
181
+
182
+ td:first-child, th:first-child {
183
+ padding-left: 0;
184
+ }
185
+
186
+ td:last-child, th:last-child {
187
+ padding-right: 0;
188
+ }
189
+
190
+ h1, h2, h3, h4, h5, h6 {
191
+ font-weight: $font-semibold;
192
+ line-height: $leading-tight;
193
+ margin-bottom: $size-2;
194
+ }
195
+
196
+ h1 {
197
+ font-size: $text-4xl;
198
+ }
199
+
200
+ h2 {
201
+ font-size: $text-3xl;
202
+ }
203
+
204
+ h3 {
205
+ font-size: $text-2xl;
206
+ }
207
+
208
+ h4 {
209
+ font-size: $text-xl;
210
+ }
211
+
212
+ h5 {
213
+ font-size: $text-lg;
214
+ }
215
+
216
+ h6 {
217
+ font-size: $text-base;
218
+ }
219
+
220
+ main {
221
+ @include make-container($size-6, $breakpoint-lg);
222
+ }