faalis 0.24.0 → 0.24.2

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.
Files changed (28) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/javascripts/faalis/dashboard/modules/auth/#group.js# +155 -0
  3. data/app/assets/stylesheets/faalis/dashboard/dashboard.css.scss +1 -1
  4. data/app/assets/stylesheets/faalis/dashboard/ltr/application.css +1 -0
  5. data/app/assets/stylesheets/faalis/dashboard/ltr/base.css.scss.erb +6 -1
  6. data/app/assets/stylesheets/faalis/dashboard/ltr/buttons.css.scss.erb +3 -3
  7. data/app/assets/stylesheets/faalis/dashboard/ltr/foundation_and_overrides.css.scss +755 -508
  8. data/app/assets/stylesheets/faalis/dashboard/rtl/base.css.scss.erb +5 -1
  9. data/app/assets/stylesheets/faalis/dashboard/rtl/buttons.css.scss.erb +3 -3
  10. data/app/assets/stylesheets/faalis/dashboard/rtl/foundation_and_overrides.css.scss +758 -508
  11. data/app/assets/stylesheets/faalis/ltr/buttons.css.scss.erb +4 -7
  12. data/app/assets/stylesheets/faalis/ltr/foundation_and_overrides.scss +1254 -0
  13. data/app/assets/stylesheets/faalis/rtl/buttons.css.scss.erb +4 -7
  14. data/app/assets/stylesheets/faalis/rtl/foundation_and_overrides.css.scss +1264 -0
  15. data/app/controllers/faalis/#api_controller.rb# +51 -0
  16. data/lib/faalis/generators/fields/#relation.rb# +61 -0
  17. data/lib/faalis/version.rb +1 -1
  18. data/lib/generators/faalis/install_generator.rb +1 -1
  19. metadata +26 -34
  20. data/app/assets/javascripts/faalis/dashboard/gen-doc.sh~ +0 -3
  21. data/app/assets/stylesheets/faalis/dashboard/ltr/time.css_flymake.scss +0 -58
  22. data/app/assets/stylesheets/faalis/dashboard/rtl/base.css_flymake.scss +0 -25
  23. data/app/assets/stylesheets/faalis/ltr/foundation_and_overrides.scss.erb +0 -1012
  24. data/app/controllers/faalis/#1.sh# +0 -0
  25. data/spec/dummy/log/development.log +0 -0
  26. data/spec/dummy/log/test.log +0 -15
  27. data/spec/dummy/tmp/ember-rails/ember-data.js +0 -10204
  28. data/spec/dummy/tmp/ember-rails/ember.js +0 -36991
@@ -0,0 +1,51 @@
1
+ # -----------------------------------------------------------------------------
2
+ # Faalis - Basic website skel engine
3
+ # Copyright (C) 2012-2013 Yellowen
4
+ #
5
+ # This program is free software; you can redistribute it and/or modify
6
+ # it under the terms of the GNU General Public License as published by
7
+ # the Free Software Foundation; either version 2 of the License, or
8
+ # (at your option) any later version.
9
+ #
10
+ # This program is distributed in the hope that it will be useful,
11
+ # but WITHOUT ANY WARRANTY; without even the implied warranty of
12
+ # MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
13
+ # GNU General Public License for more details.
14
+ #
15
+ # You should have received a copy of the GNU General Public License along
16
+ # with this program; if not, write to the Free Software Foundation, Inc.,
17
+ # 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.
18
+ # -----------------------------------------------------------------------------
19
+ require_dependency "faalis/api_controller"
20
+
21
+
22
+ class Faalis::APIController < Faalis::ApplicationController
23
+ respond_to :json
24
+
25
+ before_filter :authenticate_user!
26
+
27
+ protect_from_forgery
28
+
29
+ after_filter :set_csrf_cookie_for_ng
30
+
31
+ def set_csrf_cookie_for_ng
32
+ cookies['XSRF-TOKEN'] = form_authenticity_token if protect_against_forgery?
33
+ end
34
+
35
+ rescue_from CanCan::AccessDenied do |exception|
36
+
37
+ render :status => 403, :json => {
38
+ :error => _("You don't have access to this page"),
39
+ :orig_msg => exception.message,
40
+ :action => exception.action,
41
+ }
42
+ end
43
+
44
+ protected
45
+
46
+ def verified_request?
47
+ super || form_authenticity_token == request.headers['X-XSRF-TOKEN']
48
+ end
49
+
50
+ :
51
+ end
@@ -0,0 +1,61 @@
1
+ module Faalis
2
+ module Generators
3
+ class Relation < String
4
+ attr_accessor :to
5
+
6
+ def initialize(value, to, options = "")
7
+ super(value)
8
+ @options = options
9
+ @to = to
10
+ end
11
+
12
+ def resource_name
13
+ to.split("/").last
14
+ end
15
+
16
+ def to
17
+ result = "'"
18
+ if options.include? "parents"
19
+ field_parents.each do |parent|
20
+ result = "#{result}/#{parent}/' + $scope.#{parent}_id + '"
21
+ end
22
+ result = "#{result}/"
23
+ end
24
+ "#{result}#{@to}'"
25
+ end
26
+
27
+ def options
28
+ unless @options.empty?
29
+ Hash[@options.split(',').map {|pair| pair.strip.split(':').map(&:strip) }]
30
+ else
31
+ {}
32
+ end
33
+ end
34
+
35
+ def field_parents
36
+ if options.include? "parents"
37
+ options["parents"].split(";")
38
+ else
39
+ []
40
+ end
41
+ end
42
+
43
+ def restangular
44
+ result = "API"
45
+ if options.include? "parents"
46
+ field_parents.each do |parent|
47
+ result = "#{result}.one('#{parent}', #{}_id)"
48
+ end
49
+ end
50
+ to.split("/").each do |resource|
51
+ result = "#{result}.all(\"#{resource}\")"
52
+ end
53
+ result
54
+ end
55
+
56
+ def get_list
57
+ "#{restangular}.getList()"
58
+ end
59
+ end
60
+ end
61
+ end
@@ -18,5 +18,5 @@
18
18
  # -----------------------------------------------------------------------------
19
19
 
20
20
  module Faalis
21
- VERSION = "0.24.0"
21
+ VERSION = "0.24.2"
22
22
  end
@@ -48,7 +48,7 @@ module Faalis
48
48
  end
49
49
 
50
50
  def copy_scss_manifest
51
- directory 'stylesheets', 'app/assets/'
51
+ directory 'stylesheets', 'app/assets/stylesheets'
52
52
  end
53
53
 
54
54
  def show_readme
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.0
4
+ version: 0.24.2
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-03-31 00:00:00.000000000 Z
12
+ date: 2014-04-03 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: rails
@@ -365,7 +365,6 @@ files:
365
365
  - app/assets/javascripts/faalis/dashboard/app.js
366
366
  - app/assets/javascripts/faalis/dashboard/application.js.erb
367
367
  - app/assets/javascripts/faalis/dashboard/functions.js.erb
368
- - app/assets/javascripts/faalis/dashboard/gen-doc.sh~
369
368
  - app/assets/javascripts/faalis/dashboard/init.js
370
369
  - app/assets/javascripts/faalis/dashboard/lib/angular-animate.js
371
370
  - app/assets/javascripts/faalis/dashboard/lib/angular-gettext.js
@@ -381,6 +380,7 @@ files:
381
380
  - app/assets/javascripts/faalis/dashboard/locale/translations.js
382
381
  - app/assets/javascripts/faalis/dashboard/modules/anim.js
383
382
  - app/assets/javascripts/faalis/dashboard/modules/api.js
383
+ - app/assets/javascripts/faalis/dashboard/modules/auth/#group.js#
384
384
  - app/assets/javascripts/faalis/dashboard/modules/auth/auth.js
385
385
  - app/assets/javascripts/faalis/dashboard/modules/auth/group.js
386
386
  - app/assets/javascripts/faalis/dashboard/modules/auth/profile.js
@@ -435,13 +435,11 @@ files:
435
435
  - app/assets/stylesheets/faalis/dashboard/ltr/direction.css.scss
436
436
  - app/assets/stylesheets/faalis/dashboard/ltr/foundation_and_overrides.css.scss
437
437
  - app/assets/stylesheets/faalis/dashboard/ltr/time.css.scss
438
- - app/assets/stylesheets/faalis/dashboard/ltr/time.css_flymake.scss
439
438
  - app/assets/stylesheets/faalis/dashboard/ng-grid.css.scss
440
439
  - app/assets/stylesheets/faalis/dashboard/ng-quick-date-default-theme.css.scss
441
440
  - app/assets/stylesheets/faalis/dashboard/ng-quick-date.css.scss
442
441
  - app/assets/stylesheets/faalis/dashboard/rtl/application.css
443
442
  - app/assets/stylesheets/faalis/dashboard/rtl/base.css.scss.erb
444
- - app/assets/stylesheets/faalis/dashboard/rtl/base.css_flymake.scss
445
443
  - app/assets/stylesheets/faalis/dashboard/rtl/buttons.css.scss.erb
446
444
  - app/assets/stylesheets/faalis/dashboard/rtl/direction.css.scss
447
445
  - app/assets/stylesheets/faalis/dashboard/rtl/foundation_and_overrides.css.scss
@@ -453,14 +451,15 @@ files:
453
451
  - app/assets/stylesheets/faalis/home.css.scss
454
452
  - app/assets/stylesheets/faalis/ltr/application.css
455
453
  - app/assets/stylesheets/faalis/ltr/buttons.css.scss.erb
456
- - app/assets/stylesheets/faalis/ltr/foundation_and_overrides.scss.erb
454
+ - app/assets/stylesheets/faalis/ltr/foundation_and_overrides.scss
457
455
  - app/assets/stylesheets/faalis/mixins.css.scss
458
456
  - app/assets/stylesheets/faalis/rtl/application.css
459
457
  - app/assets/stylesheets/faalis/rtl/buttons.css.scss.erb
458
+ - app/assets/stylesheets/faalis/rtl/foundation_and_overrides.css.scss
460
459
  - app/assets/stylesheets/faalis/rtl/foundation_and_overrides.scss.erb
461
460
  - app/assets/stylesheets/faalis/users.css
462
461
  - app/assets/stylesheets/faalis/variables.css.scss
463
- - app/controllers/faalis/#1.sh#
462
+ - app/controllers/faalis/#api_controller.rb#
464
463
  - app/controllers/faalis/api/v1/conversations_controller.rb
465
464
  - app/controllers/faalis/api/v1/groups_controller.rb
466
465
  - app/controllers/faalis/api/v1/logs_controller.rb
@@ -606,6 +605,7 @@ files:
606
605
  - lib/faalis/generators/concerns/resource_name.rb
607
606
  - lib/faalis/generators/concerns/tabs.rb
608
607
  - lib/faalis/generators/dashboard_scaffold.rb
608
+ - lib/faalis/generators/fields/#relation.rb#
609
609
  - lib/faalis/generators/fields/relation.rb
610
610
  - lib/faalis/i18n.rb
611
611
  - lib/faalis/initialize.rb
@@ -694,14 +694,10 @@ files:
694
694
  - spec/dummy/config/initializers/wrap_parameters.rb
695
695
  - spec/dummy/config/locales/en.yml
696
696
  - spec/dummy/config/routes.rb
697
- - spec/dummy/log/development.log
698
- - spec/dummy/log/test.log
699
697
  - spec/dummy/public/404.html
700
698
  - spec/dummy/public/422.html
701
699
  - spec/dummy/public/500.html
702
700
  - spec/dummy/public/favicon.ico
703
- - spec/dummy/tmp/ember-rails/ember-data.js
704
- - spec/dummy/tmp/ember-rails/ember.js
705
701
  - spec/spec_helper.rb
706
702
  homepage: https://github.com/Yellowen/Faalis
707
703
  licenses:
@@ -730,39 +726,35 @@ summary: Faalis is a ruby on rails engine which provides a very basic web applic
730
726
  to use with other ruby on rails applications.
731
727
  test_files:
732
728
  - spec/spec_helper.rb
733
- - spec/dummy/tmp/ember-rails/ember.js
734
- - spec/dummy/tmp/ember-rails/ember-data.js
735
- - spec/dummy/log/development.log
736
- - spec/dummy/log/test.log
737
- - spec/dummy/public/500.html
738
- - spec/dummy/public/404.html
739
- - spec/dummy/public/422.html
740
- - spec/dummy/public/favicon.ico
741
- - spec/dummy/config.ru
742
- - spec/dummy/README.rdoc
729
+ - spec/dummy/app/controllers/application_controller.rb
743
730
  - spec/dummy/app/views/layouts/application.html.erb
731
+ - spec/dummy/app/helpers/application_helper.rb
744
732
  - spec/dummy/app/assets/javascripts/application.js
745
733
  - spec/dummy/app/assets/stylesheets/application.css
746
- - spec/dummy/app/controllers/application_controller.rb
747
- - spec/dummy/app/helpers/application_helper.rb
748
- - spec/dummy/Rakefile
749
- - spec/dummy/bin/rake
750
734
  - spec/dummy/bin/bundle
751
735
  - spec/dummy/bin/rails
736
+ - spec/dummy/bin/rake
737
+ - spec/dummy/public/404.html
738
+ - spec/dummy/public/422.html
739
+ - spec/dummy/public/500.html
740
+ - spec/dummy/public/favicon.ico
741
+ - spec/dummy/config.ru
752
742
  - spec/dummy/config/application.rb
753
- - spec/dummy/config/environments/test.rb
754
743
  - spec/dummy/config/environments/development.rb
744
+ - spec/dummy/config/environments/test.rb
755
745
  - spec/dummy/config/environments/production.rb
756
- - spec/dummy/config/routes.rb
746
+ - spec/dummy/config/initializers/backtrace_silencers.rb
747
+ - spec/dummy/config/initializers/filter_parameter_logging.rb
748
+ - spec/dummy/config/initializers/secret_token.rb
749
+ - spec/dummy/config/initializers/session_store.rb
750
+ - spec/dummy/config/initializers/wrap_parameters.rb
751
+ - spec/dummy/config/initializers/mime_types.rb
752
+ - spec/dummy/config/initializers/inflections.rb
757
753
  - spec/dummy/config/environment.rb
758
754
  - spec/dummy/config/database.yml
759
755
  - spec/dummy/config/locales/en.yml
756
+ - spec/dummy/config/routes.rb
760
757
  - spec/dummy/config/boot.rb
761
- - spec/dummy/config/initializers/session_store.rb
762
- - spec/dummy/config/initializers/backtrace_silencers.rb
763
- - spec/dummy/config/initializers/wrap_parameters.rb
764
- - spec/dummy/config/initializers/inflections.rb
765
- - spec/dummy/config/initializers/filter_parameter_logging.rb
766
- - spec/dummy/config/initializers/mime_types.rb
767
- - spec/dummy/config/initializers/secret_token.rb
758
+ - spec/dummy/README.rdoc
759
+ - spec/dummy/Rakefile
768
760
  has_rdoc:
@@ -1,3 +0,0 @@
1
- #! /usr/bin/bash
2
-
3
- yuidoc -T simple -c .yui.conf ./
@@ -1,58 +0,0 @@
1
- body{
2
- background-color: #F0F0F0;
3
- font-family: "Lato", sans-serif;
4
- font-weight: 300;
5
- color: #363636;
6
- }
7
-
8
- .timeSelectorDirective {
9
- background: none;
10
- -webkit-user-select: none;
11
- -moz-user-select: none;
12
- -ms-user-select: none;
13
- -o-user-select: none;
14
- user-select: none;
15
- }
16
- .timeSelectorDirective .increase, .timeSelectorDirective .decrease{
17
- text-align: center;
18
- vertical-align: middle;
19
- color: rgb(112, 112, 112);
20
- text-shadow: 0px 1px #FFF;
21
- cursor: pointer;
22
- -webkit-transition: 500ms ease-out all;
23
- -moz-transition: 500ms ease-out all;
24
- -ms-transition: 500ms ease-out all;
25
- -o-transition: 500ms ease-out all;
26
- transition: 500ms ease-out all;
27
- font-size: 100%;
28
- border: 1px solid #CCC;
29
- padding: 3px;
30
- margin: 3px;
31
- border: 1px solid #EDE;
32
- }
33
-
34
- .timeSelectorDirective .increase:hover, .timeSelectorDirective .decrease:hover{
35
- color: rgba(112, 112, 112, 0.5);
36
- border-color: #CCC;
37
- background-color: #FFF;
38
- }
39
-
40
- .timeSelectorDirective .increase:active, .timeSelectorDirective .decrease:active{
41
- color: rgb(112, 112, 112);
42
- box-shadow: inset 1px 1px 1px #DDD;
43
- }
44
-
45
- .timeSelectorDirective .section{
46
- display: inline-block;
47
- }
48
-
49
- .timeSelectorDirective .display{
50
- background-color: rgb(247, 247, 247);
51
- color: #555555;
52
- padding: 5px;
53
- margin: 0px 3px;
54
- min-width: 30px;
55
- text-align: center;
56
- border: 1px solid #DDD;
57
- box-shadow: 1px 1px 1px #FFFFFF;
58
- }
@@ -1,25 +0,0 @@
1
- @import "faalis/variables";
2
- @import "faalis/dashboard/rtl/foundation_and_overrides";
3
-
4
- @font-face {
5
- font-family: 'Droid Arabic Naskh';
6
- src: url('/fonts/DroidNaskh-Regular.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
7
- }
8
-
9
-
10
- * {
11
- font-family: 'Droid Arabic Naskh', tahome, serif;
12
- }
13
-
14
- input[type="integer"] {
15
- @include form-element;
16
- }
17
-
18
- select {
19
- @include form-element;
20
- min-height: 10em;
21
- }
22
-
23
- textarea {
24
- height: 10em !important;
25
- }
@@ -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: ltr;
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';