wirecss_rails 1.0.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -0,0 +1,11 @@
1
+ // ----------------------
2
+ max-width: 100%;
3
+ width: 100%;
4
+ width: auto;
5
+ }
6
+ border: 1px solid $wire-color-alt;
7
+ padding: .2em;
8
+ }
9
+ border-radius: 100%;
10
+ }
11
+ }
@@ -0,0 +1,43 @@
1
+ // ----------------------
2
+ dt {
3
+ font-weight: 700;
4
+ }
5
+ margin-left: 0;
6
+ }
7
+ @include grid();
8
+ padding-right: 1em;
9
+ text-align: left;
10
+ width: 30%;
11
+ }
12
+ width: 70%;
13
+ }
14
+ }
15
+ }
16
+ display: inline-block;
17
+ padding: 0;
18
+ display: inline-block;
19
+ padding-left: 5px;
20
+ padding-right: 5px;
21
+ padding-left: 0;
22
+ }
23
+ padding-right: 0;
24
+ }
25
+ }
26
+ }
27
+ .list--inline {
28
+ @extend %list-inline;
29
+ }
30
+ }
31
+ list-style: none;
32
+ margin: 0;
33
+ padding: 0;
34
+ ul {
35
+ padding: 0;
36
+ }
37
+ list-style: none;
38
+ }
39
+ }
40
+ .list--unstyled {
41
+ @extend %list-unstyled;
42
+ }
43
+ }
@@ -0,0 +1,49 @@
1
+ // ----------------------
2
+ @include mq(small) {
3
+ &[data-table~="responsive"] {
4
+ thead,
5
+ th {
6
+ display: none;
7
+ }
8
+ tr {
9
+ border-bottom: 1px solid $wire-table-border-color;
10
+ display: block;&:last-child {
11
+ border-bottom: 0;
12
+ }
13
+ }
14
+ display: block;
15
+ margin-left: 8em;
16
+ content: attr(data-th) ": ";
17
+ display: inline-block;
18
+ font-weight: 700;
19
+ margin-left: -8em;
20
+ min-width: 8em;
21
+ }
22
+ }
23
+ }
24
+ td {
25
+ display: block;
26
+ }
27
+ }
28
+ }
29
+ }
30
+
31
+ width: 100%;
32
+ td {
33
+ padding: .5em;
34
+ }
35
+ text-align: left;
36
+ }
37
+ th {
38
+ border-bottom: 1px solid $wire-table-border-color;
39
+ }
40
+ }
41
+ border-top: 1px solid $wire-table-border-color;
42
+ }&[data-table~="striped"] {
43
+ tr {
44
+ &:nth-child(even) {
45
+ background: $wire-table-tr-even-bg;
46
+ }
47
+ }
48
+ }
49
+ }
@@ -0,0 +1,80 @@
1
+ // ----------------------
2
+ //
3
+ // Typography
4
+ //
5
+ // ----------------------
6
+ // ----------------------
7
+ // Headings
8
+ // ----------------------
9
+ .h1,
10
+ .h2,
11
+ .h3,
12
+ .h4,
13
+ .h5,
14
+ .h6,
15
+ h1,
16
+ h2,
17
+ h3,
18
+ h4,
19
+ h5,
20
+ h6 {
21
+ font-weight: 600;
22
+ margin-bottom: 1rem;
23
+ margin-top: 0;
24
+ }
25
+
26
+ h1,
27
+ .h1 {
28
+ font-size: rem(36);
29
+ line-height: 1.3;
30
+ }
31
+
32
+ h2,
33
+ .h2 {
34
+ font-size: rem(30);
35
+ line-height: 1.35;
36
+ }
37
+
38
+ h3,
39
+ .h3 {
40
+ font-size: rem(24);
41
+ line-height: 1.45;
42
+ }
43
+
44
+ h4,
45
+ .h4 {
46
+ font-size: rem(18);
47
+ line-height: 1.6;
48
+ }
49
+
50
+ h5,
51
+ .h5 {
52
+ font-size: rem(14);
53
+ line-height: 1.75;
54
+ }
55
+
56
+ h6,
57
+ .h6 {
58
+ font-size: rem(12);
59
+ line-height: 1.9;
60
+ }
61
+
62
+ // ----------------------
63
+ // Mark
64
+ // ----------------------
65
+ mark {
66
+ background: rgba($wire-color-primary, .16);
67
+ padding: .2em;
68
+ }
69
+
70
+ // ----------------------
71
+ // Links
72
+ // ----------------------
73
+ a {
74
+ color: $wire-link-color;
75
+ text-decoration: none;
76
+ &:hover,
77
+ &:active {
78
+ color: $wire-link-color-hover;
79
+ }
80
+ }
@@ -0,0 +1,126 @@
1
+ @if $wire-debug == true {
2
+ /* ----------------------
3
+ //
4
+ // DEBUG
5
+ // Enable this to visually detect incorrect markup.
6
+ //
7
+ // ---------------------- */
8
+ // ----------------------
9
+ // Empty Elements
10
+ // ----------------------
11
+ :empty {
12
+ outline: 5px solid yellow;
13
+ }
14
+
15
+
16
+ // ----------------------
17
+ // Images
18
+ // ----------------------
19
+ img {
20
+ outline: 5px solid red;
21
+ &[alt] {
22
+ outline: none;
23
+ }
24
+ &[alt=""] {
25
+ outline: 5px solid yellow;
26
+ }
27
+ }
28
+
29
+
30
+ // ----------------------
31
+ // Links
32
+ // ----------------------
33
+ a {
34
+ outline: 5px solid yellow;
35
+ &[title] {
36
+ outline: none;
37
+ }
38
+ &[href="#"],
39
+ &[href*="javascript"] {
40
+ outline: 5px solid yellow;
41
+ }
42
+ &[target] {
43
+ outline: 5px solid yellow;
44
+ }
45
+ }
46
+
47
+
48
+ // ----------------------
49
+ // Lists
50
+ // ----------------------
51
+ ul,
52
+ ol {
53
+ > *:not(li) {
54
+ outline: 5px solid red;
55
+ }
56
+ }
57
+
58
+
59
+ // ----------------------
60
+ // Tables
61
+ // ----------------------
62
+ th {
63
+ outline: 5px solid yellow;
64
+ }
65
+ th[scope] {
66
+ outline: none;
67
+ }
68
+
69
+ // Tfoot in correct order
70
+ tbody + tfoot {
71
+ outline: 5px solid yellow;
72
+ }
73
+
74
+ // Put tbody or thead
75
+ table > tr {
76
+ outline: 5px solid yellow;
77
+ }
78
+
79
+
80
+ // ----------------------
81
+ // Forms
82
+ // ----------------------
83
+ form {
84
+ outline: 5px solid red;
85
+ &[action] {
86
+ outline: none;
87
+ }
88
+ }
89
+
90
+
91
+ // ----------------------
92
+ // Form Fields
93
+ // ----------------------
94
+ textarea,
95
+ input {
96
+ outline: 5px solid red;
97
+ }
98
+ input[type] {
99
+ outline: none;
100
+ }
101
+ textarea[rows][cols] {
102
+ outline: none;
103
+ }
104
+ input[type=submit] {
105
+ outline: 5px solid red;
106
+ }
107
+ input[type=submit][value] {
108
+ outline: none;
109
+ }
110
+
111
+
112
+ // ----------------------
113
+ // Remove inline styles if posible.
114
+ // ----------------------
115
+ [style] {
116
+ outline: 5px solid yellow;
117
+ }
118
+
119
+
120
+ // ----------------------
121
+ // No ID's for CSS
122
+ // ----------------------
123
+ [id] {
124
+ outline: 5px solid yellow;
125
+ }
126
+ }
@@ -0,0 +1,32 @@
1
+ // ----------------------
2
+ //
3
+ // IMPORTS
4
+ //
5
+ // ----------------------
6
+ // Variables
7
+ @import "_config.scss";
8
+
9
+ // Reset (Normalize)
10
+ @import "base/_normalize.scss";
11
+
12
+ // Mixins
13
+ @import "base/_mixins.scss";
14
+
15
+ // Helpers
16
+ @import "base/_helpers.scss";
17
+
18
+ // Global
19
+ @import "base/_global.scss";
20
+
21
+
22
+ // Components
23
+ @import "components/_buttons.scss";
24
+ @import "components/_grid.scss";
25
+ @import "components/_typography.scss";
26
+ @import "components/_forms.scss";
27
+ @import "components/_list.scss";
28
+ @import "components/_tables.scss";
29
+ @import "components/_images.scss";
30
+
31
+ // Debug
32
+ @import "tools/_debug.scss";
@@ -0,0 +1,36 @@
1
+
2
+ lib = File.expand_path("../lib", __FILE__)
3
+ $LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
4
+ require "wirecss_rails/version"
5
+
6
+ Gem::Specification.new do |spec|
7
+ spec.name = "wirecss_rails"
8
+ spec.version = WirecssRails::VERSION
9
+ spec.authors = ["Paul Ingham"]
10
+ spec.email = ["me@pingham.com"]
11
+
12
+ spec.summary = %q{WireCSS is a simple and responsive flexbox based Sass Framework}
13
+ spec.description = %q{Use this gem to bundle WireCSS into your Rails Apps}
14
+ spec.homepage = "https://github.com/paulingham/wirecss_rails"
15
+ spec.license = "MIT"
16
+
17
+ # Prevent pushing this gem to RubyGems.org. To allow pushes either set the 'allowed_push_host'
18
+ # to allow pushing to a single host or delete this section to allow pushing to any host.
19
+ if spec.respond_to?(:metadata)
20
+ spec.metadata["allowed_push_host"] = "https://rubygems.org"
21
+ else
22
+ raise "RubyGems 2.0 or newer is required to protect against " \
23
+ "public gem pushes."
24
+ end
25
+
26
+ spec.files = `git ls-files -z`.split("\x0").reject do |f|
27
+ f.match(%r{^(test|spec|features)/})
28
+ end
29
+ spec.bindir = "exe"
30
+ spec.executables = spec.files.grep(%r{^exe/}) { |f| File.basename(f) }
31
+ spec.require_paths = ["lib"]
32
+
33
+ spec.add_development_dependency "bundler", "~> 1.16"
34
+ spec.add_development_dependency "rake", "~> 10.0"
35
+ spec.add_development_dependency "rspec", "~> 3.0"
36
+ end
metadata ADDED
@@ -0,0 +1,116 @@
1
+ --- !ruby/object:Gem::Specification
2
+ name: wirecss_rails
3
+ version: !ruby/object:Gem::Version
4
+ version: 1.0.0
5
+ platform: ruby
6
+ authors:
7
+ - Paul Ingham
8
+ autorequire:
9
+ bindir: exe
10
+ cert_chain: []
11
+ date: 2018-08-02 00:00:00.000000000 Z
12
+ dependencies:
13
+ - !ruby/object:Gem::Dependency
14
+ name: bundler
15
+ requirement: !ruby/object:Gem::Requirement
16
+ requirements:
17
+ - - "~>"
18
+ - !ruby/object:Gem::Version
19
+ version: '1.16'
20
+ type: :development
21
+ prerelease: false
22
+ version_requirements: !ruby/object:Gem::Requirement
23
+ requirements:
24
+ - - "~>"
25
+ - !ruby/object:Gem::Version
26
+ version: '1.16'
27
+ - !ruby/object:Gem::Dependency
28
+ name: rake
29
+ requirement: !ruby/object:Gem::Requirement
30
+ requirements:
31
+ - - "~>"
32
+ - !ruby/object:Gem::Version
33
+ version: '10.0'
34
+ type: :development
35
+ prerelease: false
36
+ version_requirements: !ruby/object:Gem::Requirement
37
+ requirements:
38
+ - - "~>"
39
+ - !ruby/object:Gem::Version
40
+ version: '10.0'
41
+ - !ruby/object:Gem::Dependency
42
+ name: rspec
43
+ requirement: !ruby/object:Gem::Requirement
44
+ requirements:
45
+ - - "~>"
46
+ - !ruby/object:Gem::Version
47
+ version: '3.0'
48
+ type: :development
49
+ prerelease: false
50
+ version_requirements: !ruby/object:Gem::Requirement
51
+ requirements:
52
+ - - "~>"
53
+ - !ruby/object:Gem::Version
54
+ version: '3.0'
55
+ description: Use this gem to bundle WireCSS into your Rails Apps
56
+ email:
57
+ - me@pingham.com
58
+ executables: []
59
+ extensions: []
60
+ extra_rdoc_files: []
61
+ files:
62
+ - ".gitignore"
63
+ - ".rspec"
64
+ - ".travis.yml"
65
+ - Gemfile
66
+ - Gemfile.lock
67
+ - LICENSE.txt
68
+ - README.md
69
+ - Rakefile
70
+ - bin/console
71
+ - bin/setup
72
+ - lib/wirecss_rails.rb
73
+ - lib/wirecss_rails/engine.rb
74
+ - lib/wirecss_rails/version.rb
75
+ - vendor/assets/javascripts/wire.js
76
+ - vendor/assets/stylesheets/_config.scss
77
+ - vendor/assets/stylesheets/base/_global.scss
78
+ - vendor/assets/stylesheets/base/_helpers.scss
79
+ - vendor/assets/stylesheets/base/_mixins.scss
80
+ - vendor/assets/stylesheets/base/_normalize.scss
81
+ - vendor/assets/stylesheets/components/_buttons.scss
82
+ - vendor/assets/stylesheets/components/_forms.scss
83
+ - vendor/assets/stylesheets/components/_grid.scss
84
+ - vendor/assets/stylesheets/components/_images.scss
85
+ - vendor/assets/stylesheets/components/_list.scss
86
+ - vendor/assets/stylesheets/components/_tables.scss
87
+ - vendor/assets/stylesheets/components/_typography.scss
88
+ - vendor/assets/stylesheets/tools/_debug.scss
89
+ - vendor/assets/stylesheets/wire.scss
90
+ - wirecss_rails.gemspec
91
+ homepage: https://github.com/paulingham/wirecss_rails
92
+ licenses:
93
+ - MIT
94
+ metadata:
95
+ allowed_push_host: https://rubygems.org
96
+ post_install_message:
97
+ rdoc_options: []
98
+ require_paths:
99
+ - lib
100
+ required_ruby_version: !ruby/object:Gem::Requirement
101
+ requirements:
102
+ - - ">="
103
+ - !ruby/object:Gem::Version
104
+ version: '0'
105
+ required_rubygems_version: !ruby/object:Gem::Requirement
106
+ requirements:
107
+ - - ">="
108
+ - !ruby/object:Gem::Version
109
+ version: '0'
110
+ requirements: []
111
+ rubyforge_project:
112
+ rubygems_version: 2.5.2.3
113
+ signing_key:
114
+ specification_version: 4
115
+ summary: WireCSS is a simple and responsive flexbox based Sass Framework
116
+ test_files: []