faalis 0.24.2 → 0.24.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 2b6b6be23ac3c30760c9be86be09b2fa58c75be3
4
- data.tar.gz: a522ea23d5e9bb7ec08f8afad638fa357979a301
3
+ metadata.gz: 9cf62013c17336832381b5c9d0f3adff3269727e
4
+ data.tar.gz: 93808d8a20e0797144673f18753cb2d60805b2cf
5
5
  SHA512:
6
- metadata.gz: 8f1dd54f3dda485264118d70b1310dd36aa8adb87c0ff3dfbe451da52cc7b6c5559676db0c2c4a71c70825896aa1852b0bc25f35fbf858a54a6372d95eaa5aaf
7
- data.tar.gz: 490c0b41a3b852952126a04f2252e9b76cf6ae74db63e455204b18b103d270c512428cecfcda6049061e7f15eb081473d9a675f7f7a85a02555b4bac98bb6e23
6
+ metadata.gz: d7fbeda05fdc58596ff2d3e52c56e25ac887ec00096070d5afe1ffec5c049a8e58a70499d4be3c9b2111f6f57f9465fddc3d3b7c147b2aae6eeeecff5c5a6521
7
+ data.tar.gz: 60a6d284f3615ae26d57be79832501d8313c85084f85d2809f08a08436b4085ad226e5b29bd62e108eb5b5a7757ec439870e8d97d06ee6cd2ff14a13152355ef
data/lib/faalis/engine.rb CHANGED
@@ -85,7 +85,7 @@ module Faalis
85
85
  FastGettext.default_available_locales = @@locales
86
86
 
87
87
  FastGettext.default_text_domain = 'faalis'
88
- FastGettext.locale = :fa
88
+ FastGettext.locale = :en
89
89
 
90
90
  # Site Title
91
91
  mattr_accessor :site_title
@@ -9,14 +9,6 @@ module Faalis
9
9
  # `app/assets/javascripts`.
10
10
  module Angular
11
11
 
12
- def self.included(base)
13
- # Path to js_scaffold target inside 'app/assets/javascripts/'
14
- #base.class_option :path, :type => :string, :default => "", :desc => "Path to js_scaffold target inside 'app/assets/javascripts/'"
15
-
16
- # Path to js_scaffold target
17
- #base.class_option :raw_path, :type => :string, :default => "", :desc => "Path to js_scaffold target"
18
- end
19
-
20
12
  private
21
13
 
22
14
  # return the relative path to place where scaffold shoud be created.
@@ -3,14 +3,6 @@ module Faalis
3
3
  module Concerns
4
4
  module Bulk
5
5
 
6
- def self.included(base)
7
- # Fields to use in in bulk edit, comma separated
8
- #base.class_option :bulk_fields, :type => :string, :default => "", :desc => "Fields to use in in bulk edit, comma separated"
9
-
10
- # No bulk edit needed
11
- #base.class_option :no_bulk, :type => :boolean, :default => false, :desc => "No bulk edit needed"
12
- end
13
-
14
6
  private
15
7
 
16
8
  # Returns fields which is needed to be in bulk edit
@@ -22,9 +22,14 @@ module Faalis
22
22
  #base.class_option :deps, :type => :string, :default => "", :desc => "Dependencies of Angularjs module, comma separated"
23
23
  end
24
24
 
25
+ # Is there any dependency ?
26
+ def have_dependency?
27
+ resource_data.include? 'deps'
28
+ end
29
+
25
30
  # Return a list of dependencies.
26
31
  def deps
27
- resource_data[:deps]
32
+ resource_data['deps']
28
33
  end
29
34
  end
30
35
  end
@@ -15,11 +15,6 @@ module Faalis
15
15
  # against.
16
16
  module Menu
17
17
 
18
- def self.included(base)
19
- # Provide menu items which should be in sidebar. format: menu1:url,menu2:url
20
- #base.class_option :menu, :type => :string, :default => "", :desc => "Provide menu items which should be in sidebar. format: menu1:url,menu2:url"
21
- end
22
-
23
18
  private
24
19
 
25
20
  def has_menu?
@@ -6,12 +6,6 @@ module Faalis
6
6
  # Resource model name is used in some processes like permission system.
7
7
  module Model
8
8
 
9
- def self.included(base)
10
- # Fields to use in in bulk edit, comma separated
11
- #base.class_option :model, :type => :string, :default => "", :desc => "Model name to use"
12
-
13
- end
14
-
15
9
  private
16
10
 
17
11
  # Does an alternative `model` is specified ?
@@ -29,11 +29,6 @@ module Faalis
29
29
  # Please pay attention to singular form of name of parents in json defination
30
30
  module Parent
31
31
 
32
- def self.included(base)
33
- # Specify the parent resource if there was any
34
- #base.class_option :parents, :type => :string, :default => "", :desc => "Specify the parent resource if there was any"
35
- end
36
-
37
32
  private
38
33
 
39
34
  # check for parent
@@ -6,11 +6,6 @@ module Faalis
6
6
  # be non optional fields
7
7
  module RequireFields
8
8
 
9
- def self.included(base)
10
- # Non optional fields, comma separated
11
- #base.class_option :required, :type => :string, :default => "", :desc => "Non optional fields, comma separated"
12
- end
13
-
14
9
  private
15
10
 
16
11
  def required_fields
@@ -32,13 +32,6 @@ module Faalis
32
32
  # **required**: Field will be non optional.
33
33
  module ResourceFields
34
34
 
35
- def self.included(base)
36
- # An array of resource fields. fields should be separated by space
37
- # each filed should be in this format `field_name:field_type[:extra_info]
38
- # Relation options should be like `{key: value, key2: elem1;elem2, key3: value3}`
39
- #base.argument :resource_fields, type: :array, default: [], banner: "fields[:types[:to[{relation_options}]"
40
-
41
- end
42
35
 
43
36
  private
44
37
  # An array of fields like
@@ -4,11 +4,6 @@ module Faalis
4
4
  # Adds the `name` key to json file which specify the resource name.
5
5
  module ResourceName
6
6
 
7
- def self.included(base)
8
- # Name of the resource to create.
9
- #base.argument :resource_name, :type => :string, :required => true
10
- end
11
-
12
7
  private
13
8
 
14
9
  # Path to the resource
@@ -8,11 +8,6 @@ module Faalis
8
8
  # tab
9
9
  module Tabs
10
10
 
11
- def self.included(base)
12
- # Add tabs to 'new' view of scaffold. format: --tabs tab1:'field1;field2',tab2 Note: __all__ field include all fileds.
13
- #base.class_option :tabs, :type => :string, :default => "", :desc => "Add tabs to 'new' view of scaffold. format: --tabs tab1:'field1;field2',tab2 Note: __all__ field include all fileds."
14
- end
15
-
16
11
  private
17
12
 
18
13
  # Process the user provided tabs
data/lib/faalis/i18n.rb CHANGED
@@ -18,17 +18,17 @@
18
18
  # -----------------------------------------------------------------------------
19
19
 
20
20
  module Faalis
21
+
22
+ # I18n related utility functions
21
23
  class I18n
22
24
 
23
- RTL = [
24
- :fa,
25
- :ar
26
- ]
25
+ RTL = [:fa, :ar]
26
+
27
27
  def self.direction(locale)
28
28
  if RTL.include? locale.to_sym
29
- "rtl"
29
+ 'rtl'
30
30
  else
31
- "ltr"
31
+ 'ltr'
32
32
  end
33
33
  end
34
34
  end
@@ -18,5 +18,5 @@
18
18
  # -----------------------------------------------------------------------------
19
19
 
20
20
  module Faalis
21
- VERSION = "0.24.2"
21
+ VERSION = "0.24.3"
22
22
  end
@@ -46,7 +46,7 @@ class API::V1::<%= resource.pluralize %>Controller < APIController
46
46
 
47
47
  def destroy
48
48
  ids = params[:id].split(",")
49
- @<%= resource.pluralize.underscore %> = ::<%= resource %>.where(:id => ids)
49
+ @<%= resource.pluralize.underscore %> = <% if model_specified? %><%= model %><% else %>::<%= resource %><% end %>.where(:id => ids)
50
50
  authorize! :destroy, @<%= resource.pluralize.underscore %>
51
51
  @<%= resource.pluralize.underscore %>.destroy_all
52
52
  end
@@ -55,7 +55,7 @@
55
55
  </div>
56
56
  </div>
57
57
  <% end %>
58
- <list-view buttons="buttons" model="'<% if model_specified? %><%= model %><% else %><%= resource %><% end %>'" objects="<%= resource.pluralize.underscore %>" title-attribute="'<%= resource_data["title-field"] %>'" details-template="details_template" item-per-page="10" on_delete="on_delete" column_defs="columns">
58
+ <list-view buttons="buttons" model="'<% if model_specified? %><%= model %><% else %><%= resource %><% end %>'" objects="<%= resource.pluralize.underscore %>" title-attribute="'<%= resource_data["title-field"] || 'name' %>'" details-template="details_template" item-per-page="10" on_delete="on_delete" column_defs="columns">
59
59
  <div class="small-6 column text-left clearpadding">
60
60
  <h3><i class="fa fa-group"></i> <span translate><%= resource.underscore.pluralize.humanize %></span></h3>
61
61
  </div>
@@ -1,5 +1,5 @@
1
1
  // <%= resource.pluralize %> Module
2
- var <%= resource.pluralize %> = angular.module("<%= resource %>", ["ListView", "Filter", "Anim", "Fields",<% if resource_data[:deps] %><% resource_data[:deps].each do |dependency| %> "<%= dependency.camelize %>", <% end %><% end %>]);
2
+ var <%= resource.pluralize %> = angular.module("<%= resource %>", ["ListView", "Filter", "Anim", "Fields",<% if have_dependency? %><% deps.each do |dependency| %> "<%= dependency.camelize %>", <% end %><% end %>]);
3
3
 
4
4
  <%= render "js/list_view/partials/config.js" %>
5
5
 
@@ -1 +1,3 @@
1
- //= require faalis/dashboard/ltr/application
1
+ /*
2
+ *= require faalis/dashboard/ltr/application
3
+ */
@@ -1 +1,3 @@
1
- //= require faalis/dashboard/rtl/application
1
+ /*
2
+ *= require faalis/dashboard/rtl/application
3
+ */
@@ -1 +1,3 @@
1
- //= require faalis/ltr/application
1
+ /*
2
+ *= require faalis/ltr/application
3
+ */
@@ -1 +1,3 @@
1
- //= require faalis/rtl/application
1
+ /*
2
+ *= require faalis/rtl/application
3
+ */
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: faalis
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.24.2
4
+ version: 0.24.3
5
5
  platform: ruby
6
6
  authors:
7
7
  - Sameer Rahmani
@@ -9,7 +9,7 @@ authors:
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2014-04-03 00:00:00.000000000 Z
12
+ date: 2014-04-06 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: rails
@@ -43,16 +43,16 @@ dependencies:
43
43
  name: devise
44
44
  requirement: !ruby/object:Gem::Requirement
45
45
  requirements:
46
- - - ">="
46
+ - - "~>"
47
47
  - !ruby/object:Gem::Version
48
- version: 3.0.0
48
+ version: 3.2.0
49
49
  type: :runtime
50
50
  prerelease: false
51
51
  version_requirements: !ruby/object:Gem::Requirement
52
52
  requirements:
53
- - - ">="
53
+ - - "~>"
54
54
  - !ruby/object:Gem::Version
55
- version: 3.0.0
55
+ version: 3.2.0
56
56
  - !ruby/object:Gem::Dependency
57
57
  name: cancan
58
58
  requirement: !ruby/object:Gem::Requirement
@@ -456,7 +456,6 @@ files:
456
456
  - app/assets/stylesheets/faalis/rtl/application.css
457
457
  - app/assets/stylesheets/faalis/rtl/buttons.css.scss.erb
458
458
  - app/assets/stylesheets/faalis/rtl/foundation_and_overrides.css.scss
459
- - app/assets/stylesheets/faalis/rtl/foundation_and_overrides.scss.erb
460
459
  - app/assets/stylesheets/faalis/users.css
461
460
  - app/assets/stylesheets/faalis/variables.css.scss
462
461
  - app/controllers/faalis/#api_controller.rb#
@@ -709,9 +708,9 @@ require_paths:
709
708
  - lib
710
709
  required_ruby_version: !ruby/object:Gem::Requirement
711
710
  requirements:
712
- - - ">="
711
+ - - "~>"
713
712
  - !ruby/object:Gem::Version
714
- version: '0'
713
+ version: '2.0'
715
714
  required_rubygems_version: !ruby/object:Gem::Requirement
716
715
  requirements:
717
716
  - - ">="
@@ -1,1012 +0,0 @@
1
- // Required global settings and mixins for Foundation
2
- @import "foundation/foundation-global";
3
-
4
- // Settings file to override Foundation variables
5
-
6
- // You can find the variables for each component at the bottom of their
7
- // doc page. We tried to name them to where they'd make sense just by reading them.
8
- // Go to http://foundation.zurb.com/docs/ to find what you need.
9
-
10
- //
11
- // Foundation Global Variables
12
- //
13
-
14
- // This is the default html and body font-size for the base em value.
15
- // $em-base: 16px;
16
-
17
- // We use these to control various global styles
18
- // $body-bg: #fff;
19
- // $body-font-color: #222;
20
- // $body-font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
21
- // $body-font-weight: normal;
22
- // $body-font-style: normal;
23
-
24
- // We use this to control font-smoothing
25
- // $font-smoothing: antialiased;
26
-
27
- // We use these to control text direction settings
28
- $text-direction: rtl;
29
-
30
- // We use these as default colors throughout
31
- // $primary-color: #2ba6cb;
32
- // $secondary-color: #e9e9e9;
33
- // $alert-color: #c60f13;
34
- // $success-color: #5da423;
35
-
36
- // We use these to make sure border radius matches unless we want it different.
37
- // $global-radius: 3px;
38
- // $global-rounded: 1000px;
39
-
40
- // We use these to control inset shadow shiny edges and depressions.
41
- // $shiny-edge-size: 0 1px 0;
42
- // $shiny-edge-color: rgba(#fff, .5);
43
- // $shiny-edge-active-color: rgba(#000, .2);
44
-
45
- // We use this to control whether or not CSS classes come through in the gem files.
46
- $include-html-classes: true;
47
- // $include-print-styles: true;
48
-
49
- // Modular html classes
50
- // $include-html-grid-classes: $include-html-classes;
51
- // $include-html-visibility-classes: $include-html-classes;
52
- // $include-html-button-classes: $include-html-classes;
53
- // $include-html-form-classes: $include-html-classes;
54
- // $include-html-media-classes: $include-html-classes;
55
- // $include-html-section-classes: $include-html-classes;
56
- // $include-html-reveal-classes: $include-html-classes;
57
- // $include-html-alert-classes: $include-html-classes;
58
- // $include-html-nav-classes: $include-html-classes;
59
- // $include-html-label-classes: $include-html-classes;
60
- // $include-html-panel-classes: $include-html-classes;
61
- // $include-html-pricing-classes: $include-html-classes;
62
- // $include-html-progress-classes: $include-html-classes;
63
-
64
- //
65
- // Grid Variables
66
- //
67
-
68
- // $row-width: 62.5em;
69
- // $column-gutter: 1.875em;
70
- // $total-columns: 12;
71
-
72
- //
73
- // Block Grid Variables
74
- //
75
-
76
- // We use this to control the maximum number of block grid elements per row
77
- // $block-grid-elements: 12;
78
- // $block-grid-default-spacing: 10px;
79
-
80
- // Enables media queries for block-grid classes. Set to false if writing semantic HTML.
81
- // $block-grid-media-queries: true;
82
-
83
- //
84
- // Typography Variables
85
- //
86
-
87
- // We use these to control header font styles
88
- // $header-font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
89
- // $header-font-weight: bold;
90
- // $header-font-style: normal;
91
- // $header-font-color: #222;
92
- // $header-line-height: 1.4;
93
- // $header-top-margin: .2em;
94
- // $header-bottom-margin: .5em;
95
- // $header-text-rendering: optimizeLegibility;
96
-
97
- // We use these to control header font sizes
98
- // $h1-font-size: emCalc(44px);
99
- // $h2-font-size: emCalc(37px);
100
- // $h3-font-size: emCalc(27px);
101
- // $h4-font-size: emCalc(23px);
102
- // $h5-font-size: emCalc(18px);
103
- // $h6-font-size: 1em;
104
-
105
- // These control how subheaders are styled.
106
- // $subheader-line-height: 1.4;
107
- // $subheader-font-color: lighten($header-font-color, 30%);
108
- // $subheader-font-weight: 300;
109
- // $subheader-top-margin: .2em;
110
- // $subheader-bottom-margin: .5em;
111
-
112
- // A general <small> styling
113
- // $small-font-size: 60%;
114
- // $small-font-color: lighten($header-font-color, 30%);
115
-
116
- // We use these to style paragraphs
117
- // $paragraph-font-family: inherit;
118
- // $paragraph-font-weight: normal;
119
- // $paragraph-font-size: 1em;
120
- // $paragraph-line-height: 1.6;
121
- // $paragraph-margin-bottom: emCalc(20px);
122
- // $paragraph-aside-font-size: emCalc(14px);
123
- // $paragraph-aside-line-height: 1.35;
124
- // $paragraph-aside-font-style: italic;
125
-
126
- // We use these to style <code> tags
127
- // $code-color: darken($alert-color, 15%);
128
- // $code-font-family: Consolas, 'Liberation Mono', Courier, monospace;
129
- // $code-font-weight: bold;
130
-
131
- // We use these to style anchors
132
- // $anchor-text-decoration: none;
133
- // $anchor-font-color: $primary-color;
134
- // $anchor-font-color-hover: darken($primary-color, 5%);
135
-
136
- // We use these to style the <hr> element
137
- // $hr-border-width: 1px;
138
- // $hr-border-style: solid;
139
- // $hr-border-color: #ddd;
140
- // $hr-margin: emCalc(20px);
141
-
142
- // We use these to style lists
143
- // $list-style-position: outside;
144
- // $list-side-margin: emCalc(18px);
145
- // $definition-list-header-weight: bold;
146
- // $definition-list-header-margin-bottom: .3em;
147
- // $definition-list-margin-bottom: emCalc(12px);
148
-
149
- // We use these to style blockquotes
150
- // $blockquote-font-color: lighten($header-font-color, 30%);
151
- // $blockquote-padding: emCalc(9px) emCalc(20px) 0 emCalc(19px);
152
- // $blockquote-border: 1px solid #ddd;
153
- // $blockquote-cite-font-size: emCalc(13px);
154
- // $blockquote-cite-font-color: lighten($header-font-color, 20%);
155
- // $blockquote-cite-link-color: $blockquote-cite-font-color;
156
-
157
- // Acronym styles
158
- // $acronym-underline: 1px dotted #ddd;
159
-
160
- // We use these to control padding and margin
161
- // $microformat-padding: emCalc(12px) emCalc(14px);
162
- // $microformat-margin: 0 0 emCalc(20px) 0;
163
-
164
- // We use these to control the border styles
165
- // $microformat-border-width: 1px;
166
- // $microformat-border-style: solid;
167
- // $microformat-border-color: #ddd;
168
-
169
- // We use these to control full name font styles
170
- // $microformat-fullname-font-weight: bold;
171
- // $microformat-fullname-font-size: emCalc(15px);
172
-
173
- // We use this to control the summary font styles
174
- // $microformat-summary-font-weight: bold;
175
-
176
- // We use this to control abbr padding
177
- // $microformat-abbr-padding: 0 emCalc(1px);
178
-
179
- // We use this to control abbr font styles
180
- // $microformat-abbr-font-weight: bold;
181
- // $microformat-abbr-font-decoration: none;
182
-
183
- //
184
- // Form Variables
185
- //
186
-
187
- // We use this to set the base for lots of form spacing and positioning styles
188
- // $form-spacing: emCalc(16px);
189
-
190
- // We use these to style the labels in different ways
191
- // $label-pointer: pointer;
192
- // $label-font-size: emCalc(14px);
193
- // $label-font-weight: 500;
194
- // $label-font-color: lighten(#000, 30%);
195
- // $label-bottom-margin: emCalc(3px);
196
- // $input-font-family: inherit;
197
- // $input-font-color: rgba(0,0,0,0.75);
198
- // $input-font-size: emCalc(14px);
199
- // $input-bg-color: #fff;
200
- // $input-focus-bg-color: darken(#fff, 2%);
201
- // $input-border-color: darken(#fff, 20%);
202
- // $input-focus-border-color: darken(#fff, 40%);
203
- // $input-border-style: solid;
204
- // $input-border-width: 1px;
205
- // $input-disabled-bg: #ddd;
206
- // $input-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
207
-
208
- // We use these to style the fieldset border and spacing.
209
- // $fieldset-border-style: solid;
210
- // $fieldset-border-width: 1px;
211
- $fieldset-border-color: #eee;
212
- $fieldset-padding: emCalc(20px) emCalc(30px) emCalc(10px);
213
- // $fieldset-margin: emCalc(18px) 0;
214
-
215
- // We use these to style the legends when you use them
216
- // $legend-bg: #fff;
217
- // $legend-font-weight: bold;
218
- // $legend-padding: 0 emCalc(3px);
219
-
220
- // We use these to style the prefix and postfix input elements
221
- // $input-prefix-bg: darken(#fff, 5%);
222
- // $input-prefix-border-color: darken(#fff, 20%);
223
- // $input-prefix-border-size: 1px;
224
- // $input-prefix-border-type: solid;
225
- // $input-prefix-overflow: hidden;
226
- // $input-prefix-font-color: #333;
227
- // $input-prefix-font-color-alt: #fff;
228
-
229
- // We use these to style the error states for inputs and labels
230
- // $input-error-message-padding: emCalc(6px) emCalc(4px);
231
- // $input-error-message-top: -($form-spacing) - emCalc(5px);
232
- // $input-error-message-font-size: emCalc(12px);
233
- // $input-error-message-font-weight: bold;
234
- // $input-error-message-font-color: #fff;
235
- // $input-error-message-font-color-alt: #333;
236
-
237
- // We use these to build padding for buttons.
238
- // $button-med: emCalc(12px);
239
- // $button-tny: emCalc(7px);
240
- // $button-sml: emCalc(9px);
241
- // $button-lrg: emCalc(16px);
242
-
243
- // We use this to control the display property.
244
- // $button-display: inline-block;
245
- // $button-margin-bottom: emCalc(20px);
246
-
247
- // We use these to control button text styles.
248
- // $button-font-family: inherit;
249
- // $button-font-color: #fff;
250
- // $button-font-color-alt: #333;
251
- // $button-font-med: emCalc(16px);
252
- // $button-font-tny: emCalc(11px);
253
- // $button-font-sml: emCalc(13px);
254
- // $button-font-lrg: emCalc(20px);
255
- // $button-font-weight: bold;
256
- // $button-font-align: center;
257
-
258
- // We use these to control various hover effects.
259
- // $button-function-factor: 10%;
260
-
261
- // We use these to control button border styles.
262
- // $button-border-width: 1px;
263
- // $button-border-style: solid;
264
- // $button-border-color: darken($primary-color, $button-function-factor);
265
-
266
- // We use this to set the default radius used throughout the core.
267
- // $button-radius: $global-radius;
268
-
269
- // We use this to set default opacity for disabled buttons.
270
- // $button-disabled-opacity: 0.6;
271
-
272
- //
273
- // Dropdown Button Variables
274
- //
275
-
276
- // We use these to set the color of the pip in dropdown buttons
277
- // $dropdown-button-pip-color: #fff;
278
- // $dropdown-button-pip-color-alt: #333;
279
-
280
- // We use these to style tiny dropdown buttons
281
- // $dropdown-button-padding-tny: $button-tny * 5;
282
- // $dropdown-button-pip-size-tny: $button-tny;
283
- // $dropdown-button-pip-right-tny: $button-tny * 2;
284
- // $dropdown-button-pip-top-tny: -$button-tny / 2 + emCalc(1px);
285
-
286
- // We use these to style small dropdown buttons
287
- // $dropdown-button-padding-sml: $button-sml * 5;
288
- // $dropdown-button-pip-size-sml: $button-sml;
289
- // $dropdown-button-pip-right-sml: $button-sml * 2;
290
- // $dropdown-button-pip-top-sml: -$button-sml / 2 + emCalc(1px);
291
-
292
- // We use these to style medium dropdown buttons
293
- // $dropdown-button-padding-med: $button-med * 4 + emCalc(3px);
294
- // $dropdown-button-pip-size-med: $button-med - emCalc(3px);
295
- // $dropdown-button-pip-right-med: $button-med * 2;
296
- // $dropdown-button-pip-top-med: -$button-med / 2 + emCalc(2px);
297
-
298
- // We use these to style large dropdown buttons
299
- // $dropdown-button-padding-lrg: $button-lrg * 4;
300
- // $dropdown-button-pip-size-lrg: $button-lrg - emCalc(6px);
301
- // $dropdown-button-pip-right-lrg: $button-lrg + emCalc(12px);
302
- // $dropdown-button-pip-top-lrg: -$button-lrg / 2 + emCalc(3px);
303
-
304
- //
305
- // Split Button Variables
306
- //
307
-
308
- // We use these to control different shared styles for Split Buttons
309
- // $split-button-function-factor: 15%;
310
- // $split-button-pip-color: #fff;
311
- // $split-button-pip-color-alt: #333;
312
- // $split-button-active-bg-tint: rgba(0,0,0,0.1);
313
-
314
- // We use these to control tiny split buttons
315
- // $split-button-padding-tny: $button-tny * 9;
316
- // $split-button-span-width-tny: $button-tny * 6.5;
317
- // $split-button-pip-size-tny: $button-tny;
318
- // $split-button-pip-top-tny: $button-tny * 2;
319
- // $split-button-pip-left-tny: emCalc(-5px);
320
-
321
- // We use these to control small split buttons
322
- // $split-button-padding-sml: $button-sml * 7;
323
- // $split-button-span-width-sml: $button-sml * 5;
324
- // $split-button-pip-size-sml: $button-sml;
325
- // $split-button-pip-top-sml: $button-sml * 1.5;
326
- // $split-button-pip-left-sml: emCalc(-9px);
327
-
328
- // We use these to control medium split buttons
329
- // $split-button-padding-med: $button-med * 6.4;
330
- // $split-button-span-width-med: $button-med * 4;
331
- // $split-button-pip-size-med: $button-med - emCalc(3px);
332
- // $split-button-pip-top-med: $button-med * 1.5;
333
- // $split-button-pip-left-med: emCalc(-9px);
334
-
335
- // We use these to control large split buttons
336
- // $split-button-padding-lrg: $button-lrg * 6;
337
- // $split-button-span-width-lrg: $button-lrg * 3.75;
338
- // $split-button-pip-size-lrg: $button-lrg - emCalc(6px);
339
- // $split-button-pip-top-lrg: $button-lrg + emCalc(5px);
340
- // $split-button-pip-left-lrg: emCalc(-9px);
341
-
342
- //
343
- // Alert Variables
344
- //
345
-
346
- // We use this to control alert padding.
347
- // $alert-padding-top: emCalc(11px);
348
- // $alert-padding-left: $alert-padding-top;
349
- // $alert-padding-right: $alert-padding-top + emCalc(10px);
350
- // $alert-padding-bottom: $alert-padding-top + emCalc(1px);
351
-
352
- // We use these to control text style.
353
- // $alert-font-weight: bold;
354
- // $alert-font-size: emCalc(14px);
355
- // $alert-font-color: #fff;
356
- // $alert-font-color-alt: darken($secondary-color, 60%);
357
-
358
- // We use this for close hover effect.
359
- // $alert-function-factor: 10%;
360
-
361
- // We use these to control border styles.
362
- // $alert-border-style: solid;
363
- // $alert-border-width: 1px;
364
- // $alert-border-color: darken($primary-color, $alert-function-factor);
365
- // $alert-bottom-margin: emCalc(20px);
366
-
367
- // We use these to style the close buttons
368
- $alert-close-color: #fff;
369
- $alert-close-position: emCalc(12px);
370
- // $alert-close-font-size: emCalc(22px);
371
- // $alert-close-opacity: 0.3;
372
- // $alert-close-opacity-hover: 0.5;
373
- // $alert-close-padding: 5px 4px 4px;
374
-
375
- // We use this to control border radius
376
- // $alert-radius: $global-radius;
377
-
378
- //
379
- // Breadcrumb Variables
380
- //
381
-
382
- // We use this to set the background color for the breadcrumb container.
383
- // $crumb-bg: lighten($secondary-color, 5%);
384
-
385
- // We use these to set the padding around the breadcrumbs.
386
- // $crumb-padding: emCalc(6px) emCalc(14px) emCalc(9px);
387
- // $crumb-side-padding: emCalc(12px);
388
-
389
- // We use these to control border styles.
390
- // $crumb-function-factor: 10%;
391
- // $crumb-border-size: 1px;
392
- // $crumb-border-style: solid;
393
- // $crumb-border-color: darken($crumb-bg, $crumb-function-factor);
394
- // $crumb-radius: $global-radius;
395
-
396
- // We use these to set various text styles for breadcrumbs.
397
- // $crumb-font-size: emCalc(11px);
398
- // $crumb-font-color: $primary-color;
399
- // $crumb-font-color-current: #333;
400
- // $crumb-font-color-unavailable: #999;
401
- // $crumb-font-transform: uppercase;
402
- // $crumb-link-decor: underline;
403
-
404
- // We use these to control the slash between breadcrumbs
405
- // $crumb-slash-color: #aaa;
406
- // $crumb-slash: "/";
407
-
408
- //
409
- // Clearing Variables
410
- //
411
-
412
- // We use these to set the background colors for parts of Clearing.
413
- // $clearing-bg: #111;
414
- // $clearing-caption-bg: $clearing-bg;
415
- // $clearing-carousel-bg: #111;
416
- // $clearing-img-bg: $clearing-bg;
417
-
418
- // We use these to style the close button
419
- // $clearing-close-color: #fff;
420
- // $clearing-close-size: 40px;
421
-
422
- // We use these to style the arrows
423
- // $clearing-arrow-size: 16px;
424
- // $clearing-arrow-color: $clearing-close-color;
425
-
426
- // We use these to style captions
427
- // $clearing-caption-font-color: #fff;
428
- // $clearing-caption-padding: 10px 30px;
429
-
430
- // We use these to make the image and carousel height and style
431
- // $clearing-active-img-height: 75%;
432
- // $clearing-carousel-height: 150px;
433
- // $clearing-carousel-thumb-width: 175px;
434
- // $clearing-carousel-thumb-active-border: 4px solid rgb(255,255,255);
435
-
436
- //
437
- // Custom Form Variables
438
- //
439
-
440
- // We use these to control the basic form styles input styles
441
- // $custom-form-border-color: #ccc;
442
- // $custom-form-bg: #fff;
443
- // $custom-form-bg-disabled: #ddd;
444
- // $custom-form-check-color: #222;
445
-
446
- // We use these to style the custom select form element.
447
- // $custom-select-bg: #fff;
448
- // $custom-select-fade-to-color: #f3f3f3;
449
- // $custom-select-border-color: #ddd;
450
- // $custom-select-triangle-color: #aaa;
451
- // $custom-select-triangle-color-open: #222;
452
- // $custom-select-height: emCalc(13px) + ($form-spacing * 1.5);
453
- // $custom-select-margin-bottom: emCalc(20px);
454
- // $custom-select-font-color-selected: #141414;
455
- // $custom-select-disabled-color: #888;
456
-
457
- // We use these to control the style of the custom select dropdown element.
458
- // $custom-dropdown-height: 200px;
459
- // $custom-dropdown-bg: #fff;
460
- // $custom-dropdown-border-color: darken(#fff, 20%);
461
- // $custom-dropdown-border-width: 1px;
462
- // $custom-dropdown-border-style: solid;
463
- // $custom-dropdown-font-color: #555;
464
- // $custom-dropdown-font-size: emCalc(14px);
465
- // $custom-dropdown-color-selected: #eeeeee;
466
- // $custom-dropdown-font-color-selected: #000;
467
- // $custom-dropdown-shadow: 0 2px 2px 0px rgba(0,0,0,0.1);
468
- // $custom-dropdown-offset-top: none;
469
- // $custom-dropdown-list-padding: emCalc(4px);
470
- // $custom-dropdown-left-padding: emCalc(6px);
471
- // $custom-dropdown-right-padding: emCalc(38px);
472
- // $custom-dropdown-list-item-min-height: emCalc(24px);
473
-
474
- //
475
- // Dropdown Variables
476
- //
477
-
478
- // We use these to controls height and width styles.
479
- // $f-dropdown-max-width: 200px;
480
- // $f-dropdown-height: auto;
481
- // $f-dropdown-max-height: none;
482
- // $f-dropdown-margin-top: 2px;
483
-
484
- // We use this to control the background color
485
- // $f-dropdown-bg: #fff;
486
-
487
- // We use this to set the border styles for dropdowns.
488
- // $f-dropdown-border-style: solid;
489
- // $f-dropdown-border-width: 1px;
490
- // $f-dropdown-border-color: darken(#fff, 20%);
491
-
492
- // We use these to style the triangle pip.
493
- // $f-dropdown-triangle-size: 6px;
494
- // $f-dropdown-triangle-color: #fff;
495
- // $f-dropdown-triangle-side-offset: 10px;
496
-
497
- // We use these to control styles for the list elements.
498
- // $f-dropdown-list-style: none;
499
- // $f-dropdown-font-color: #555;
500
- // $f-dropdown-font-size: emCalc(14px);
501
- // $f-dropdown-list-padding: emCalc(5px) emCalc(10px);
502
- // $f-dropdown-line-height: emCalc(18px);
503
- // $f-dropdown-list-hover-bg: #eeeeee;
504
- // $dropdown-mobile-left: 0;
505
-
506
- // We use this to control the styles for when the dropdown has custom content.
507
- // $f-dropdown-content-padding: emCalc(20px);
508
-
509
- //
510
- // Flex Video Variables
511
- //
512
-
513
- // We use these to control video container padding and margins
514
- // $flex-video-padding-top: emCalc(25px);
515
- // $flex-video-padding-bottom: 67.5%;
516
- // $flex-video-margin-bottom: emCalc(16px);
517
-
518
- // We use this to control widescreen bottom padding
519
- // $flex-video-widescreen-padding-bottom: 57.25%;
520
-
521
- //
522
- // Inline List Variables
523
- //
524
-
525
- // We use this to control the margins and padding of the inline list.
526
- // $inline-list-margin-bottom: emCalc(17px) emCalc(-22px );
527
- // $inline-list-margin: 0 0;
528
- // $inline-list-padding: 0;
529
-
530
- // We use this to control the overflow of the inline list.
531
- // $inline-list-overflow: hidden;
532
-
533
- // We use this to control the list items
534
- // $inline-list-display: block;
535
-
536
- // We use this to control any elments within list items
537
- // $inline-list-children-display: block;
538
-
539
- //
540
- // Joyride Variables
541
- //
542
-
543
- // Controlling default Joyride styles
544
- // $joyride-tip-bg: rgb(0,0,0);
545
- // $joyride-tip-default-width: 300px;
546
- // $joyride-tip-padding: emCalc(18px) emCalc(20px) emCalc(24px);
547
- // $joyride-tip-border: solid 1px #555;
548
- // $joyride-tip-radius: 4px;
549
- // $joyride-tip-position-offset: 22px;
550
-
551
- // Here, we're setting the tip dont styles
552
- // $joyride-tip-font-color: #fff;
553
- // $joyride-tip-font-size: emCalc(14px);
554
- // $joyride-tip-header-weight: bold;
555
-
556
- // This changes the nub size
557
- // $joyride-tip-nub-size: 14px;
558
-
559
- // This adjusts the styles for the timer when its enabled
560
- // $joyride-tip-timer-width: 50px;
561
- // $joyride-tip-timer-height: 3px;
562
- // $joyride-tip-timer-color: #666;
563
-
564
- // This changes up the styles for the close button
565
- // $joyride-tip-close-color: #777;
566
- // $joyride-tip-close-size: 30px;
567
- // $joyride-tip-close-weight: normal;
568
-
569
- // When Joyride is filling the screen, we use this style for the bg
570
- // $joyride-screenfill: rgba(0,0,0,0.5);
571
-
572
- //
573
- // Keystroke Variables
574
- //
575
-
576
- // We use these to control text styles.
577
- // $keystroke-font: "Consolas", "Menlo", "Courier", monospace;
578
- // $keystroke-font-size: emCalc(15px);
579
- // $keystroke-font-color: #222;
580
- // $keystroke-font-color-alt: #fff;
581
- // $keystroke-function-factor: 7%;
582
-
583
- // We use this to control keystroke padding.
584
- // $keystroke-padding: emCalc(2px) emCalc(4px) emCalc(0px);
585
-
586
- // We use these to control background and border styles.
587
- // $keystroke-bg: darken(#fff, $keystroke-function-factor);
588
- // $keystroke-border-style: solid;
589
- // $keystroke-border-width: 1px;
590
- // $keystroke-border-color: darken($keystroke-bg, $keystroke-function-factor);
591
- // $keystroke-radius: $global-radius;
592
-
593
- //
594
- // Label Variables
595
- //
596
-
597
- // We use these to style the labels
598
- // $label-padding: emCalc(3px) emCalc(10px) emCalc(4px);
599
- // $label-radius: $global-radius;
600
-
601
- // We use these to style the label text
602
- // $label-font-sizing: emCalc(14px);
603
- // $label-font-weight: bold;
604
-
605
- //
606
- // Orbit Settings
607
- //
608
-
609
- // We use these to control the caption styles
610
- // $orbit-container-bg: #f5f5f5;
611
- // $orbit-caption-bg-old-browser: #000;
612
- // $orbit-caption-bg-old: rgb(0,0,0);
613
- // $orbit-caption-bg: rgba(0,0,0,0.6);
614
- // $orbit-caption-font-color: #fff;
615
-
616
- // We use these to control the left/right nav styles
617
- // $orbit-nav-bg-old: rgb(0,0,0);
618
- // $orbit-nav-bg: rgba(0,0,0,0.6);
619
-
620
- // We use these to control the timer styles
621
- // $orbit-timer-bg-old: rgb(0,0,0);
622
- // $orbit-timer-bg: rgba(0,0,0,0.6);
623
-
624
- // We use these to control the bullet nav styles
625
- // $orbit-bullet-nav-color: #999;
626
- // $orbit-bullet-nav-color-active: #222;
627
-
628
- // We use thes to controls the style of slide numbers
629
- // $orbit-slide-number-bg: rgb(0,0,0);
630
- // $orbit-slide-number-font-color: #fff;
631
- // $orbit-slide-number-padding: emCalc(5px);
632
-
633
- // Margin for when Orbit is stacked on small screens
634
- // $stack-on-small-margin-bottom: emCalc(20px); // Doesn't quite work yet
635
-
636
- //
637
- // Pagination Variables
638
- //
639
-
640
- // We use these to control the pagination container
641
- // $pagination-height: emCalc(24px);
642
- // $pagination-margin: emCalc(-5px);
643
-
644
- // We use these to set the list-item properties
645
- // $pagination-li-float: $default-float;
646
- // $pagination-li-height: emCalc(24px);
647
- // $pagination-li-font-color: #222;
648
- // $pagination-li-font-size: emCalc(14px);
649
- // $pagination-li-margin: emCalc(5px);
650
-
651
- // We use these for the pagination anchor links
652
- // $pagination-link-pad: emCalc(1px) emCalc(7px) emCalc(1px);
653
- // $pagination-link-font-color: #999;
654
- // $pagination-link-active-bg: darken(#fff, 10%);
655
-
656
- // We use these for disabled anchor links
657
- // $pagination-link-unavailable-cursor: default;
658
- // $pagination-link-unavailable-font-color: #999;
659
- // $pagination-link-unavailable-bg-active: transparent;
660
-
661
- // We use these for currently selected anchor links
662
- // $pagination-link-current-background: $primary-color;
663
- // $pagination-link-current-font-color: #fff;
664
- // $pagination-link-current-font-weight: bold;
665
- // $pagination-link-current-cursor: default;
666
- // $pagination-link-current-active-bg: $primary-color;
667
-
668
- //
669
- // Panel Variables
670
- //
671
-
672
- // We use these to control the background and border styles
673
- // $panel-bg: darken(#fff, 5%);
674
- // $panel-border-style: solid;
675
- // $panel-border-size: 1px;
676
-
677
- // We use this % to control how much we darken things on hover
678
- // $panel-function-factor: 10%;
679
- // $panel-border-color: darken($panel-bg, $panel-function-factor);
680
-
681
- // We use these to set default inner padding and bottom margin
682
- // $panel-margin-bottom: emCalc(20px);
683
- // $panel-padding: emCalc(20px);
684
-
685
- // We use these to set default font colors
686
- // $panel-font-color: #333;
687
- // $panel-font-color-alt: #fff;
688
-
689
- //
690
- // Pricing Table Variables
691
- //
692
-
693
- // We use this to control the border color
694
- // $price-table-border: solid 1px #ddd;
695
-
696
- // We use this to control the bottom margin of the pricing table
697
- // $price-table-margin-bottom: emCalc(20px);
698
-
699
- // We use these to control the title styles
700
- // $price-title-bg: #ddd;
701
- // $price-title-padding: emCalc(15px) emCalc(20px);
702
- // $price-title-align: center;
703
- // $price-title-color: #333;
704
- // $price-title-weight: bold;
705
- // $price-title-size: emCalc(16px);
706
-
707
- // We use these to control the price styles
708
- // $price-money-bg: #eee;
709
- // $price-money-padding: emCalc(15px) emCalc(20px);
710
- // $price-money-align: center;
711
- // $price-money-color: #333;
712
- // $price-money-weight: normal;
713
- // $price-money-size: emCalc(20px);
714
-
715
- // We use these to control the description styles
716
- // $price-bg: #fff;
717
- // $price-desc-color: #777;
718
- // $price-desc-padding: emCalc(15px);
719
- // $price-desc-align: center;
720
- // $price-desc-font-size: emCalc(12px);
721
- // $price-desc-weight: normal;
722
- // $price-desc-line-height: 1.4;
723
- // $price-desc-bottom-border: dotted 1px #ddd;
724
-
725
- // We use these to control the list item styles
726
- // $price-item-color: #333;
727
- // $price-item-padding: emCalc(15px);
728
- // $price-item-align: center;
729
- // $price-item-font-size: emCalc(14px);
730
- // $price-item-weight: normal;
731
- // $price-item-bottom-border: dotted 1px #ddd;
732
-
733
- // We use these to control the CTA area styles
734
- // $price-cta-bg: #f5f5f5;
735
- // $price-cta-align: center;
736
- // $price-cta-padding: emCalc(20px) emCalc(20px) 0;
737
-
738
- //
739
- // Progress Bar Variables
740
- //
741
-
742
- // We use this to se the prog bar height
743
- // $progress-bar-height: emCalc(25px);
744
- // $progress-bar-color: transparent;
745
-
746
- // We use these to control the border styles
747
- // $progress-bar-border-color: darken(#fff, 20%);
748
- // $progress-bar-border-size: 1px;
749
- // $progress-bar-border-style: solid;
750
- // $progress-bar-border-radius: $global-radius;
751
-
752
- // We use these to control the margin & padding
753
- // $progress-bar-pad: emCalc(2px);
754
- // $progress-bar-margin-bottom: emCalc(10px);
755
-
756
- // We use these to set the meter colors
757
- // $progress-meter-color: $primary-color;
758
- // $progress-meter-secondary-color: $secondary-color;
759
- // $progress-meter-success-color: $success-color;
760
- // $progress-meter-alert-color: $alert-color;
761
-
762
- // NEED TO FINISH THE LOGIC HERE
763
-
764
- //
765
- // Reveal Variables
766
- //
767
-
768
- // We use these to control the style of the reveal overlay.
769
- // $reveal-overlay-bg: rgba(#000, .45);
770
- // $reveal-overlay-bg-old: #000;
771
-
772
- // We use these to control the style of the modal itself.
773
- // $reveal-modal-bg: #fff;
774
- // $reveal-position-top: 50px;
775
- // $reveal-default-width: 80%;
776
- // $reveal-modal-padding: emCalc(20px);
777
- // $reveal-box-shadow: 0 0 10px rgba(#000,.4);
778
-
779
- // We use these to style the reveal close button
780
- // $reveal-close-font-size: emCalc(22px);
781
- // $reveal-close-top: emCalc(8px);
782
- // $reveal-close-side: emCalc(11px);
783
- // $reveal-close-color: #aaa;
784
- // $reveal-close-weight: bold;
785
-
786
- // We use these to control the modal border
787
- // $reveal-border-style: solid;
788
- // $reveal-border-width: 1px;
789
- // $reveal-border-color: #666;
790
-
791
- //
792
- // Section Variables
793
- //
794
-
795
- // We use these to set padding and hover factor
796
- // $section-padding: emCalc(15px);
797
- $section-function-factor: 5%;
798
-
799
- // These style the titles
800
- // $section-title-color: #333;
801
- $section-title-bg: #f5f5f5;
802
- // $section-title-bg-active: darken($section-title-bg, $section-function-factor);
803
- // $section-title-bg-active-tabs: #fff;
804
-
805
- // Want to control border size, here ya go!
806
- // $section-border-size: 1px;
807
- // $section-border-style: solid;
808
- $section-border-color: #dfdfdf;
809
-
810
- // Control the color of the background and some size options
811
- // $section-content-bg: #fff;
812
- // $section-vertical-nav-min-width: emCalc(200px);
813
- // $section-bottom-margin: emCalc(20px);
814
-
815
- //
816
- // Side Nav Variables
817
- //
818
-
819
- // We use this to control padding.
820
- // $side-nav-padding: emCalc(14px) 0;
821
-
822
- // We use these to control list styles.
823
- // $side-nav-list-type: none;
824
- // $side-nav-list-position: inside;
825
- // $side-nav-list-margin: 0 0 emCalc(7px) 0;
826
-
827
- // We use these to control link styles.
828
- // $side-nav-link-color: $primary-color;
829
- // $side-nav-link-color-active: lighten(#000, 30%);
830
- // $side-nav-font-size: emCalc(14px);
831
- // $side-nav-font-weight: bold;
832
-
833
- // We use these to control border styles
834
- // $side-nav-divider-size: 1px;
835
- // $side-nav-divider-style: solid;
836
- // $side-nav-divider-color: darken(#fff, 10%);
837
-
838
- //
839
- // Sub Nav Variables
840
- //
841
-
842
- // We use these to control margin and padding
843
- // $sub-nav-list-margin: emCalc(-4px) 0 emCalc(18px);
844
- // $sub-nav-list-padding-top: emCalc(4px);
845
-
846
- // We use this to control the definition
847
- // $sub-nav-font-size: emCalc(14px);
848
- // $sub-nav-font-color: #999;
849
- // $sub-nav-font-weight: normal;
850
- // $sub-nav-text-decoration: none;
851
- // $sub-nav-border-radius: 1000px;
852
-
853
- // We use these to control the active item styles
854
- // $sub-nav-active-font-weight: bold;
855
- // $sub-nav-active-bg: $primary-color;
856
- // $sub-nav-active-color: #fff;
857
- // $sub-nav-active-padding: emCalc(3px) emCalc(9px);
858
- // $sub-nav-active-cursor: default;
859
-
860
- //
861
- // Switch Variables
862
- //
863
-
864
- // Controlling border styles and background colors for the switch container
865
- // $switch-border-color: darken(#fff, 20%);
866
- // $switch-border-style: solid;
867
- // $switch-border-width: 1px;
868
- // $switch-bg: #fff;
869
-
870
- // We use these to control the switch heights for our default classes
871
- // $switch-height-tny: 22px;
872
- // $switch-height-sml: 28px;
873
- // $switch-height-med: 36px;
874
- // $switch-height-lrg: 44px;
875
- // $switch-bottom-margin: emCalc(20px);
876
-
877
- // We use these to control default font sizes for our classes.
878
- // $switch-font-size-tny: 11px;
879
- // $switch-font-size-sml: 12px;
880
- // $switch-font-size-med: 14px;
881
- // $switch-font-size-lrg: 17px;
882
- // $switch-label-side-padding: 6px;
883
-
884
- // We use these to style the switch-paddle
885
- // $switch-paddle-bg: #fff;
886
- // $switch-paddle-fade-to-color: darken($switch-paddle-bg, 10%);
887
- // $switch-paddle-border-color: darken($switch-paddle-bg, 35%);
888
- // $switch-paddle-border-width: 1px;
889
- // $switch-paddle-border-style: solid;
890
- // $switch-paddle-transition-speed: .1s;
891
- // $switch-paddle-transition-ease: ease-out;
892
- // $switch-positive-color: lighten($success-color, 50%);
893
- // $switch-negative-color: #f5f5f5;
894
-
895
- // Outline Style for tabbing through switches
896
- // $switch-label-outline: 1px dotted #888;
897
-
898
- //
899
- // Table Variables
900
- //
901
-
902
- // These control the background color for the table and even rows
903
- // $table-bg: #fff;
904
- // $table-even-row-bg: #f9f9f9;
905
-
906
- // These control the table cell border style
907
- // $table-border-style: solid;
908
- // $table-border-size: 1px;
909
- // $table-border-color: #ddd;
910
-
911
- // These control the table head styles
912
- // $table-head-bg: #f5f5f5;
913
- // $table-head-font-size: emCalc(14px);
914
- // $table-head-font-color: #222;
915
- // $table-head-font-weight: bold;
916
- // $table-head-padding: emCalc(8px) emCalc(10px) emCalc(10px);
917
-
918
- // These control the row padding and font styles
919
- // $table-row-padding: emCalc(9px) emCalc(10px);
920
- // $table-row-font-size: emCalc(14px);
921
- // $table-row-font-color: #222;
922
- // $table-line-height: emCalc(18px);
923
-
924
- // These are for controlling the display and margin of tables
925
- // $table-display: table-cell;
926
- // $table-margin-bottom: emCalc(20px);
927
-
928
- //
929
- // Image Thumbnail Variables
930
- //
931
-
932
- // We use these to control border styles
933
- // $thumb-border-style: solid;
934
- // $thumb-border-width: 4px;
935
- // $thumb-border-color: #fff;
936
- // $thumb-box-shadow: 0 0 0 1px rgba(#000,.2);
937
- // $thumb-box-shadow-hover: 0 0 6px 1px rgba($primary-color,0.5);
938
-
939
- // Radius and transition speed for thumbs
940
- // $thumb-radius: $global-radius;
941
- // $thumb-transition-speed: 200ms;
942
-
943
- //
944
- // Tooltip Variables
945
- //
946
- // $has-tip-border-bottom: dotted 1px #ccc;
947
- // $has-tip-font-weight: bold;
948
- // $has-tip-font-color: #333;
949
- // $has-tip-border-bottom-hover: dotted 1px darken($primary-color, 20%);
950
- // $has-tip-font-color-hover: $primary-color;
951
- // $has-tip-cursor-type: help;
952
-
953
- // $tooltip-padding: emCalc(8px);
954
- // $tooltip-bg: #000;
955
- // $tooltip-font-size: emCalc(15px);
956
- // $tooltip-font-weight: bold;
957
- // $tooltip-font-color: #fff;
958
- // $tooltip-line-height: 1.3;
959
- // $tooltip-close-font-size: emCalc(10px);
960
- // $tooltip-close-font-weight: normal;
961
- // $tooltip-close-font-color: #888;
962
- // $tooltip-font-size-sml: emCalc(14px);
963
- // $tooltip-radius: $global-radius;
964
- // $tooltip-pip-size: 5px;
965
-
966
- //
967
- // Top Bar Variables
968
- //
969
-
970
- // Background color for the top bar
971
- // $topbar-bg: #111;
972
-
973
- // Height and margin
974
- // $topbar-height: 45px;
975
- $topbar-margin-bottom: 0;
976
-
977
- // Control Input height for top bar
978
- // $topbar-input-height: 2.45em;
979
-
980
- // Controlling the styles for the title in the top bar
981
- // $topbar-title-weight: bold;
982
- // $topbar-title-font-size: emCalc(17px);
983
-
984
- // Set the link colors and styles for top-level nav
985
- // $topbar-link-color: #fff;
986
- // $topbar-link-weight: bold;
987
- // $topbar-link-font-size: emCalc(13px);
988
-
989
- // Style the top bar dropdown elements
990
- // $topbar-dropdown-bg: #333;
991
- // $topbar-dropdown-link-color: #fff;
992
- // $topbar-dropdown-toggle-size: 5px;
993
- // $topbar-dropdown-toggle-color: #fff;
994
- // $topbar-dropdown-toggle-alpha: 0.5;
995
- // $dropdown-label-color: #555;
996
-
997
- // Top menu icon styles
998
- // $topbar-menu-link-transform: uppercase;
999
- // $topbar-menu-link-font-size: emCalc(13px);
1000
- // $topbar-menu-link-weight: bold;
1001
- // $topbar-menu-link-color: #fff;
1002
- // $topbar-menu-icon-color: #fff;
1003
- // $topbar-menu-link-color-toggled: #888;
1004
- // $topbar-menu-icon-color-toggled: #888;
1005
-
1006
- // Transitions and breakpoint styles
1007
- // $topbar-transition-speed: 300ms;
1008
- $topbar-breakpoint: emCalc(768px); // Change to 9999px for always mobile layout
1009
- //$topbar-media-query: "only screen and (min-width "#{$topbar-breakpoint}")";
1010
-
1011
-
1012
- @import 'foundation';