minable 0.0.2 → 0.1.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (65) hide show
  1. checksums.yaml +4 -4
  2. data/Gemfile +1 -1
  3. data/Gemfile.lock +4 -4
  4. data/Rakefile +1 -1
  5. data/app/assets/stylesheets/minable/_all.scss +1 -0
  6. data/app/assets/stylesheets/minable/_global.scss +28 -0
  7. data/app/assets/stylesheets/minable/_grid.scss +11 -0
  8. data/app/assets/stylesheets/minable/_settings.scss +15 -0
  9. data/app/assets/stylesheets/{framework → minable/framework}/_all.scss +0 -0
  10. data/app/assets/stylesheets/{framework → minable/framework}/_normalize.scss +0 -0
  11. data/app/assets/stylesheets/{framework → minable/framework}/_typecsset.scss +0 -27
  12. data/app/assets/stylesheets/{framework → minable/framework}/grid/_all.scss +0 -0
  13. data/app/assets/stylesheets/minable/framework/grid/_grid-core.scss +66 -0
  14. data/app/assets/stylesheets/minable/framework/grid/_grid-unit.scss +380 -0
  15. data/app/assets/stylesheets/{helpers → minable/helpers}/_all.scss +0 -0
  16. data/app/assets/stylesheets/{helpers → minable/helpers}/classes/_all.scss +1 -0
  17. data/app/assets/stylesheets/minable/helpers/classes/_clearfix.scss +23 -0
  18. data/app/assets/stylesheets/{helpers → minable/helpers}/classes/_display-classes.scss +13 -15
  19. data/app/assets/stylesheets/{helpers → minable/helpers}/functions/_all.scss +0 -0
  20. data/app/assets/stylesheets/{helpers → minable/helpers}/functions/_strip-unit.scss +0 -0
  21. data/app/assets/stylesheets/{helpers → minable/helpers}/mixins/_all.scss +2 -1
  22. data/app/assets/stylesheets/minable/helpers/mixins/_opacity.scss +6 -0
  23. data/app/assets/stylesheets/{helpers → minable/helpers}/mixins/_rem-fallback.scss +0 -1
  24. data/app/assets/stylesheets/{helpers → minable/helpers}/mixins/_replace-text.scss +0 -0
  25. data/app/assets/stylesheets/minable-ui/_all.scss +3 -0
  26. data/app/assets/stylesheets/minable-ui/buttons/_all.scss +3 -0
  27. data/app/assets/stylesheets/minable-ui/buttons/_button-colors.scss +49 -0
  28. data/app/assets/stylesheets/minable-ui/buttons/_button-core.scss +32 -0
  29. data/app/assets/stylesheets/minable-ui/buttons/_button-group.scss +0 -0
  30. data/app/assets/stylesheets/minable-ui/buttons/_button-icon.scss +0 -0
  31. data/app/assets/stylesheets/minable-ui/buttons/_button-settings.scss +33 -0
  32. data/app/assets/stylesheets/minable-ui/forms/_all.scss +5 -0
  33. data/app/assets/stylesheets/minable-ui/forms/_form-core.scss +63 -0
  34. data/app/assets/stylesheets/minable-ui/forms/_form-grouped.scss +148 -0
  35. data/app/assets/stylesheets/minable-ui/forms/_form-responsive.scss +59 -0
  36. data/app/assets/stylesheets/minable-ui/forms/_form-settings.scss +22 -0
  37. data/app/assets/stylesheets/minable-ui/forms/_form-stacked.scss +28 -0
  38. data/app/assets/stylesheets/minable-ui/tables/_all.scss +2 -0
  39. data/app/assets/stylesheets/minable-ui/tables/_tables-core.scss +16 -0
  40. data/app/assets/stylesheets/minable-ui/tables/_tables-settings.scss +9 -0
  41. data/features/step_definitions/minable_steps.rb +2 -2
  42. data/features/support/env.rb +4 -1
  43. data/features/support/minable_support.rb +3 -3
  44. data/lib/minable/generator.rb +13 -13
  45. data/lib/minable/version.rb +1 -1
  46. data/lib/minable.rb +3 -3
  47. data/lib/tasks/install.rake +9 -9
  48. data/minable.gemspec +10 -12
  49. data/readme.md +14 -32
  50. metadata +40 -32
  51. data/app/assets/stylesheets/_global.scss +0 -8
  52. data/app/assets/stylesheets/_minable.scss +0 -36
  53. data/app/assets/stylesheets/_settings.scss +0 -25
  54. data/app/assets/stylesheets/_shame.scss +0 -1
  55. data/app/assets/stylesheets/components/_all.scss +0 -6
  56. data/app/assets/stylesheets/components/_containers.scss +0 -1
  57. data/app/assets/stylesheets/components/_footer.scss +0 -1
  58. data/app/assets/stylesheets/components/_header.scss +0 -1
  59. data/app/assets/stylesheets/components/_typography.scss +0 -1
  60. data/app/assets/stylesheets/framework/grid/_grid-core.scss +0 -58
  61. data/app/assets/stylesheets/framework/grid/_grid-unit.scss +0 -195
  62. data/app/assets/stylesheets/modules/_all.scss +0 -1
  63. data/app/assets/stylesheets/templates/_404.scss +0 -1
  64. data/app/assets/stylesheets/templates/_all.scss +0 -3
  65. data/app/assets/stylesheets/templates/_home.scss +0 -1
@@ -1,5 +1,5 @@
1
1
  require 'minable/version'
2
- require "fileutils"
2
+ require 'fileutils'
3
3
  require 'thor'
4
4
 
5
5
  module Minable
@@ -7,31 +7,31 @@ module Minable
7
7
  map ['-v', '--version'] => :version
8
8
 
9
9
  desc 'install', 'Install Minable into your project'
10
- method_options :path => :string, :force => :boolean
10
+ method_options path: :string, force: :boolean
11
11
  def install
12
12
  if minable_files_already_exist? && !options[:force]
13
- puts "Minable files already installed, doing nothing."
13
+ puts 'Minable files already installed, doing nothing.'
14
14
  else
15
15
  install_files
16
- puts "Minable files installed to #{install_path}/"
16
+ puts 'Minable files installed to #{install_path}/'
17
17
  end
18
18
  end
19
19
 
20
20
  desc 'update', 'Update Minable'
21
- method_options :path => :string
21
+ method_options path: :string
22
22
  def update
23
23
  if minable_files_already_exist?
24
24
  remove_minable_directory
25
25
  install_files
26
- puts "Minable files updated."
26
+ puts 'Minable files updated.'
27
27
  else
28
- puts "No existing minable installation. Doing nothing."
28
+ puts 'No existing minable installation. Doing nothing.'
29
29
  end
30
30
  end
31
31
 
32
32
  desc 'version', 'Show Minable version'
33
33
  def version
34
- say "Minable #{Minable::VERSION}"
34
+ say 'Minable #{Minable::VERSION}'
35
35
  end
36
36
 
37
37
  private
@@ -42,9 +42,9 @@ module Minable
42
42
 
43
43
  def install_path
44
44
  @install_path ||= if options[:path]
45
- Pathname.new(File.join(options[:path], 'minable'))
45
+ Pathname.new(File.join(options[:path], '.'))
46
46
  else
47
- Pathname.new('minable')
47
+ Pathname.new('.')
48
48
  end
49
49
  end
50
50
 
@@ -54,7 +54,7 @@ module Minable
54
54
  end
55
55
 
56
56
  def remove_minable_directory
57
- FileUtils.rm_rf("minable")
57
+ FileUtils.rm_rf('minable')
58
58
  end
59
59
 
60
60
  def make_install_directory
@@ -66,11 +66,11 @@ module Minable
66
66
  end
67
67
 
68
68
  def all_stylesheets
69
- Dir["#{stylesheets_directory}/*"]
69
+ Dir['#{stylesheets_directory}/*']
70
70
  end
71
71
 
72
72
  def stylesheets_directory
73
- File.join(top_level_directory, "app", "assets", "stylesheets")
73
+ File.join(top_level_directory, 'app', 'assets', 'stylesheets')
74
74
  end
75
75
 
76
76
  def top_level_directory
@@ -1,3 +1,3 @@
1
1
  module Minable
2
- VERSION = "0.0.2"
2
+ VERSION = "0.1.1"
3
3
  end
data/lib/minable.rb CHANGED
@@ -2,7 +2,7 @@
2
2
  dir = File.dirname(__FILE__)
3
3
  $LOAD_PATH.unshift dir unless $LOAD_PATH.include?(dir)
4
4
 
5
- require "minable/generator"
5
+ require 'minable/generator'
6
6
 
7
7
  unless defined?(Sass)
8
8
  require 'sass'
@@ -17,11 +17,11 @@ module Minable
17
17
  module Rails
18
18
  class Railtie < ::Rails::Railtie
19
19
  rake_tasks do
20
- load "tasks/install.rake"
20
+ load 'tasks/install.rake'
21
21
  end
22
22
  end
23
23
  end
24
24
  else
25
- Sass.load_paths << File.expand_path("../../app/assets/stylesheets", __FILE__)
25
+ Sass.load_paths << File.expand_path('../../app/assets/stylesheets', __FILE__)
26
26
  end
27
27
  end
@@ -1,18 +1,18 @@
1
1
  # Needed for pre-3.1.
2
2
 
3
- require "fileutils"
4
- require "find"
3
+ require 'fileutils'
4
+ require 'find'
5
5
 
6
6
  namespace :minable do
7
- desc "Move files to the Rails assets directory."
7
+ desc 'Move files to the Rails assets directory.'
8
8
  task :install, [:sass_path] do |t, args|
9
- args.with_defaults(:sass_path => 'public/stylesheets/sass')
9
+ args.with_defaults(sass_path: 'public/stylesheets/sass')
10
10
  source_root = File.expand_path(File.join(File.dirname(__FILE__), '..', '..'))
11
- FileUtils.mkdir_p("#{Rails.root}/#{args.sass_path}/minable")
12
- FileUtils.cp_r("#{source_root}/app/assets/stylesheets/.", "#{Rails.root}/#{args.sass_path}/minable", { :preserve => true })
13
- Find.find("#{Rails.root}/#{args.sass_path}/minable") do |path|
14
- if path.end_with?(".css.scss")
15
- path_without_css_extension = path.gsub(/\.css\.scss$/, ".scss")
11
+ FileUtils.mkdir_p('#{Rails.root}/#{args.sass_path}/minable')
12
+ FileUtils.cp_r('#{source_root}/app/assets/stylesheets/.', '#{Rails.root}/#{args.sass_path}', { preserve: true })
13
+ Find.find('#{Rails.root}/#{args.sass_path}') do |path|
14
+ if path.end_with?('.css.scss')
15
+ path_without_css_extension = path.gsub(/\.css\.scss$/, '.scss')
16
16
  FileUtils.mv(path, path_without_css_extension)
17
17
  end
18
18
  end
data/minable.gemspec CHANGED
@@ -1,24 +1,22 @@
1
1
  # -*- encoding: utf-8 -*-
2
- $:.push File.expand_path("../lib", __FILE__)
3
- require "minable/version"
2
+ $LOAD_PATH.push File.expand_path('../lib', __FILE__)
3
+ require 'minable/version'
4
4
 
5
5
  Gem::Specification.new do |s|
6
- s.name = "minable"
6
+ s.name = 'minable'
7
7
  s.version = Minable::VERSION
8
8
  s.platform = Gem::Platform::RUBY
9
- s.authors = ["Joe Dinsdale", "Luke Barratt"]
10
- s.email = ["digital@bolser.co.uk"]
9
+ s.authors = ['Joe Dinsdale', 'Luke Barratt']
10
+ s.email = ['digital@bolser.co.uk']
11
11
  s.license = 'MIT'
12
- s.homepage = "https://github.com/bolser/minable"
13
- s.summary = "Sass Mixins using SCSS syntax."
14
- s.description = <<-DESC
15
- Minable is a minimal CSS framework written in SCSS.
16
- DESC
12
+ s.homepage = 'https://github.com/bolser/minable'
13
+ s.summary = 'Sass Mixins using SCSS syntax.'
14
+ s.description = 'Minable is a minimal CSS framework written in SCSS.'
17
15
 
18
16
  s.files = `git ls-files`.split("\n")
19
17
  s.test_files = `git ls-files -- {test,spec,features}/*`.split("\n")
20
- s.executables = `git ls-files -- bin/*`.split("\n").map{ |f| File.basename(f) }
21
- s.require_paths = ["lib"]
18
+ s.executables = `git ls-files -- bin/*`.split("\n").map { |f| File.basename(f) }
19
+ s.require_paths = ['lib']
22
20
 
23
21
  s.add_dependency('sass', '~> 3.2.14')
24
22
  s.add_dependency('thor')
data/readme.md CHANGED
@@ -1,39 +1,25 @@
1
- [![Gem Version](https://badge.fury.io/rb/minable.png)](http://badge.fury.io/rb/minable)
2
-
3
1
  # Minable
4
2
 
5
- Minable is a minimal CSS framework written in SCSS. It's based on Yahoo's [Pure CSS](http://purecss.io/) and thoughtbot's [Bourbon](http://bourbon.io/).
6
-
7
- Minable is very early in development, expect breaking changes in the near future. Documentation and examples coming soon.
8
-
9
- ## Requirements
10
- Sass 3.2+
11
-
12
- # SASS projects
13
- Minable includes an easy way to generate a directory with all the necessary files.
14
- For command line help: `$ minable help`
15
-
16
- #### Install
17
-
18
- gem install minable
3
+ [![Gem Version](https://badge.fury.io/rb/minable.png)](http://badge.fury.io/rb/minable)
4
+ [![Code Climate](https://codeclimate.com/github/bolser/minable/badges/gpa.svg)](https://codeclimate.com/github/bolser/minable)
19
5
 
20
- Install Minable into the current directory by generating the `minable` folder:
6
+ ## Warning: Minable's architechure is not yet finalised and is therefore not considered production ready.
21
7
 
22
- minable install
8
+ Minable is a light-weight responsive framework powered by Sass.
23
9
 
24
- The generated folder will contain all the mixins and other necessary Minable files. It is recommended not to add or modify the Minable files so that you can update Minable easily.
10
+ Currently Minable is a work in progress and therefore is likely to evolve over time as will this documentation.
25
11
 
26
- You can specify a target directory using the `path` flag:
12
+ ## Requirements
27
13
 
28
- minable install --path my/custom/path/
14
+ Sass 3.2+
29
15
 
30
- #### Import
16
+ ## SASS projects
31
17
 
32
- Lastly, import the mixins at the beginning of your stylesheet(s):
18
+ Minable includes a way to generate a directory with all the necessary files.
19
+ For command line help: `$ minable help`
33
20
 
34
- @import 'minable/minable';
21
+ ## Install for Rails 3.1+
35
22
 
36
- # Install for Rails 3.1+
37
23
  In your Gemfile:
38
24
 
39
25
  gem 'minable'
@@ -50,11 +36,7 @@ Delete the sprocket directive in application.css.scss.
50
36
 
51
37
  *= require_tree .
52
38
 
53
- Import Minable at the beginning of application.css.scss. All additional stylesheets must be imported below Minable:
54
-
55
- @import "minable";
56
-
57
- License
58
- -------
39
+ If you're planning on overwriting the default settings, create a `_settings.scss` file first. Make sure to include it before `minable/all`.
59
40
 
60
- Minable is Copyright © 2014 Joe Dinsdale. Bourbon is Copyright © 2011-2013 thoughtbot. Pure CSS is copyright 2014 Yahoo! Inc.
41
+ @import "settings";
42
+ @import "minable/all";
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: minable
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.0.2
4
+ version: 0.1.1
5
5
  platform: ruby
6
6
  authors:
7
7
  - Joe Dinsdale
@@ -9,7 +9,7 @@ authors:
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2014-02-07 00:00:00.000000000 Z
12
+ date: 2014-11-17 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: sass
@@ -67,8 +67,7 @@ dependencies:
67
67
  - - ">="
68
68
  - !ruby/object:Gem::Version
69
69
  version: '0'
70
- description: |2
71
- Minable is a minimal CSS framework written in SCSS.
70
+ description: Minable is a minimal CSS framework written in SCSS.
72
71
  email:
73
72
  - digital@bolser.co.uk
74
73
  executables:
@@ -81,33 +80,42 @@ files:
81
80
  - Gemfile.lock
82
81
  - LICENSE
83
82
  - Rakefile
84
- - app/assets/stylesheets/_global.scss
85
- - app/assets/stylesheets/_minable.scss
86
- - app/assets/stylesheets/_settings.scss
87
- - app/assets/stylesheets/_shame.scss
88
- - app/assets/stylesheets/components/_all.scss
89
- - app/assets/stylesheets/components/_containers.scss
90
- - app/assets/stylesheets/components/_footer.scss
91
- - app/assets/stylesheets/components/_header.scss
92
- - app/assets/stylesheets/components/_typography.scss
93
- - app/assets/stylesheets/framework/_all.scss
94
- - app/assets/stylesheets/framework/_normalize.scss
95
- - app/assets/stylesheets/framework/_typecsset.scss
96
- - app/assets/stylesheets/framework/grid/_all.scss
97
- - app/assets/stylesheets/framework/grid/_grid-core.scss
98
- - app/assets/stylesheets/framework/grid/_grid-unit.scss
99
- - app/assets/stylesheets/helpers/_all.scss
100
- - app/assets/stylesheets/helpers/classes/_all.scss
101
- - app/assets/stylesheets/helpers/classes/_display-classes.scss
102
- - app/assets/stylesheets/helpers/functions/_all.scss
103
- - app/assets/stylesheets/helpers/functions/_strip-unit.scss
104
- - app/assets/stylesheets/helpers/mixins/_all.scss
105
- - app/assets/stylesheets/helpers/mixins/_rem-fallback.scss
106
- - app/assets/stylesheets/helpers/mixins/_replace-text.scss
107
- - app/assets/stylesheets/modules/_all.scss
108
- - app/assets/stylesheets/templates/_404.scss
109
- - app/assets/stylesheets/templates/_all.scss
110
- - app/assets/stylesheets/templates/_home.scss
83
+ - app/assets/stylesheets/minable-ui/_all.scss
84
+ - app/assets/stylesheets/minable-ui/buttons/_all.scss
85
+ - app/assets/stylesheets/minable-ui/buttons/_button-colors.scss
86
+ - app/assets/stylesheets/minable-ui/buttons/_button-core.scss
87
+ - app/assets/stylesheets/minable-ui/buttons/_button-group.scss
88
+ - app/assets/stylesheets/minable-ui/buttons/_button-icon.scss
89
+ - app/assets/stylesheets/minable-ui/buttons/_button-settings.scss
90
+ - app/assets/stylesheets/minable-ui/forms/_all.scss
91
+ - app/assets/stylesheets/minable-ui/forms/_form-core.scss
92
+ - app/assets/stylesheets/minable-ui/forms/_form-grouped.scss
93
+ - app/assets/stylesheets/minable-ui/forms/_form-responsive.scss
94
+ - app/assets/stylesheets/minable-ui/forms/_form-settings.scss
95
+ - app/assets/stylesheets/minable-ui/forms/_form-stacked.scss
96
+ - app/assets/stylesheets/minable-ui/tables/_all.scss
97
+ - app/assets/stylesheets/minable-ui/tables/_tables-core.scss
98
+ - app/assets/stylesheets/minable-ui/tables/_tables-settings.scss
99
+ - app/assets/stylesheets/minable/_all.scss
100
+ - app/assets/stylesheets/minable/_global.scss
101
+ - app/assets/stylesheets/minable/_grid.scss
102
+ - app/assets/stylesheets/minable/_settings.scss
103
+ - app/assets/stylesheets/minable/framework/_all.scss
104
+ - app/assets/stylesheets/minable/framework/_normalize.scss
105
+ - app/assets/stylesheets/minable/framework/_typecsset.scss
106
+ - app/assets/stylesheets/minable/framework/grid/_all.scss
107
+ - app/assets/stylesheets/minable/framework/grid/_grid-core.scss
108
+ - app/assets/stylesheets/minable/framework/grid/_grid-unit.scss
109
+ - app/assets/stylesheets/minable/helpers/_all.scss
110
+ - app/assets/stylesheets/minable/helpers/classes/_all.scss
111
+ - app/assets/stylesheets/minable/helpers/classes/_clearfix.scss
112
+ - app/assets/stylesheets/minable/helpers/classes/_display-classes.scss
113
+ - app/assets/stylesheets/minable/helpers/functions/_all.scss
114
+ - app/assets/stylesheets/minable/helpers/functions/_strip-unit.scss
115
+ - app/assets/stylesheets/minable/helpers/mixins/_all.scss
116
+ - app/assets/stylesheets/minable/helpers/mixins/_opacity.scss
117
+ - app/assets/stylesheets/minable/helpers/mixins/_rem-fallback.scss
118
+ - app/assets/stylesheets/minable/helpers/mixins/_replace-text.scss
111
119
  - bin/minable
112
120
  - features/install.feature
113
121
  - features/step_definitions/minable_steps.rb
@@ -142,7 +150,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
142
150
  version: '0'
143
151
  requirements: []
144
152
  rubyforge_project:
145
- rubygems_version: 2.2.1
153
+ rubygems_version: 2.2.2
146
154
  signing_key:
147
155
  specification_version: 4
148
156
  summary: Sass Mixins using SCSS syntax.
@@ -1,8 +0,0 @@
1
- // Global Styling (Stuff that doesnt really belong anywhere else!)
2
-
3
- // apply a natural box layout model to all elements
4
- *, *:before, *:after {
5
- -moz-box-sizing: border-box;
6
- -webkit-box-sizing: border-box;
7
- box-sizing: border-box;
8
- }
@@ -1,36 +0,0 @@
1
- /*!
2
- ==================================================================
3
-
4
- Author: Joe Dinsdale (Bolser)
5
- Author URI: http://www.joedinsdale.co.uk/
6
- Description: Website design for Bolser Agency
7
-
8
- ==================================================================
9
- */
10
-
11
- // STYLES FOR PUBLISHED VERSION OF SITE. COMPILES TO style.css
12
-
13
- // Import Framework settings
14
- @import "settings";
15
-
16
- // Import Framwork Helpers
17
- @import "helpers/all";
18
-
19
- // Import Minable Framework
20
- @import "framework/all";
21
-
22
- // Import Global styles
23
- @import "global.scss";
24
-
25
- // Import Components
26
- @import "components/all";
27
-
28
- // Import Modules
29
- @import "modules/all";
30
-
31
- // Import Site Templates
32
- @import "modules/all";
33
-
34
-
35
- // For temp "dirty" fixes...
36
- @import "shame";
@@ -1,25 +0,0 @@
1
- // Variable declaration. Define any constants for easy updating such as colours, sizes and fonts.
2
-
3
- // Colours (Pre-define colours to use in project)
4
- $color-white: #FFF;
5
- $color-purple: #703493;
6
- $color-dark-grey: #333;
7
-
8
- // Fonts (Pre-define fonts to use in project)
9
-
10
- // Used to calculate rem values etc
11
- $browser-default-font-size: 16px;
12
-
13
- $font1: 'Open Sans', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
14
- $font2: 'Gentium Basic', serif;
15
-
16
- // Breakpoints (used by grid to calculate additional breakpoints)
17
- $break-m: 767px;
18
- $break-s: 430px;
19
-
20
- $breakpoints: m $break-m, s $break-s; // Additional breakpoints, exports to .pure-u-m-1-4 etc
21
-
22
-
23
- // Grid control
24
- $site-width: 1200px; // Max site width (Max width of .min-container elements)
25
- $site-gutter: 20px; // Define the gutter between columns in px
@@ -1 +0,0 @@
1
- // The shame file should be used for only TEMP FLITHY FIXES!!! These should never be permanent solutions, refactor imediately!!!
@@ -1,6 +0,0 @@
1
- // Import reusable components
2
-
3
- @import "typography";
4
- @import "header";
5
- @import "footer";
6
- @import "containers";
@@ -1 +0,0 @@
1
- // Containers styling to be used for page body content etc
@@ -1 +0,0 @@
1
- // Footer styling
@@ -1 +0,0 @@
1
- // Header styling
@@ -1 +0,0 @@
1
- // Include typography styling, extend framework/typecsset.scss where possible!
@@ -1,58 +0,0 @@
1
- // Minable Grid Core
2
-
3
- /* =================== Basic usage ===================
4
-
5
- <div class="min-container"> Sets outer container (auto centered)
6
- <div class="min-g"> Sets responive row container, negative margin to counters outer margin
7
- <div class="min-u-1-4"> Sets 1/4 width element
8
-
9
- </div>
10
- <div class="min-u-3-4"> Sets 3/4 width element
11
-
12
- </div>
13
- </div>
14
- </div>
15
-
16
- */
17
-
18
- .min-g {
19
- display: -webkit-flex;
20
- -webkit-flex-flow: row wrap;
21
- // IE10 uses display: flexbox
22
- display: -ms-flexbox;
23
- -ms-flex-flow: row wrap;
24
-
25
- font-size: 0;
26
- }
27
-
28
- .min-u {
29
- display: inline-block;
30
- *display: inline;
31
- }
32
-
33
- // Requried variables - leaves these be.
34
- $breakpoints: false !default; // Required for the grid extender
35
- $site-usable-gutter: strip-unit($site-gutter) / 2; // Cuts the defined gutter in half for use as padding
36
-
37
- // This element would wrap any outer most elements to restrict them to the $site-width
38
- .min-container {
39
- max-width: $site-width;
40
- margin: 0 auto;
41
- }
42
-
43
- // Set a negative offset for gutter padding
44
- .min-g .min-g {
45
- margin-right: -#{$site-usable-gutter}px;
46
- margin-left: -#{$site-usable-gutter}px;
47
- }
48
-
49
- // We want this guff to apply to our custom grids as well.
50
- [class *= "min-u"] {
51
- display: inline-block;
52
- *display: inline;
53
- font-size: $browser-default-font-size;
54
- padding-right: #{$site-usable-gutter}px;
55
- padding-left: #{$site-usable-gutter}px;
56
- vertical-align: top;
57
- zoom: 1;
58
- }