nd_foundation 0.0.3
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/LICENSE +15 -0
- data/README.md +18 -0
- data/Rakefile +32 -0
- data/lib/assets/images/icons/searchmag.png +0 -0
- data/lib/assets/images/noise.png +0 -0
- data/lib/assets/images/noise3.png +0 -0
- data/lib/assets/images/noise3@2x.png +0 -0
- data/lib/assets/images/noise4.png +0 -0
- data/lib/assets/images/noise4@2x.png +0 -0
- data/lib/assets/images/noise5.png +0 -0
- data/lib/assets/images/noise5@2x.png +0 -0
- data/lib/assets/images/texture-checkers-lightblue50.png +0 -0
- data/lib/assets/images/texture-gold.png +0 -0
- data/lib/assets/stylesheets/nd_base.css.scss +135 -0
- data/lib/assets/stylesheets/nd_fonts.css.scss +21 -0
- data/lib/assets/stylesheets/nd_foundation.css.scss +9 -0
- data/lib/assets/stylesheets/nd_layout.css.scss +72 -0
- data/lib/assets/stylesheets/nd_print.css.scss +49 -0
- data/lib/assets/stylesheets/nd_settings.css.scss +1078 -0
- data/lib/assets/stylesheets/nd_themes.css.scss +259 -0
- data/lib/nd/foundation.rb +8 -0
- data/lib/nd/foundation/engine.rb +6 -0
- data/lib/nd/foundation/version.rb +5 -0
- data/lib/nd_foundation.rb +1 -0
- data/lib/tasks/nd_foundation_tasks.rake +4 -0
- data/test/dummy/Gemfile +8 -0
- data/test/dummy/Gemfile.lock +114 -0
- data/test/dummy/README.rdoc +28 -0
- data/test/dummy/Rakefile +6 -0
- data/test/dummy/app/assets/javascripts/application.js +18 -0
- data/test/dummy/app/assets/javascripts/styleguide.js +2 -0
- data/test/dummy/app/assets/stylesheets/application.css.scss +15 -0
- data/test/dummy/app/assets/stylesheets/foundation_and_overrides.scss +1300 -0
- data/test/dummy/app/assets/stylesheets/styleguide.css.scss +3 -0
- data/test/dummy/app/controllers/application_controller.rb +5 -0
- data/test/dummy/app/controllers/styleguide_controller.rb +4 -0
- data/test/dummy/app/helpers/application_helper.rb +2 -0
- data/test/dummy/app/helpers/styleguide_helper.rb +2 -0
- data/test/dummy/app/views/layouts/application.html.erb +86 -0
- data/test/dummy/app/views/styleguide/_top_bar.html.erb +78 -0
- data/test/dummy/app/views/styleguide/index.html.erb +147 -0
- data/test/dummy/bin/bundle +3 -0
- data/test/dummy/bin/rails +4 -0
- data/test/dummy/bin/rake +4 -0
- data/test/dummy/config.ru +4 -0
- data/test/dummy/config/application.rb +23 -0
- data/test/dummy/config/boot.rb +5 -0
- data/test/dummy/config/database.yml +25 -0
- data/test/dummy/config/environment.rb +5 -0
- data/test/dummy/config/environments/development.rb +37 -0
- data/test/dummy/config/environments/production.rb +83 -0
- data/test/dummy/config/environments/test.rb +39 -0
- data/test/dummy/config/initializers/assets.rb +1 -0
- data/test/dummy/config/initializers/backtrace_silencers.rb +7 -0
- data/test/dummy/config/initializers/cookies_serializer.rb +3 -0
- data/test/dummy/config/initializers/filter_parameter_logging.rb +4 -0
- data/test/dummy/config/initializers/inflections.rb +16 -0
- data/test/dummy/config/initializers/mime_types.rb +4 -0
- data/test/dummy/config/initializers/session_store.rb +3 -0
- data/test/dummy/config/initializers/wrap_parameters.rb +14 -0
- data/test/dummy/config/locales/en.yml +23 -0
- data/test/dummy/config/routes.rb +59 -0
- data/test/dummy/config/secrets.yml +22 -0
- data/test/dummy/db/development.sqlite3 +0 -0
- data/test/dummy/log/development.log +3584 -0
- data/test/dummy/public/404.html +67 -0
- data/test/dummy/public/422.html +67 -0
- data/test/dummy/public/500.html +66 -0
- data/test/dummy/public/favicon.ico +0 -0
- data/test/dummy/test/controllers/styleguide_controller_test.rb +9 -0
- data/test/dummy/test/helpers/styleguide_helper_test.rb +4 -0
- data/test/dummy/tmp/cache/assets/development/sass/071414bb46fb3393a15f678e09ea0ad0a083cb30/_accordion.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/071414bb46fb3393a15f678e09ea0ad0a083cb30/_alert-boxes.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/071414bb46fb3393a15f678e09ea0ad0a083cb30/_block-grid.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/071414bb46fb3393a15f678e09ea0ad0a083cb30/_breadcrumbs.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/071414bb46fb3393a15f678e09ea0ad0a083cb30/_button-groups.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/071414bb46fb3393a15f678e09ea0ad0a083cb30/_buttons.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/071414bb46fb3393a15f678e09ea0ad0a083cb30/_clearing.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/071414bb46fb3393a15f678e09ea0ad0a083cb30/_dropdown-buttons.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/071414bb46fb3393a15f678e09ea0ad0a083cb30/_dropdown.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/071414bb46fb3393a15f678e09ea0ad0a083cb30/_flex-video.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/071414bb46fb3393a15f678e09ea0ad0a083cb30/_forms.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/071414bb46fb3393a15f678e09ea0ad0a083cb30/_global.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/071414bb46fb3393a15f678e09ea0ad0a083cb30/_grid.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/071414bb46fb3393a15f678e09ea0ad0a083cb30/_icon-bar.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/071414bb46fb3393a15f678e09ea0ad0a083cb30/_inline-lists.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/071414bb46fb3393a15f678e09ea0ad0a083cb30/_joyride.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/071414bb46fb3393a15f678e09ea0ad0a083cb30/_keystrokes.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/071414bb46fb3393a15f678e09ea0ad0a083cb30/_labels.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/071414bb46fb3393a15f678e09ea0ad0a083cb30/_magellan.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/071414bb46fb3393a15f678e09ea0ad0a083cb30/_offcanvas.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/071414bb46fb3393a15f678e09ea0ad0a083cb30/_orbit.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/071414bb46fb3393a15f678e09ea0ad0a083cb30/_pagination.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/071414bb46fb3393a15f678e09ea0ad0a083cb30/_panels.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/071414bb46fb3393a15f678e09ea0ad0a083cb30/_pricing-tables.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/071414bb46fb3393a15f678e09ea0ad0a083cb30/_progress-bars.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/071414bb46fb3393a15f678e09ea0ad0a083cb30/_range-slider.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/071414bb46fb3393a15f678e09ea0ad0a083cb30/_reveal.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/071414bb46fb3393a15f678e09ea0ad0a083cb30/_side-nav.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/071414bb46fb3393a15f678e09ea0ad0a083cb30/_split-buttons.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/071414bb46fb3393a15f678e09ea0ad0a083cb30/_sub-nav.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/071414bb46fb3393a15f678e09ea0ad0a083cb30/_switches.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/071414bb46fb3393a15f678e09ea0ad0a083cb30/_tables.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/071414bb46fb3393a15f678e09ea0ad0a083cb30/_tabs.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/071414bb46fb3393a15f678e09ea0ad0a083cb30/_thumbs.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/071414bb46fb3393a15f678e09ea0ad0a083cb30/_tooltips.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/071414bb46fb3393a15f678e09ea0ad0a083cb30/_top-bar.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/071414bb46fb3393a15f678e09ea0ad0a083cb30/_type.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/071414bb46fb3393a15f678e09ea0ad0a083cb30/_visibility.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/297d63865417ff68a1a48467b69e380aedc62ccd/application.css.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/5695a408dcdf1f09958f4279b9972e148cba2bcb/foundation.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/89f895f47216f815d57d67a0e005247f8aa12882/_functions.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/db01201bac8cf5328b949169cb10737afa1c7b24/nd_base.css.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/db01201bac8cf5328b949169cb10737afa1c7b24/nd_fonts.css.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/db01201bac8cf5328b949169cb10737afa1c7b24/nd_foundation.css.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/db01201bac8cf5328b949169cb10737afa1c7b24/nd_layout.css.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/db01201bac8cf5328b949169cb10737afa1c7b24/nd_print.css.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/db01201bac8cf5328b949169cb10737afa1c7b24/nd_settings.css.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/db01201bac8cf5328b949169cb10737afa1c7b24/nd_themes.css.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/041f91b27ca846cb513516a0645d18c4 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/04cedf52bdfddb8cee2866ae21f805dd +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/053d34b5772f4fd3603fe0bc570b54cb +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/060901fe7bd6923e51f54112bb01db14 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/0750cb5ab7cd18c01c543e5dff18094f +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/0776c63b052264bf963aab0b061a3c60 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/0d77666dccf6fae469b000e479da81dc +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/1bf6c458c08cf4e61fb77f10f400e7cc +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/1c33f3e7ba869cbdd2488f274b99c8c9 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/1d356958ca06558fd1974de25b4fa22f +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/1f054954d860e387d51941f1612ee5cd +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/1f6cd76203a757ae7f0fa16fd70f62e6 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/20273a1704af2bb9cbe72e459ded8bc2 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/216edffa28718ea2b38b534c400b691f +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/23002fa934f85977fd39103f937f122d +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/25bcb86eea461627312d7751ad05606c +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/25d1efa8a812aa9516880a7e1eb900fa +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/2c0d173480326789dd22aaea5e11b189 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/2ce46335a12179d8d0720d09a1cf1451 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/2f5173deea6c795b8fdde723bb4b63af +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/36f556d4bb0210f6162f56bee8ce719b +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/3c04f2388b4b1a01a8f6c01f848f1fb6 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/3cddc75f3b6e30e91b3e304fbe337774 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/3df83ebdff5dc95e693f4b48fb9594a1 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/3fb545e7fa59e61892e17bfc724bcab6 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/491a255fc69cbb33ecf58eca58a40dc6 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/4d0775de964bd46e41926ce4c944f234 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/4dfa0abbfda4a70d1dd0605e2b62ea48 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/5191873d72ffbaad1b320f224b92bd7b +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/532d336875bf7818aa1ab05568e07c16 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/6589e905537b9a314a6a792797b80d05 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/68079fbb26964f61fa09154d5f644217 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/6dd4b442cfc0d712e7b1760ae6acf4ea +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/715d2a9c55ef1e4f7d2fe72e0b8994b7 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/7392028e4b8541a301d8677de6c990ee +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/73eeb5567dd1b59c948133020550c744 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/77315ae4d423de3c6b0cf77a5478ee25 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/7992674640cfddeab9318763eedaa611 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/7a329b37c21577faab37441b07df6305 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/7d048020c53ce8d3633b0fcd9cc7ac94 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/83d18b4309abbd7899363e51dd804cf9 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/854edef93be09f48218cfaca1d732f37 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/881ceba8bcbd8f2edeb8b4e8ebcf133e +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/8ab512c9b33ac90e699b73469d71f061 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/9235e112488605852bdb9ea9d767262d +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/9305009d6e784bd35520009cea4a0df3 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/95f64ec95416cea2be121039423c2f8c +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/95fb118e2e1ee9a97882b54154763489 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/9a227d12bcd77989c1672c42c8c2abcc +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/a880d4ac32672c6c441416ffaec880af +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/adaf579aebf8a3d4e38b56591fcda21c +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/b6f4664580ab130b879ad015bb40c181 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/b897b434bdb235db99799e6090eee181 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/bcca522c6302f184f12fe0e8a7d7e71a +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/c13fc73ceafa45876a901b3e775b83ae +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/c66a486e7b073f7925989fad19a79487 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/c7ec5debbb0967d585f99f76007ec63c +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/cc9dde33e7ca839f3440d033b2f86d2b +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/cffd775d018f68ce5dba1ee0d951a994 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/d02ebcf04675b48745741c1d9accb3eb +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/d370a5a8d5d8a138a31b494ce51a9815 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/daf3083ac2602ae51a46984a9d6f088c +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/db46aff0eafddd177a5ae7cf0577af67 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/e096352fd67fc17c3e5845477b8ff115 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/e4f434aa0dc6b8d21d6e512ef96d1755 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/ec5ef328b246c6ccf9821558ddd31dc5 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/f16766ee22720ce4de92d00889243e45 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/f5181adeeb15c0ab774cf94aeda242ca +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/f7a82db2b4d53c6c7a0a82bc7d33fd76 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/f7cbd26ba1d28d48de824f0e94586655 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/f7e63b096e85178f0764ef26a72fe9a8 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/f9048170d42611c28f5de37be79d9b39 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/f9a0a0d5eb4740078fb42526dbc236f8 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/f9efe5a38e7accdb3151c7ba637750d7 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/fb18f0699d18e453eb374ec381029e77 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/fd098479beaf9c0fa47c13c5d1ae0055 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/ff78db9f1f4b981f7b273dde83ff72f6 +0 -0
- data/test/nd_foundation_test.rb +7 -0
- data/test/test_helper.rb +15 -0
- metadata +461 -0
checksums.yaml
ADDED
@@ -0,0 +1,7 @@
|
|
1
|
+
---
|
2
|
+
SHA1:
|
3
|
+
metadata.gz: 8b6e9ac343327e4e38c498ceff1502ff2906865c
|
4
|
+
data.tar.gz: b4aa4397e5fff6fc0e816a203739433d1ae3f9c1
|
5
|
+
SHA512:
|
6
|
+
metadata.gz: 8e7ccea55d65f9d8c66eb192a7dff9993bc779fd69828926724c67310d2ac85d0715b6e601c02a64276d2c44e38c7ecf42eb774ad030d418d2b8834b70927db8
|
7
|
+
data.tar.gz: bd5155f8bed9974ae93c08316c8c2382db6b26fece37540e933ab32b3c93a57da48fef2bb2b57c79482f7c22a3f16f52b6c75c05b9b78bcff863efc37f754cb3
|
data/LICENSE
ADDED
@@ -0,0 +1,15 @@
|
|
1
|
+
##########################################################################
|
2
|
+
# Copyright 2014 University of Notre Dame
|
3
|
+
#
|
4
|
+
# Licensed under the Apache License, Version 2.0 (the "License");
|
5
|
+
# you may not use this file except in compliance with the License.
|
6
|
+
# You may obtain a copy of the License at
|
7
|
+
#
|
8
|
+
# http://www.apache.org/licenses/LICENSE-2.0
|
9
|
+
#
|
10
|
+
# Unless required by applicable law or agreed to in writing, software
|
11
|
+
# distributed under the License is distributed on an "AS IS" BASIS,
|
12
|
+
# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
13
|
+
# See the License for the specific language governing permissions and
|
14
|
+
# limitations under the License.
|
15
|
+
|
data/README.md
ADDED
@@ -0,0 +1,18 @@
|
|
1
|
+
# ND::Foundation
|
2
|
+
|
3
|
+
This adds a Notre Dame themed Foundation stylesheet to your Rails asset pipeline.
|
4
|
+
|
5
|
+
## Installation
|
6
|
+
|
7
|
+
In your Gemfile:
|
8
|
+
|
9
|
+
gem 'foundation-rails'
|
10
|
+
gem 'nd_foundation'
|
11
|
+
|
12
|
+
In your application.css.scss:
|
13
|
+
|
14
|
+
// Your settings here...
|
15
|
+
$department: ooit;
|
16
|
+
// This will automatically pull in foundation.css.scss
|
17
|
+
@import 'nd_foundation';
|
18
|
+
|
data/Rakefile
ADDED
@@ -0,0 +1,32 @@
|
|
1
|
+
begin
|
2
|
+
require 'bundler/setup'
|
3
|
+
rescue LoadError
|
4
|
+
puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
|
5
|
+
end
|
6
|
+
|
7
|
+
require 'rdoc/task'
|
8
|
+
|
9
|
+
RDoc::Task.new(:rdoc) do |rdoc|
|
10
|
+
rdoc.rdoc_dir = 'rdoc'
|
11
|
+
rdoc.title = 'NdFoundation'
|
12
|
+
rdoc.options << '--line-numbers'
|
13
|
+
rdoc.rdoc_files.include('README.rdoc')
|
14
|
+
rdoc.rdoc_files.include('lib/**/*.rb')
|
15
|
+
end
|
16
|
+
|
17
|
+
|
18
|
+
|
19
|
+
|
20
|
+
Bundler::GemHelper.install_tasks
|
21
|
+
|
22
|
+
require 'rake/testtask'
|
23
|
+
|
24
|
+
Rake::TestTask.new(:test) do |t|
|
25
|
+
t.libs << 'lib'
|
26
|
+
t.libs << 'test'
|
27
|
+
t.pattern = 'test/**/*_test.rb'
|
28
|
+
t.verbose = false
|
29
|
+
end
|
30
|
+
|
31
|
+
|
32
|
+
task default: :test
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
@@ -0,0 +1,135 @@
|
|
1
|
+
a {color:#004da3; outline:none; -webkit-tap-highlight-color:rgba(220,179,57,.9);}
|
2
|
+
a:hover {color:#002b5b}
|
3
|
+
a:active {color:#aa272f;}
|
4
|
+
a:focus {outline:thin dotted;}
|
5
|
+
|
6
|
+
h1,h2,h3,h4,h5,h6 {color:#002b5b; font-weight:300; text-shadow:0 1px rgba(255,255,255,0.6); text-rendering:optimizeLegibility; font-family:GPC, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;}
|
7
|
+
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {text-decoration:none; color:#333;}
|
8
|
+
h1 a:visited,h2 a:visited,h3 a:visited,h4 a:visited,h5 a:visited,h6 a:visited {color:#004da3;}
|
9
|
+
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {text-decoration:underline;}
|
10
|
+
h1 {margin-top:0; font-size:2em;}
|
11
|
+
h2 {font-size:1.75em;}
|
12
|
+
h3 {font-size:1.563em;}
|
13
|
+
h4 {font-size:1.375em;}
|
14
|
+
h5 {font-size:1.188em;}
|
15
|
+
h6 {font-size:1em;}
|
16
|
+
|
17
|
+
.skip-links {border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px;}
|
18
|
+
.skip-links:active, .skip-links:focus {clip:auto; height:auto; margin:0; overflow:visible; position:static; width:auto;}
|
19
|
+
|
20
|
+
@media screen,projection {
|
21
|
+
/* Foundation Over-rides
|
22
|
+
----------------------------------------------------*/
|
23
|
+
.vcard {margin:0 auto; padding:0; border:none;
|
24
|
+
.fn {font-weight:normal;}
|
25
|
+
}
|
26
|
+
.top-bar-wrap {background:$topbar-bg-color;}
|
27
|
+
.top-bar h1,
|
28
|
+
.top-bar h2,
|
29
|
+
.top-bar h3,
|
30
|
+
.top-bar h4,
|
31
|
+
.top-bar h5,
|
32
|
+
.top-bar h6 {text-shadow:none;}
|
33
|
+
|
34
|
+
|
35
|
+
/* HEADER
|
36
|
+
----------------------------------------------------*/
|
37
|
+
.site-header {margin:0; text-align:center;}
|
38
|
+
.brandbar,
|
39
|
+
.titlebar {overflow:hidden;}
|
40
|
+
.brandbar {
|
41
|
+
ul {margin:0; list-style:none;}
|
42
|
+
li {margin:0;}
|
43
|
+
}
|
44
|
+
.dept {display:none; border-top: 1px solid #000; @include box-shadow(0 1px 0 rgba(0,122,217,0.4) inset);}
|
45
|
+
.site-header li {margin:0; padding:0;}
|
46
|
+
.brandbar a {display:block; margin:0 auto; text-decoration:none; height:50px; text-indent:-9999px; overflow:hidden; background-repeat:no-repeat;}
|
47
|
+
.dept-nd img {display:none;}
|
48
|
+
.dept-nd a {background-position:left 0;}
|
49
|
+
.dept a {background-position:right 0;}
|
50
|
+
|
51
|
+
.titlebar {padding:0.75em 0;}
|
52
|
+
.site-title {clear:both; margin:0.4em auto; padding:0; line-height:1em; font-size:1.75em; font-weight:300; text-shadow:0 1px rgba(255,255,255,0.7);
|
53
|
+
a {display:block; border:none; color:#002b5b; text-decoration:none;}
|
54
|
+
a:visited {color:#002b5b;}
|
55
|
+
a:hover {text-decoration:none;}
|
56
|
+
}
|
57
|
+
|
58
|
+
.header-util {position:relative; margin:0 auto; padding:0 1em; text-align:center;}
|
59
|
+
.header-util form {display:inline-block; *display:inline; *zoom:1; width:auto; margin:0 auto 0.5em; padding:1px 1px 1px 4px; border:1px solid #986633; line-height:1.1em; background-color:#fff; @include radius(5px); @include box-shadow(inset 0 1px 2px rgba(0,0,0,0.3), 0 1px rgba(255,255,255,0.65));}
|
60
|
+
.header-util label {border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px;}
|
61
|
+
.search-input[type="search"] {display:inline-block; *display:inline; *zoom:1; vertical-align:middle; width:86%; height:1.7em; margin:0; padding:0; border:none; font-family:inherit; font-size:1.2em; color:#444; -webkit-appearance:textfield; background:transparent; @include box-shadow(none);}
|
62
|
+
.search-input[type="search"]:focus {border-color:transparent; background:transparent; @include box-shadow(none);}
|
63
|
+
|
64
|
+
.search-button {display:inline-block; *display:inline; *zoom:1; float:right; position:relative; text-indent:-9999px; overflow:hidden; width:2em; height:2em; margin:0; padding:0; border:1px solid #adadad; cursor:pointer; @include radius(3px);
|
65
|
+
background-color:#d3d3d3;
|
66
|
+
background:-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .9)), to(rgba(255, 255, 255, .0))), hsl(0, 0%, 65%);
|
67
|
+
background:-webkit-linear-gradient(top, rgba(255, 255, 255, .9), rgba(255, 255, 255, .0)), hsl(0, 0%, 65%);
|
68
|
+
background: -moz-linear-gradient(top, rgba(255, 255, 255, .9), rgba(255, 255, 255, .0)), hsl(0, 0%, 65%);
|
69
|
+
background: linear-gradient(top, rgba(255, 255, 255, .9), rgba(255, 255, 255, .0)), hsl(0, 0%, 65%);
|
70
|
+
@include single-transition(all .15s ease-in-out);
|
71
|
+
}
|
72
|
+
.lt-ie9 .search-button {background:#a5a5a5 url(/icons/searchmag.png) center center no-repeat;}
|
73
|
+
.search-button:hover {
|
74
|
+
border:1px solid #a9740c;
|
75
|
+
background:center center no-repeat #edd854;
|
76
|
+
background:center center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#edd854), color-stop(100%,#cc921f));
|
77
|
+
background:center center no-repeat, -webkit-linear-gradient(top, #edd854 0%,#cc921f 100%);
|
78
|
+
background:center center no-repeat, -moz-linear-gradient(top, #edd854 0%,#cc921f 100%);
|
79
|
+
background:center center no-repeat, linear-gradient(top, #edd854 0%,#cc921f 100%);
|
80
|
+
}
|
81
|
+
|
82
|
+
.search-button:active {
|
83
|
+
background: center center no-repeat #cc921f;
|
84
|
+
background: center center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc921f), color-stop(100%,#edd854));
|
85
|
+
background: center center no-repeat, -webkit-linear-gradient(top, #cc921f 0%,#edd854 100%);
|
86
|
+
background: center center no-repeat, -moz-linear-gradient(top, #cc921f 0%,#edd854 100%);
|
87
|
+
background: center center no-repeat, linear-gradient(top, #cc921f 0%,#edd854 100%);
|
88
|
+
}
|
89
|
+
.search-button:before { content:attr(data-icon); display:block; position:absolute; top:0; left:0.1em; color:#444; font-size:1.6em; line-height:1.3em; font-family:NDIcons; text-indent:0; text-shadow:0 1px #eee; }
|
90
|
+
.lt-ie9 .search-button:before {content:'';}
|
91
|
+
.search-button:hover:before { color:#002b5b; text-shadow:0 1px rgba(255,255,255,0.6); }
|
92
|
+
.search-button:active:before { text-shadow:0 -1px rgba(255,255,255,0.6); }
|
93
|
+
|
94
|
+
.header-util nav ul {margin:0.4em 0 0; text-align:center; line-height:1em;}
|
95
|
+
.header-util nav li {display:inline-block; *display:inline; *zoom:1; width:32%;}
|
96
|
+
.header-util nav a { display:block; padding:.625em; color:#002b5b; font-family:"HelveticaNeue",Helvetica,Arial,sans-serif; font-weight:bold; text-decoration:none; text-shadow:0 1px rgba(255,255,255,.9); border:1px solid #562e07; @include radius(3px);
|
97
|
+
@include box-shadow(0 1px rgba(255,255,255,.4) inset, 0 1px 2px rgba(0,0,0,.3), 0 0 4px rgba(82,31,0,.4) inset);
|
98
|
+
background-color:#dcb439;
|
99
|
+
background-image:-webkit-radial-gradient(50% 20%, rgba(255,255,255,.5) 0%, rgba(255,255,255,0) 100%);
|
100
|
+
background-image: -moz-radial-gradient(50% 20%, rgba(255,255,255,.5) 0%, rgba(255,255,255,0) 100%);
|
101
|
+
background-image: radial-gradient(50% 20%, rgba(255,255,255,.5) 0%, rgba(255,255,255,0) 100%);
|
102
|
+
}
|
103
|
+
.header-util nav a:hover { color:#fff; text-shadow:0 -1px rgba(0,0,0,.9); border:1px solid #001834;
|
104
|
+
@include box-shadow(0 1px rgba(0,83,176,.8) inset, 0 1px 2px rgba(0,0,0,.3));
|
105
|
+
background-color:#002b5b;
|
106
|
+
background-image:-webkit-radial-gradient(50% 20%, rgba(0,83,176,1) 0%, rgba(0,83,176,0) 100%);
|
107
|
+
background-image: -moz-radial-gradient(50% 20%, rgba(0,83,176,1) 0%, rgba(0,83,176,0) 100%);
|
108
|
+
background-image: radial-gradient(50% 20%, rgba(0,83,176,1) 0%, rgba(0,83,176,0) 100%);
|
109
|
+
}
|
110
|
+
|
111
|
+
/* CONTENT
|
112
|
+
----------------------------------------------------*/
|
113
|
+
.site-content {padding-top:1em;}
|
114
|
+
.page-title {margin:0 0 .5em; padding:0 0 0.15em; border-bottom:2px solid #dcb439;}
|
115
|
+
|
116
|
+
/* FOOTER
|
117
|
+
----------------------------------------------------*/
|
118
|
+
.site-footer {position:relative; clear:both; text-align:center;
|
119
|
+
.footer-inner {position:relative; padding-top:2em; padding-bottom:2em; border-top:1px solid #ccc; @include box-shadow(inset 0 1px 0 rgba(255,255,255,0.9));}
|
120
|
+
}
|
121
|
+
.vcard .fn,
|
122
|
+
.site-footer p { font-size:14px; }
|
123
|
+
.site-info {margin:1em 0;
|
124
|
+
li {display:inline-block; *display:inline; *zoom:1; margin:0 2%;}
|
125
|
+
a {text-decoration:underline;}
|
126
|
+
}
|
127
|
+
.geo,
|
128
|
+
.country-name {border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px;}
|
129
|
+
.address {display:block; margin:1em 0 0;}
|
130
|
+
.org,
|
131
|
+
.tel {display:block;}
|
132
|
+
.ndmark {display:block; width:200px; margin:2em auto;}
|
133
|
+
|
134
|
+
}
|
135
|
+
|
@@ -0,0 +1,21 @@
|
|
1
|
+
/* Fonts
|
2
|
+
----------------------------------------------------*/
|
3
|
+
@font-face {font-family:NDIcons;
|
4
|
+
src:url('//www.nd.edu/assets/fonts/nd.v2.eot');
|
5
|
+
src:url('//www.nd.edu/assets/fonts/nd.v2.eot?iefix') format('embedded-opentype'),
|
6
|
+
url('//www.nd.edu/assets/fonts/nd.v2.woff') format('woff'),
|
7
|
+
url('//www.nd.edu/assets/fonts/nd.v2.ttf') format('truetype'),
|
8
|
+
url('//www.nd.edu/assets/fonts/nd.v2.svg') format('svg');
|
9
|
+
}
|
10
|
+
@font-face {font-family:GPC; font-weight:300; font-style:normal;
|
11
|
+
src:url('//www.nd.edu/assets/fonts/GalaxiePolarisCondensed-Book.min.eot');
|
12
|
+
src:url('//www.nd.edu/assets/fonts/GalaxiePolarisCondensed-Book.min.eot?iefix') format('embedded-opentype'),
|
13
|
+
url('//www.nd.edu/assets/fonts/GalaxiePolarisCondensed-Book.min.woff') format('woff'),
|
14
|
+
url('//www.nd.edu/assets/fonts/GalaxiePolarisCondensed-Book.min.ttf') format('truetype');
|
15
|
+
}
|
16
|
+
@font-face {font-family:GPC; font-weight:400; font-style:normal;
|
17
|
+
src:url('//www.nd.edu/assets/fonts/GalaxiePolarisCondensed-Medium.min.eot');
|
18
|
+
src:url('//www.nd.edu/assets/fonts/GalaxiePolarisCondensed-Medium.min.eot?iefix') format('embedded-opentype'),
|
19
|
+
url('//www.nd.edu/assets/fonts/GalaxiePolarisCondensed-Medium.min.woff') format('woff'),
|
20
|
+
url('//www.nd.edu/assets/fonts/GalaxiePolarisCondensed-Medium.min.ttf') format('truetype');
|
21
|
+
}
|
@@ -0,0 +1,72 @@
|
|
1
|
+
@media #{$small-only} {
|
2
|
+
.brandbar ul {padding:0;}
|
3
|
+
}
|
4
|
+
|
5
|
+
/* Medium
|
6
|
+
----------------------------------------------------*/
|
7
|
+
@media #{$medium-up} {
|
8
|
+
h1 {font-size:2.313em;}
|
9
|
+
h2 {font-size:2.063em;}
|
10
|
+
h3 {font-size:1.75em;}
|
11
|
+
h4 {font-size:1.625em;}
|
12
|
+
h5 {font-size:1.375em;}
|
13
|
+
h6 {font-size:1.125em;}
|
14
|
+
|
15
|
+
blockquote {margin:2em;}
|
16
|
+
blockquote.pull {float:right; width:30%;}
|
17
|
+
|
18
|
+
.site-header {text-align:left;}
|
19
|
+
.brandbar,
|
20
|
+
.titlebar {padding:0;}
|
21
|
+
.dept-nd a {float:left; height:50px;}
|
22
|
+
.dept {border-top:0 none; @include box-shadow(none);}
|
23
|
+
.dept a {float:right; height:50px;}
|
24
|
+
.site-title {float:left; margin:0; padding:0; font-size:2.5em;
|
25
|
+
a {padding:0.65em 0 0.75em;}
|
26
|
+
}
|
27
|
+
.search-input[type="search"] {width:auto; font-size:0.8em;}
|
28
|
+
|
29
|
+
.header-util {float:right; top:2.2em; margin:0; padding:0; text-align:right;
|
30
|
+
form {width:auto; margin:0;}
|
31
|
+
nav {display:block; margin:3px 0;}
|
32
|
+
nav ul {margin:0;}
|
33
|
+
nav li {width:auto; display:block; text-align:right;}
|
34
|
+
nav a {font-size:0.825em; font-weight:normal;}
|
35
|
+
nav a,
|
36
|
+
nav a:hover { display:inline; padding:0; border:0 none; background:none;
|
37
|
+
-webkit-box-shadow:0 0 rgba(255,255,255,0) inset, 0 0 rgba(0,0,0,0);
|
38
|
+
-moz-box-shadow:0 0 rgba(255,255,255,0) inset, 0 0 rgba(0,0,0,0);
|
39
|
+
box-shadow:0 0 rgba(255,255,255,0) inset, 0 0 rgba(0,0,0,0);
|
40
|
+
}
|
41
|
+
nav a:hover { color:#002b5b; text-decoration:underline; text-shadow:0 1px rgba(255,255,255,.9); }
|
42
|
+
.menu-skip,
|
43
|
+
.search-toggle {display:none;}
|
44
|
+
}
|
45
|
+
.search-button {width:23px; height:23px;}
|
46
|
+
.search-button:before {top:0; left:2px; font-size:18px;}
|
47
|
+
|
48
|
+
/* Footer */
|
49
|
+
.site-footer {padding-top:2em; text-align:left;}
|
50
|
+
.contact-info {margin:0;}
|
51
|
+
.address {margin:0;}
|
52
|
+
.ndmark {position:absolute; right:0; top:2em; margin:0;}
|
53
|
+
.site-link {display:block;}
|
54
|
+
.org {display:inline;}
|
55
|
+
}
|
56
|
+
|
57
|
+
/* 800px
|
58
|
+
----------------------------------------------------*/
|
59
|
+
@media only screen and (min-width:50em) {
|
60
|
+
.dept {display:block;} /* Adjust when the department title appears depending on the width of the graphic */
|
61
|
+
}
|
62
|
+
|
63
|
+
/* Large
|
64
|
+
----------------------------------------------------*/
|
65
|
+
/*@media only screen and (min-width:60em) {*/
|
66
|
+
@media #{$large-up} {
|
67
|
+
.site-content {padding-top:2em;}
|
68
|
+
.site-link,
|
69
|
+
.org,
|
70
|
+
.tel {display:inline-block; *display:inline; *zoom:1; margin:0 1em 0 0;}
|
71
|
+
}
|
72
|
+
|
@@ -0,0 +1,49 @@
|
|
1
|
+
/*************************************************************************************
|
2
|
+
* Print Styles
|
3
|
+
************************************************************************************/
|
4
|
+
@media print {
|
5
|
+
|
6
|
+
@page {margin:0.5cm;}
|
7
|
+
body {font-family:Georgia, "Times New Roman", Times, serif; color:#000;}
|
8
|
+
img, tr {page-break-inside:avoid;}
|
9
|
+
p, h2, h3 {orphans:3; widows:3;}
|
10
|
+
h2, h3 {page-break-after:avoid;}
|
11
|
+
|
12
|
+
/* Styles
|
13
|
+
----------------------------------------------------*/
|
14
|
+
a[href^="javascript:"]:after,
|
15
|
+
a[href^="#"]:after {content:"";}
|
16
|
+
.ndmark {width:150px;}
|
17
|
+
|
18
|
+
/* HIDDEN
|
19
|
+
----------------------------------------------------*/
|
20
|
+
.breadcrumbs,
|
21
|
+
.header-util,
|
22
|
+
.skip-links,
|
23
|
+
.site-nav {display:none;}
|
24
|
+
|
25
|
+
/* STRUCTURE
|
26
|
+
----------------------------------------------------*/
|
27
|
+
.site-header {overflow:hidden; position:relative; margin:0 0 20px; padding:0 0 20px; border-bottom:1px solid gray;}
|
28
|
+
.dept-nd {text-indent:-100%; white-space:nowrap; overflow:hidden;}
|
29
|
+
.site-header .ndmark {position:absolute; bottom:20px; right:0;}
|
30
|
+
.site-header li,
|
31
|
+
.site-title,
|
32
|
+
.subline {margin:0; font-family:Georgia, "Times New Roman", Times, serif;}
|
33
|
+
.site-header li a,
|
34
|
+
.site-title a,
|
35
|
+
.subline a {color:#000;}
|
36
|
+
|
37
|
+
.dept {font-size:0.8em;}
|
38
|
+
.site-title {margin:4px 0 2px; font-size:2em;}
|
39
|
+
.subline {font-size:1em;}
|
40
|
+
|
41
|
+
.site-content a:link:after {content:" [link: " attr(href) "] "; font-size:11px; font-family:inherit;}
|
42
|
+
.site-content abbr:after {content:" (" attr(title) ")";}
|
43
|
+
|
44
|
+
.site-footer {position:relative; clear:both; margin:20px 0 0; padding:20px 0 0; border-top:1px solid gray;}
|
45
|
+
.geo,
|
46
|
+
.country-name {display:none;}
|
47
|
+
.tel {display:block;}
|
48
|
+
.site-footer .ndmark {position:absolute; top:20px; right:0;}
|
49
|
+
}
|
@@ -0,0 +1,1078 @@
|
|
1
|
+
//
|
2
|
+
// FOUNDATION SETTINGS
|
3
|
+
//
|
4
|
+
|
5
|
+
// Uncomment to use rem-calc() in your settings
|
6
|
+
// @import "foundation/functions";
|
7
|
+
|
8
|
+
// $experimental: true;
|
9
|
+
|
10
|
+
// The default font-size is set to 100% of the browser style sheet (usually 16px)
|
11
|
+
// for compatibility with brower-based text zoom or user-set defaults.
|
12
|
+
|
13
|
+
// Since the typical default browser font-size is 16px, that makes the calculation for grid size.
|
14
|
+
// If you want your base font-size to be different and not have it affect the grid breakpoints,
|
15
|
+
// set $rem-base to $base-font-size and make sure $base-font-size is a px value.
|
16
|
+
// $base-font-size: 100%;
|
17
|
+
|
18
|
+
// The $base-line-height is 100% while $base-font-size is 150%
|
19
|
+
// $base-line-height: 150%;
|
20
|
+
|
21
|
+
// This is the default html and body font-size for the base rem value.
|
22
|
+
// $rem-base: 16px;
|
23
|
+
|
24
|
+
// We use this to control whether or not CSS classes come through in the gem files.
|
25
|
+
// $include-html-classes: true;
|
26
|
+
// $include-print-styles: true;
|
27
|
+
// $include-html-global-classes: $include-html-classes;
|
28
|
+
|
29
|
+
// Grid
|
30
|
+
|
31
|
+
// $include-html-grid-classes: $include-html-classes;
|
32
|
+
|
33
|
+
// $row-width: rem-calc(1000);
|
34
|
+
// $column-gutter: rem-calc(30);
|
35
|
+
// $total-columns: 12;
|
36
|
+
|
37
|
+
// We use these to control various global styles
|
38
|
+
// $body-bg: #fff;
|
39
|
+
// $body-font-color: #222;
|
40
|
+
// $body-font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
|
41
|
+
// $body-font-weight: normal;
|
42
|
+
// $body-font-style: normal;
|
43
|
+
|
44
|
+
// We use this to control font-smoothing
|
45
|
+
// $font-smoothing: antialiased;
|
46
|
+
|
47
|
+
// We use these to control text direction settings
|
48
|
+
// $text-direction: ltr;
|
49
|
+
// $opposite-direction: right;
|
50
|
+
// $default-float: left;
|
51
|
+
|
52
|
+
// We use these as default colors throughout
|
53
|
+
$primary-color: #002b5b !default;
|
54
|
+
// $secondary-color: #e7e7e7;
|
55
|
+
// $alert-color: #f04124;
|
56
|
+
// $success-color: #43AC6A;
|
57
|
+
|
58
|
+
// Official Brand colors
|
59
|
+
$official-blue:#002b5b !default;
|
60
|
+
$official-gold:#dcb439 !default;
|
61
|
+
|
62
|
+
// We use these to make sure border radius matches unless we want it different.
|
63
|
+
// $global-radius: 3px;
|
64
|
+
// $global-rounded: 1000px;
|
65
|
+
|
66
|
+
// We use these to control inset shadow shiny edges and depressions.
|
67
|
+
// $shiny-edge-size: 0 1px 0;
|
68
|
+
// $shiny-edge-color: rgba(#fff, .5);
|
69
|
+
// $shiny-edge-active-color: rgba(#000, .2);
|
70
|
+
|
71
|
+
// Media Query Ranges
|
72
|
+
// $small-range: (0em, 40em);
|
73
|
+
// $medium-range: (40.063em, 64em);
|
74
|
+
// $large-range: (64.063em, 90em);
|
75
|
+
// $xlarge-range: (90.063em, 120em);
|
76
|
+
// $xxlarge-range: (120.063em);
|
77
|
+
|
78
|
+
// $screen: "only screen";
|
79
|
+
|
80
|
+
// $landscape: "#{$screen} and (orientation: landscape)";
|
81
|
+
// $portrait: "#{$screen} and (orientation: portrait)";
|
82
|
+
|
83
|
+
// $small-up: $screen;
|
84
|
+
// $small-only: "#{$screen} and (max-width: #{upper-bound($small-range)})";
|
85
|
+
|
86
|
+
// $medium-up: "#{$screen} and (min-width:#{lower-bound($medium-range)})";
|
87
|
+
// $medium-only: "#{$screen} and (min-width:#{lower-bound($medium-range)}) and (max-width:#{upper-bound($medium-range)})";
|
88
|
+
|
89
|
+
// $large-up: "#{$screen} and (min-width:#{lower-bound($large-range)})";
|
90
|
+
// $large-only: "#{$screen} and (min-width:#{lower-bound($large-range)}) and (max-width:#{upper-bound($large-range)})";
|
91
|
+
|
92
|
+
// $xlarge-up: "#{$screen} and (min-width:#{lower-bound($xlarge-range)})";
|
93
|
+
// $xlarge-only: "#{$screen} and (min-width:#{lower-bound($xlarge-range)}) and (max-width:#{upper-bound($xlarge-range)})";
|
94
|
+
|
95
|
+
// $xxlarge-up: "#{$screen} and (min-width:#{lower-bound($xxlarge-range)})";
|
96
|
+
// $xxlarge-only: "#{$screen} and (min-width:#{lower-bound($xxlarge-range)}) and (max-width:#{upper-bound($xxlarge-range)})";
|
97
|
+
|
98
|
+
// Legacy
|
99
|
+
// $small: $medium-up;
|
100
|
+
// $medium: $medium-up;
|
101
|
+
// $large: $large-up;
|
102
|
+
|
103
|
+
//We use this as cursors values for enabling the option of having custom cursors in the whole site's stylesheet
|
104
|
+
// $cursor-crosshair-value: crosshair;
|
105
|
+
// $cursor-default-value: default;
|
106
|
+
// $cursor-pointer-value: pointer;
|
107
|
+
// $cursor-help-value: help;
|
108
|
+
// $cursor-text-value: text;
|
109
|
+
|
110
|
+
// Accordion
|
111
|
+
|
112
|
+
// $include-html-accordion-classes: $include-html-classes;
|
113
|
+
|
114
|
+
// $accordion-navigation-padding: rem-calc(16);
|
115
|
+
// $accordion-navigation-bg-color: #efefef ;
|
116
|
+
// $accordion-navigation-hover-bg-color: darken($accordion-navigation-bg-color, 5%);
|
117
|
+
// $accordion-navigation-active-bg-color: darken($accordion-navigation-bg-color, 3%);
|
118
|
+
// $accordion-navigation-font-color: #222;
|
119
|
+
// $accordion-navigation-font-size: rem-calc(16);
|
120
|
+
// $accordion-navigation-font-family: $body-font-family;
|
121
|
+
|
122
|
+
// $accordion-content-padding: $column-gutter/2;
|
123
|
+
// $accordion-content-active-bg-color: #fff;
|
124
|
+
|
125
|
+
// Alert Boxes
|
126
|
+
|
127
|
+
// $include-html-alert-classes: $include-html-classes;
|
128
|
+
|
129
|
+
// We use this to control alert padding.
|
130
|
+
// $alert-padding-top: rem-calc(14);
|
131
|
+
// $alert-padding-default-float: $alert-padding-top;
|
132
|
+
// $alert-padding-opposite-direction: $alert-padding-top + rem-calc(10);
|
133
|
+
// $alert-padding-bottom: $alert-padding-top;
|
134
|
+
|
135
|
+
// We use these to control text style.
|
136
|
+
// $alert-font-weight: normal;
|
137
|
+
// $alert-font-size: rem-calc(13);
|
138
|
+
// $alert-font-color: #fff;
|
139
|
+
// $alert-font-color-alt: darken($secondary-color, 60%);
|
140
|
+
|
141
|
+
// We use this for close hover effect.
|
142
|
+
// $alert-function-factor: 5%;
|
143
|
+
|
144
|
+
// We use these to control border styles.
|
145
|
+
// $alert-border-style: solid;
|
146
|
+
// $alert-border-width: 1px;
|
147
|
+
// $alert-border-color: darken($primary-color, $alert-function-factor);
|
148
|
+
// $alert-bottom-margin: rem-calc(20);
|
149
|
+
|
150
|
+
// We use these to style the close buttons
|
151
|
+
// $alert-close-color: #333;
|
152
|
+
// $alert-close-position: rem-calc(5);
|
153
|
+
// $alert-close-font-size: rem-calc(22);
|
154
|
+
// $alert-close-opacity: 0.3;
|
155
|
+
// $alert-close-opacity-hover: 0.5;
|
156
|
+
// $alert-close-padding: 9px 6px 4px;
|
157
|
+
|
158
|
+
// We use this to control border radius
|
159
|
+
// $alert-radius: $global-radius;
|
160
|
+
|
161
|
+
// Block Grid
|
162
|
+
|
163
|
+
// $include-html-grid-classes: $include-html-classes;
|
164
|
+
|
165
|
+
// We use this to control the maximum number of block grid elements per row
|
166
|
+
// $block-grid-elements: 12;
|
167
|
+
// $block-grid-default-spacing: rem-calc(20);
|
168
|
+
|
169
|
+
// Enables media queries for block-grid classes. Set to false if writing semantic HTML.
|
170
|
+
// $block-grid-media-queries: true;
|
171
|
+
|
172
|
+
// Breadcrumbs
|
173
|
+
|
174
|
+
// $include-html-nav-classes: $include-html-classes;
|
175
|
+
|
176
|
+
// We use this to set the background color for the breadcrumb container.
|
177
|
+
// $crumb-bg: lighten($secondary-color, 5%);
|
178
|
+
|
179
|
+
// We use these to set the padding around the breadcrumbs.
|
180
|
+
// $crumb-padding: rem-calc(9 14 9);
|
181
|
+
// $crumb-side-padding: rem-calc(12);
|
182
|
+
|
183
|
+
// We use these to control border styles.
|
184
|
+
// $crumb-function-factor: 10%;
|
185
|
+
// $crumb-border-size: 1px;
|
186
|
+
// $crumb-border-style: solid;
|
187
|
+
// $crumb-border-color: darken($crumb-bg, $crumb-function-factor);
|
188
|
+
// $crumb-radius: $global-radius;
|
189
|
+
|
190
|
+
// We use these to set various text styles for breadcrumbs.
|
191
|
+
// $crumb-font-size: rem-calc(11);
|
192
|
+
// $crumb-font-color: $primary-color;
|
193
|
+
// $crumb-font-color-current: #333;
|
194
|
+
// $crumb-font-color-unavailable: #999;
|
195
|
+
// $crumb-font-transform: uppercase;
|
196
|
+
// $crumb-link-decor: underline;
|
197
|
+
|
198
|
+
// We use these to control the slash between breadcrumbs
|
199
|
+
// $crumb-slash-color: #aaa;
|
200
|
+
// $crumb-slash: "/";
|
201
|
+
|
202
|
+
// Button Groups
|
203
|
+
|
204
|
+
// $include-html-button-classes: $include-html-classes;
|
205
|
+
|
206
|
+
// Sets the margin for the right side by default, and the left margin if right-to-left direction is used
|
207
|
+
// $button-bar-margin-opposite: rem-calc(10);
|
208
|
+
// $button-group-border-width: 1px;
|
209
|
+
|
210
|
+
// Clearing
|
211
|
+
|
212
|
+
// $include-html-clearing-classes: $include-html-classes;
|
213
|
+
|
214
|
+
// We use these to set the background colors for parts of Clearing.
|
215
|
+
// $clearing-bg: #333;
|
216
|
+
// $clearing-caption-bg: $clearing-bg;
|
217
|
+
// $clearing-carousel-bg: rgba (51,51,51,0.8);
|
218
|
+
// $clearing-img-bg: $clearing-bg;
|
219
|
+
|
220
|
+
// We use these to style the close button
|
221
|
+
// $clearing-close-color: #ccc;
|
222
|
+
// $clearing-close-size: 30px;
|
223
|
+
|
224
|
+
// We use these to style the arrows
|
225
|
+
// $clearing-arrow-size: 12px;
|
226
|
+
// $clearing-arrow-color: $clearing-close-color;
|
227
|
+
|
228
|
+
// We use these to style captions
|
229
|
+
// $clearing-caption-font-color: #ccc;
|
230
|
+
// $clearing-caption-font-size: 0.875em;
|
231
|
+
// $clearing-caption-padding: 10px 30px 20px;
|
232
|
+
|
233
|
+
// We use these to make the image and carousel height and style
|
234
|
+
// $clearing-active-img-height: 85%;
|
235
|
+
// $clearing-carousel-height: 120px;
|
236
|
+
// $clearing-carousel-thumb-width: 120px;
|
237
|
+
// $clearing-carousel-thumb-active-border: 1px solid rgb(255,255,255);
|
238
|
+
|
239
|
+
// Dropdown
|
240
|
+
|
241
|
+
// $include-html-button-classes: $include-html-classes;
|
242
|
+
|
243
|
+
// We use these to controls height and width styles.
|
244
|
+
// $f-dropdown-max-width: 200px;
|
245
|
+
// $f-dropdown-height: auto;
|
246
|
+
// $f-dropdown-max-height: none;
|
247
|
+
// $f-dropdown-margin-top: 2px;
|
248
|
+
|
249
|
+
// We use this to control the background color
|
250
|
+
// $f-dropdown-bg: #fff;
|
251
|
+
|
252
|
+
// We use this to set the border styles for dropdowns.
|
253
|
+
// $f-dropdown-border-style: solid;
|
254
|
+
// $f-dropdown-border-width: 1px;
|
255
|
+
// $f-dropdown-border-color: darken(#fff, 20%);
|
256
|
+
|
257
|
+
// We use these to style the triangle pip.
|
258
|
+
// $f-dropdown-triangle-size: 6px;
|
259
|
+
// $f-dropdown-triangle-color: #fff;
|
260
|
+
// $f-dropdown-triangle-side-offset: 10px;
|
261
|
+
|
262
|
+
// We use these to control styles for the list elements.
|
263
|
+
// $f-dropdown-list-style: none;
|
264
|
+
// $f-dropdown-font-color: #555;
|
265
|
+
// $f-dropdown-font-size: rem-calc(14);
|
266
|
+
// $f-dropdown-list-padding: rem-calc(5, 10);
|
267
|
+
// $f-dropdown-line-height: rem-calc(18);
|
268
|
+
// $f-dropdown-list-hover-bg: #eeeeee ;
|
269
|
+
// $dropdown-mobile-default-float: 0;
|
270
|
+
|
271
|
+
// We use this to control the styles for when the dropdown has custom content.
|
272
|
+
// $f-dropdown-content-padding: rem-calc(20);
|
273
|
+
|
274
|
+
// Dropdown Buttons
|
275
|
+
|
276
|
+
// $include-html-button-classes: $include-html-classes;
|
277
|
+
|
278
|
+
// We use these to set the color of the pip in dropdown buttons
|
279
|
+
// $dropdown-button-pip-color: #fff;
|
280
|
+
// $dropdown-button-pip-color-alt: #333;
|
281
|
+
|
282
|
+
// $button-pip-tny: rem-calc(6);
|
283
|
+
// $button-pip-sml: rem-calc(7);
|
284
|
+
// $button-pip-med: rem-calc(9);
|
285
|
+
// $button-pip-lrg: rem-calc(11);
|
286
|
+
|
287
|
+
// We use these to style tiny dropdown buttons
|
288
|
+
// $dropdown-button-padding-tny: $button-pip-tny * 7;
|
289
|
+
// $dropdown-button-pip-size-tny: $button-pip-tny;
|
290
|
+
// $dropdown-button-pip-opposite-tny: $button-pip-tny * 3;
|
291
|
+
// $dropdown-button-pip-top-tny: -$button-pip-tny / 2 + rem-calc(1);
|
292
|
+
|
293
|
+
// We use these to style small dropdown buttons
|
294
|
+
// $dropdown-button-padding-sml: $button-pip-sml * 7;
|
295
|
+
// $dropdown-button-pip-size-sml: $button-pip-sml;
|
296
|
+
// $dropdown-button-pip-opposite-sml: $button-pip-sml * 3;
|
297
|
+
// $dropdown-button-pip-top-sml: -$button-pip-sml / 2 + rem-calc(1);
|
298
|
+
|
299
|
+
// We use these to style medium dropdown buttons
|
300
|
+
// $dropdown-button-padding-med: $button-pip-med * 6 + rem-calc(3);
|
301
|
+
// $dropdown-button-pip-size-med: $button-pip-med - rem-calc(3);
|
302
|
+
// $dropdown-button-pip-opposite-med: $button-pip-med * 2.5;
|
303
|
+
// $dropdown-button-pip-top-med: -$button-pip-med / 2 + rem-calc(2);
|
304
|
+
|
305
|
+
// We use these to style large dropdown buttons
|
306
|
+
// $dropdown-button-padding-lrg: $button-pip-lrg * 5 + rem-calc(3);
|
307
|
+
// $dropdown-button-pip-size-lrg: $button-pip-lrg - rem-calc(6);
|
308
|
+
// $dropdown-button-pip-opposite-lrg: $button-pip-lrg * 2.5;
|
309
|
+
// $dropdown-button-pip-top-lrg: -$button-pip-lrg / 2 + rem-calc(3);
|
310
|
+
|
311
|
+
// Flex Video
|
312
|
+
|
313
|
+
// $include-html-media-classes: $include-html-classes;
|
314
|
+
|
315
|
+
// We use these to control video container padding and margins
|
316
|
+
// $flex-video-padding-top: rem-calc(25);
|
317
|
+
// $flex-video-padding-bottom: 67.5%;
|
318
|
+
// $flex-video-margin-bottom: rem-calc(16);
|
319
|
+
|
320
|
+
// We use this to control widescreen bottom padding
|
321
|
+
// $flex-video-widescreen-padding-bottom: 57.25%;
|
322
|
+
|
323
|
+
// Forms
|
324
|
+
|
325
|
+
// $include-html-form-classes: $include-html-classes;
|
326
|
+
|
327
|
+
// We use this to set the base for lots of form spacing and positioning styles
|
328
|
+
// $form-spacing: rem-calc(16);
|
329
|
+
|
330
|
+
// We use these to style the labels in different ways
|
331
|
+
// $form-label-pointer: pointer;
|
332
|
+
// $form-label-font-size: rem-calc(14);
|
333
|
+
// $form-label-font-weight: normal;
|
334
|
+
// $form-label-font-color: lighten(#000, 30%);
|
335
|
+
// $form-label-bottom-margin: rem-calc(8);
|
336
|
+
// $input-font-family: inherit;
|
337
|
+
// $input-font-color: rgba(0,0,0,0.75);
|
338
|
+
// $input-font-size: rem-calc(14);
|
339
|
+
// $input-bg-color: #fff;
|
340
|
+
// $input-focus-bg-color: darken(#fff, 2%);
|
341
|
+
// $input-border-color: darken(#fff, 20%);
|
342
|
+
// $input-focus-border-color: darken(#fff, 40%);
|
343
|
+
// $input-border-style: solid;
|
344
|
+
// $input-border-width: 1px;
|
345
|
+
// $input-disabled-bg: #ddd;
|
346
|
+
// $input-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
|
347
|
+
// $input-include-glowing-effect: true;
|
348
|
+
|
349
|
+
// We use these to style the fieldset border and spacing.
|
350
|
+
// $fieldset-border-style: solid;
|
351
|
+
// $fieldset-border-width: 1px;
|
352
|
+
// $fieldset-border-color: #ddd;
|
353
|
+
// $fieldset-padding: rem-calc(20);
|
354
|
+
// $fieldset-margin: rem-calc(18 0);
|
355
|
+
|
356
|
+
// We use these to style the legends when you use them
|
357
|
+
// $legend-bg: #fff;
|
358
|
+
// $legend-font-weight: bold;
|
359
|
+
// $legend-padding: rem-calc(0 3);
|
360
|
+
|
361
|
+
// We use these to style the prefix and postfix input elements
|
362
|
+
// $input-prefix-bg: darken(#fff, 5%);
|
363
|
+
// $input-prefix-border-color: darken(#fff, 20%);
|
364
|
+
// $input-prefix-border-size: 1px;
|
365
|
+
// $input-prefix-border-type: solid;
|
366
|
+
// $input-prefix-overflow: hidden;
|
367
|
+
// $input-prefix-font-color: #333;
|
368
|
+
// $input-prefix-font-color-alt: #fff;
|
369
|
+
|
370
|
+
// We use these to style the error states for inputs and labels
|
371
|
+
// $input-error-message-padding: rem-calc(6 9 9);
|
372
|
+
// $input-error-message-top: -1px;
|
373
|
+
// $input-error-message-font-size: rem-calc(12);
|
374
|
+
// $input-error-message-font-weight: normal;
|
375
|
+
// $input-error-message-font-style: italic;
|
376
|
+
// $input-error-message-font-color: #fff;
|
377
|
+
// $input-error-message-font-color-alt: #333;
|
378
|
+
|
379
|
+
// We use this to style the glowing effect of inputs when focused
|
380
|
+
// $glowing-effect-fade-time: 0.45s;
|
381
|
+
// $glowing-effect-color: $input-focus-border-color;
|
382
|
+
|
383
|
+
// Select variables
|
384
|
+
// $select-bg-color: #fafafa ;
|
385
|
+
|
386
|
+
// Inline Lists
|
387
|
+
|
388
|
+
// $include-html-inline-list-classes: $include-html-classes;
|
389
|
+
|
390
|
+
// We use this to control the margins and padding of the inline list.
|
391
|
+
// $inline-list-top-margin: 0;
|
392
|
+
// $inline-list-opposite-margin: 0;
|
393
|
+
// $inline-list-bottom-margin: rem-calc(17);
|
394
|
+
// $inline-list-default-float-margin: rem-calc(-22);
|
395
|
+
|
396
|
+
// $inline-list-padding: 0;
|
397
|
+
|
398
|
+
// We use this to control the overflow of the inline list.
|
399
|
+
// $inline-list-overflow: hidden;
|
400
|
+
|
401
|
+
// We use this to control the list items
|
402
|
+
// $inline-list-display: block;
|
403
|
+
|
404
|
+
// We use this to control any elments within list items
|
405
|
+
// $inline-list-children-display: block;
|
406
|
+
|
407
|
+
// Joyride
|
408
|
+
|
409
|
+
// $include-html-joyride-classes: $include-html-classes;
|
410
|
+
|
411
|
+
// Controlling default Joyride styles
|
412
|
+
// $joyride-tip-bg: #333;
|
413
|
+
// $joyride-tip-default-width: 300px;
|
414
|
+
// $joyride-tip-padding: rem-calc(18 20 24);
|
415
|
+
// $joyride-tip-border: solid 1px #555;
|
416
|
+
// $joyride-tip-radius: 4px;
|
417
|
+
// $joyride-tip-position-offset: 22px;
|
418
|
+
|
419
|
+
// Here, we're setting the tip dont styles
|
420
|
+
// $joyride-tip-font-color: #fff;
|
421
|
+
// $joyride-tip-font-size: rem-calc(14);
|
422
|
+
// $joyride-tip-header-weight: bold;
|
423
|
+
|
424
|
+
// This changes the nub size
|
425
|
+
// $joyride-tip-nub-size: 10px;
|
426
|
+
|
427
|
+
// This adjusts the styles for the timer when its enabled
|
428
|
+
// $joyride-tip-timer-width: 50px;
|
429
|
+
// $joyride-tip-timer-height: 3px;
|
430
|
+
// $joyride-tip-timer-color: #666;
|
431
|
+
|
432
|
+
// This changes up the styles for the close button
|
433
|
+
// $joyride-tip-close-color: #777;
|
434
|
+
// $joyride-tip-close-size: 24px;
|
435
|
+
// $joyride-tip-close-weight: normal;
|
436
|
+
|
437
|
+
// When Joyride is filling the screen, we use this style for the bg
|
438
|
+
// $joyride-screenfill: rgba(0,0,0,0.5);
|
439
|
+
|
440
|
+
// Keystrokes
|
441
|
+
|
442
|
+
// $include-html-type-classes: $include-html-classes;
|
443
|
+
|
444
|
+
// We use these to control text styles.
|
445
|
+
// $keystroke-font: "Consolas", "Menlo", "Courier", monospace;
|
446
|
+
// $keystroke-font-size: rem-calc(14);
|
447
|
+
// $keystroke-font-color: #222;
|
448
|
+
// $keystroke-font-color-alt: #fff;
|
449
|
+
// $keystroke-function-factor: 7%;
|
450
|
+
|
451
|
+
// We use this to control keystroke padding.
|
452
|
+
// $keystroke-padding: rem-calc(2 4 0);
|
453
|
+
|
454
|
+
// We use these to control background and border styles.
|
455
|
+
// $keystroke-bg: darken(#fff, $keystroke-function-factor);
|
456
|
+
// $keystroke-border-style: solid;
|
457
|
+
// $keystroke-border-width: 1px;
|
458
|
+
// $keystroke-border-color: darken($keystroke-bg, $keystroke-function-factor);
|
459
|
+
// $keystroke-radius: $global-radius;
|
460
|
+
|
461
|
+
// Labels
|
462
|
+
|
463
|
+
// $include-html-label-classes: $include-html-classes;
|
464
|
+
|
465
|
+
// We use these to style the labels
|
466
|
+
// $label-padding: rem-calc(4 8 6);
|
467
|
+
// $label-radius: $global-radius;
|
468
|
+
|
469
|
+
// We use these to style the label text
|
470
|
+
// $label-font-sizing: rem-calc(11);
|
471
|
+
// $label-font-weight: normal;
|
472
|
+
// $label-font-color: #333;
|
473
|
+
// $label-font-color-alt: #fff;
|
474
|
+
// $label-font-family: $body-font-family;
|
475
|
+
|
476
|
+
// Magellan
|
477
|
+
|
478
|
+
// $include-html-magellan-classes: $include-html-classes;
|
479
|
+
|
480
|
+
// $magellan-bg: #fff;
|
481
|
+
// $magellan-padding: 10px;
|
482
|
+
|
483
|
+
// Off-canvas
|
484
|
+
|
485
|
+
// $tabbar-bg: #333;
|
486
|
+
// $tabbar-height: rem-calc(45);
|
487
|
+
// $tabbar-line-height: $tabbar-height;
|
488
|
+
// $tabbar-color: #FFF;
|
489
|
+
// $tabbar-middle-padding: 0 rem-calc(10);
|
490
|
+
|
491
|
+
// Off Canvas Divider Styles
|
492
|
+
// $tabbar-right-section-border: solid 1px lighten($tabbar-bg, 10%);
|
493
|
+
// $tabbar-left-section-border: solid 1px darken($tabbar-bg, 10%);
|
494
|
+
|
495
|
+
// Off Canvas Tab Bar Headers
|
496
|
+
// $tabbar-header-color: #FFF;
|
497
|
+
// $tabbar-header-weight: bold;
|
498
|
+
// $tabbar-header-line-height: $tabbar-height;
|
499
|
+
// $tabbar-header-margin: 0;
|
500
|
+
|
501
|
+
// Off Canvas Menu Variables
|
502
|
+
// $off-canvas-width: 250px;
|
503
|
+
// $off-canvas-bg: #333;
|
504
|
+
|
505
|
+
// Off Canvas Menu List Variables
|
506
|
+
// $off-canvas-label-padding: 0.3rem rem-calc(15);
|
507
|
+
// $off-canvas-label-color: #999;
|
508
|
+
// $off-canvas-label-text-transform: uppercase;
|
509
|
+
// $off-canvas-label-font-weight: bold;
|
510
|
+
// $off-canvas-label-bg: #444;
|
511
|
+
// $off-canvas-label-border-top: 1px solid lighten(#444, 10%);
|
512
|
+
// $off-canvas-label-border-bottom: none;
|
513
|
+
// $off-canvas-label-margin:0;
|
514
|
+
// $off-canvas-link-padding: rem-calc(10, 15);
|
515
|
+
// $off-canvas-link-color: rgba(#FFF, 0.7);
|
516
|
+
// $off-canvas-link-border-bottom: 1px solid darken($off-canvas-bg, 5%);
|
517
|
+
|
518
|
+
// Off Canvas Menu Icon Variables
|
519
|
+
// $tabbar-menu-icon-color: #FFF;
|
520
|
+
// $tabbar-menu-icon-hover: darken($tabbar-menu-icon-color, 30%);
|
521
|
+
|
522
|
+
// $tabbar-menu-icon-text-indent: rem-calc(35);
|
523
|
+
// $tabbar-menu-icon-width: $tabbar-height;
|
524
|
+
// $tabbar-menu-icon-height: $tabbar-height;
|
525
|
+
// $tabbar-menu-icon-line-height: rem-calc(33);
|
526
|
+
// $tabbar-menu-icon-padding: 0;
|
527
|
+
|
528
|
+
// $tabbar-hamburger-icon-width: rem-calc(16);
|
529
|
+
// $tabbar-hamburger-icon-left: rem-calc(13);
|
530
|
+
// $tabbar-hamburger-icon-top: rem-calc(5);
|
531
|
+
|
532
|
+
// Off Canvas Back-Link Overlay
|
533
|
+
// $off-canvas-overlay-transition: background 300ms ease;
|
534
|
+
// $off-canvas-overlay-cursor: pointer;
|
535
|
+
// $off-canvas-overlay-box-shadow: -4px 0 4px rgba(#000, 0.5), 4px 0 4px rgba(#000, 0.5);
|
536
|
+
// $off-canvas-overlay-background: rgba(#FFF, 0.2);
|
537
|
+
// $off-canvas-overlay-background-hover: rgba(#FFF, 0.05);
|
538
|
+
|
539
|
+
// Transition Variabls
|
540
|
+
// $menu-slide: "transform 500ms ease";
|
541
|
+
|
542
|
+
// Orbit
|
543
|
+
|
544
|
+
// $include-html-orbit-classes: $include-html-classes;
|
545
|
+
|
546
|
+
// We use these to control the caption styles
|
547
|
+
// $orbit-container-bg: none;
|
548
|
+
// $orbit-caption-bg: rgba(51,51,51, 0.8);
|
549
|
+
// $orbit-caption-font-color: #fff;
|
550
|
+
// $orbit-caption-font-size: rem-calc(14);
|
551
|
+
// $orbit-caption-position: "bottom"; // Supported values: "bottom", "under"
|
552
|
+
// $orbit-caption-padding: rem-calc(10,14);
|
553
|
+
// $orbit-caption-height: auto;
|
554
|
+
|
555
|
+
// We use these to control the left/right nav styles
|
556
|
+
// $orbit-nav-bg: none;
|
557
|
+
// $orbit-nav-bg-hover: rgba(0,0,0,0.3);
|
558
|
+
// $orbit-nav-arrow-color: #fff;
|
559
|
+
// $orbit-nav-arrow-color-hover: #fff;
|
560
|
+
|
561
|
+
// We use these to control the timer styles
|
562
|
+
// $orbit-timer-bg: rgba(255,255,255,0.3);
|
563
|
+
// $orbit-timer-show-progress-bar: true;
|
564
|
+
|
565
|
+
// We use these to control the bullet nav styles
|
566
|
+
// $orbit-bullet-nav-color: #ccc;
|
567
|
+
// $orbit-bullet-nav-color-active: #999;
|
568
|
+
// $orbit-bullet-radius: rem-calc(9);
|
569
|
+
|
570
|
+
// We use these to controls the style of slide numbers
|
571
|
+
// $orbit-slide-number-bg: rgba(0,0,0,0);
|
572
|
+
// $orbit-slide-number-font-color: #fff;
|
573
|
+
// $orbit-slide-number-padding: rem-calc(5);
|
574
|
+
|
575
|
+
// Graceful Loading Wrapper and preloader
|
576
|
+
// $wrapper-class: "slideshow-wrapper";
|
577
|
+
// $preloader-class: "preloader";
|
578
|
+
|
579
|
+
// Pagination
|
580
|
+
|
581
|
+
// $include-html-nav-classes: $include-html-classes;
|
582
|
+
|
583
|
+
// We use these to control the pagination container
|
584
|
+
// $pagination-height: rem-calc(24);
|
585
|
+
// $pagination-margin: rem-calc(-5);
|
586
|
+
|
587
|
+
// We use these to set the list-item properties
|
588
|
+
// $pagination-li-float: $default-float;
|
589
|
+
// $pagination-li-height: rem-calc(24);
|
590
|
+
// $pagination-li-font-color: #222;
|
591
|
+
// $pagination-li-font-size: rem-calc(14);
|
592
|
+
// $pagination-li-margin: rem-calc(5);
|
593
|
+
|
594
|
+
// We use these for the pagination anchor links
|
595
|
+
// $pagination-link-pad: rem-calc(1 10 1);
|
596
|
+
// $pagination-link-font-color: #999;
|
597
|
+
// $pagination-link-active-bg: darken(#fff, 10%);
|
598
|
+
|
599
|
+
// We use these for disabled anchor links
|
600
|
+
// $pagination-link-unavailable-cursor: default;
|
601
|
+
// $pagination-link-unavailable-font-color: #999;
|
602
|
+
// $pagination-link-unavailable-bg-active: transparent;
|
603
|
+
|
604
|
+
// We use these for currently selected anchor links
|
605
|
+
// $pagination-link-current-background: $primary-color;
|
606
|
+
// $pagination-link-current-font-color: #fff;
|
607
|
+
// $pagination-link-current-font-weight: bold;
|
608
|
+
// $pagination-link-current-cursor: default;
|
609
|
+
// $pagination-link-current-active-bg: $primary-color;
|
610
|
+
|
611
|
+
// Panels
|
612
|
+
|
613
|
+
// $include-html-panel-classes: $include-html-classes;
|
614
|
+
|
615
|
+
// We use these to control the background and border styles
|
616
|
+
// $panel-bg: darken(#fff, 5%);
|
617
|
+
// $panel-border-style: solid;
|
618
|
+
// $panel-border-size: 1px;
|
619
|
+
|
620
|
+
// We use this % to control how much we darken things on hover
|
621
|
+
// $panel-function-factor: 10%;
|
622
|
+
// $panel-border-color: darken($panel-bg, $panel-function-factor);
|
623
|
+
|
624
|
+
// We use these to set default inner padding and bottom margin
|
625
|
+
// $panel-margin-bottom: rem-calc(20);
|
626
|
+
// $panel-padding: rem-calc(20);
|
627
|
+
|
628
|
+
// We use these to set default font colors
|
629
|
+
// $panel-font-color: #333;
|
630
|
+
// $panel-font-color-alt: #fff;
|
631
|
+
|
632
|
+
// $panel-header-adjust: true;
|
633
|
+
// $callout-panel-link-color: $primary-color;
|
634
|
+
|
635
|
+
// Pricing Tables
|
636
|
+
|
637
|
+
// $include-html-pricing-classes: $include-html-classes;
|
638
|
+
|
639
|
+
// We use this to control the border color
|
640
|
+
// $price-table-border: solid 1px #ddd;
|
641
|
+
|
642
|
+
// We use this to control the bottom margin of the pricing table
|
643
|
+
// $price-table-margin-bottom: rem-calc(20);
|
644
|
+
|
645
|
+
// We use these to control the title styles
|
646
|
+
// $price-title-bg: #333;
|
647
|
+
// $price-title-padding: rem-calc(15 20);
|
648
|
+
// $price-title-align: center;
|
649
|
+
// $price-title-color: #eee;
|
650
|
+
// $price-title-weight: normal;
|
651
|
+
// $price-title-size: rem-calc(16);
|
652
|
+
// $price-title-font-family: $body-font-family;
|
653
|
+
|
654
|
+
// We use these to control the price styles
|
655
|
+
// $price-money-bg: #f6f6f6 ;
|
656
|
+
// $price-money-padding: rem-calc(15 20);
|
657
|
+
// $price-money-align: center;
|
658
|
+
// $price-money-color: #333;
|
659
|
+
// $price-money-weight: normal;
|
660
|
+
// $price-money-size: rem-calc(32);
|
661
|
+
// $price-money-font-family: $body-font-family;
|
662
|
+
|
663
|
+
|
664
|
+
// We use these to control the description styles
|
665
|
+
// $price-bg: #fff;
|
666
|
+
// $price-desc-color: #777;
|
667
|
+
// $price-desc-padding: rem-calc(15);
|
668
|
+
// $price-desc-align: center;
|
669
|
+
// $price-desc-font-size: rem-calc(12);
|
670
|
+
// $price-desc-weight: normal;
|
671
|
+
// $price-desc-line-height: 1.4;
|
672
|
+
// $price-desc-bottom-border: dotted 1px #ddd;
|
673
|
+
|
674
|
+
// We use these to control the list item styles
|
675
|
+
// $price-item-color: #333;
|
676
|
+
// $price-item-padding: rem-calc(15);
|
677
|
+
// $price-item-align: center;
|
678
|
+
// $price-item-font-size: rem-calc(14);
|
679
|
+
// $price-item-weight: normal;
|
680
|
+
// $price-item-bottom-border: dotted 1px #ddd;
|
681
|
+
|
682
|
+
// We use these to control the CTA area styles
|
683
|
+
// $price-cta-bg: #fff;
|
684
|
+
// $price-cta-align: center;
|
685
|
+
// $price-cta-padding: rem-calc(20 20 0);
|
686
|
+
|
687
|
+
// Progress Meters
|
688
|
+
|
689
|
+
// $include-html-media-classes: $include-html-classes;
|
690
|
+
|
691
|
+
// We use this to se the prog bar height
|
692
|
+
// $progress-bar-height: rem-calc(25);
|
693
|
+
// $progress-bar-color: #f6f6f6 ;
|
694
|
+
|
695
|
+
// We use these to control the border styles
|
696
|
+
// $progress-bar-border-color: darken(#fff, 20%);
|
697
|
+
// $progress-bar-border-size: 1px;
|
698
|
+
// $progress-bar-border-style: solid;
|
699
|
+
// $progress-bar-border-radius: $global-radius;
|
700
|
+
|
701
|
+
// We use these to control the margin & padding
|
702
|
+
// $progress-bar-pad: rem-calc(2);
|
703
|
+
// $progress-bar-margin-bottom: rem-calc(10);
|
704
|
+
|
705
|
+
// We use these to set the meter colors
|
706
|
+
// $progress-meter-color: $primary-color;
|
707
|
+
// $progress-meter-secondary-color: $secondary-color;
|
708
|
+
// $progress-meter-success-color: $success-color;
|
709
|
+
// $progress-meter-alert-color: $alert-color;
|
710
|
+
|
711
|
+
// Reveal
|
712
|
+
|
713
|
+
// $include-html-reveal-classes: $include-html-classes;
|
714
|
+
|
715
|
+
// We use these to control the style of the reveal overlay.
|
716
|
+
// $reveal-overlay-bg: rgba(#000, .45);
|
717
|
+
// $reveal-overlay-bg-old: #000;
|
718
|
+
|
719
|
+
// We use these to control the style of the modal itself.
|
720
|
+
// $reveal-modal-bg: #fff;
|
721
|
+
// $reveal-position-top: 50px;
|
722
|
+
// $reveal-default-width: 80%;
|
723
|
+
// $reveal-modal-padding: rem-calc(20);
|
724
|
+
// $reveal-box-shadow: 0 0 10px rgba(#000,.4);
|
725
|
+
|
726
|
+
// We use these to style the reveal close button
|
727
|
+
// $reveal-close-font-size: rem-calc(22);
|
728
|
+
// $reveal-close-top: rem-calc(8);
|
729
|
+
// $reveal-close-side: rem-calc(11);
|
730
|
+
// $reveal-close-color: #aaa;
|
731
|
+
// $reveal-close-weight: bold;
|
732
|
+
|
733
|
+
// We use these to control the modal border
|
734
|
+
// $reveal-border-style: solid;
|
735
|
+
// $reveal-border-width: 1px;
|
736
|
+
// $reveal-border-color: #666;
|
737
|
+
|
738
|
+
// $reveal-modal-class: "reveal-modal";
|
739
|
+
// $close-reveal-modal-class: "close-reveal-modal";
|
740
|
+
|
741
|
+
// Side Nav
|
742
|
+
|
743
|
+
// $include-html-nav-classes: $include-html-classes;
|
744
|
+
|
745
|
+
// We use this to control padding.
|
746
|
+
// $side-nav-padding: rem-calc(14 0);
|
747
|
+
|
748
|
+
// We use these to control list styles.
|
749
|
+
// $side-nav-list-type: none;
|
750
|
+
// $side-nav-list-position: inside;
|
751
|
+
// $side-nav-list-margin: rem-calc(0 0 7 0);
|
752
|
+
|
753
|
+
// We use these to control link styles.
|
754
|
+
// $side-nav-link-color: $primary-color;
|
755
|
+
// $side-nav-link-color-active: lighten(#000, 30%);
|
756
|
+
// $side-nav-font-size: rem-calc(14);
|
757
|
+
// $side-nav-font-weight: normal;
|
758
|
+
// $side-nav-font-family: $body-font-family;
|
759
|
+
// $side-nav-active-font-family: $side-nav-font-family;
|
760
|
+
|
761
|
+
|
762
|
+
|
763
|
+
// We use these to control border styles
|
764
|
+
// $side-nav-divider-size: 1px;
|
765
|
+
// $side-nav-divider-style: solid;
|
766
|
+
// $side-nav-divider-color: darken(#fff, 10%);
|
767
|
+
|
768
|
+
// Split Buttons
|
769
|
+
|
770
|
+
// $include-html-button-classes: $include-html-classes;
|
771
|
+
|
772
|
+
// We use these to control different shared styles for Split Buttons
|
773
|
+
// $split-button-function-factor: 10%;
|
774
|
+
// $split-button-pip-color: #fff;
|
775
|
+
// $split-button-pip-color-alt: #333;
|
776
|
+
// $split-button-active-bg-tint: rgba(0,0,0,0.1);
|
777
|
+
|
778
|
+
// We use these to control tiny split buttons
|
779
|
+
// $split-button-padding-tny: $button-pip-tny * 10;
|
780
|
+
// $split-button-span-width-tny: $button-pip-tny * 6;
|
781
|
+
// $split-button-pip-size-tny: $button-pip-tny;
|
782
|
+
// $split-button-pip-top-tny: $button-pip-tny * 2;
|
783
|
+
// $split-button-pip-default-float-tny: rem-calc(-6);
|
784
|
+
|
785
|
+
// We use these to control small split buttons
|
786
|
+
// $split-button-padding-sml: $button-pip-sml * 10;
|
787
|
+
// $split-button-span-width-sml: $button-pip-sml * 6;
|
788
|
+
// $split-button-pip-size-sml: $button-pip-sml;
|
789
|
+
// $split-button-pip-top-sml: $button-pip-sml * 1.5;
|
790
|
+
// $split-button-pip-default-float-sml: rem-calc(-6);
|
791
|
+
|
792
|
+
// We use these to control medium split buttons
|
793
|
+
// $split-button-padding-med: $button-pip-med * 9;
|
794
|
+
// $split-button-span-width-med: $button-pip-med * 5.5;
|
795
|
+
// $split-button-pip-size-med: $button-pip-med - rem-calc(3);
|
796
|
+
// $split-button-pip-top-med: $button-pip-med * 1.5;
|
797
|
+
// $split-button-pip-default-float-med: rem-calc(-6);
|
798
|
+
|
799
|
+
// We use these to control large split buttons
|
800
|
+
// $split-button-padding-lrg: $button-pip-lrg * 8;
|
801
|
+
// $split-button-span-width-lrg: $button-pip-lrg * 5;
|
802
|
+
// $split-button-pip-size-lrg: $button-pip-lrg - rem-calc(6);
|
803
|
+
// $split-button-pip-top-lrg: $button-pip-lrg + rem-calc(5);
|
804
|
+
// $split-button-pip-default-float-lrg: rem-calc(-6);
|
805
|
+
|
806
|
+
// Sub Nav
|
807
|
+
|
808
|
+
// $include-html-nav-classes: $include-html-classes;
|
809
|
+
|
810
|
+
// We use these to control margin and padding
|
811
|
+
// $sub-nav-list-margin: rem-calc(-4 0 18);
|
812
|
+
// $sub-nav-list-padding-top: rem-calc(4);
|
813
|
+
|
814
|
+
// We use this to control the definition
|
815
|
+
// $sub-nav-font-family: $body-font-family;
|
816
|
+
// $sub-nav-font-size: rem-calc(14);
|
817
|
+
// $sub-nav-font-color: #999;
|
818
|
+
// $sub-nav-font-weight: normal;
|
819
|
+
// $sub-nav-text-decoration: none;
|
820
|
+
// $sub-nav-border-radius: 3px;
|
821
|
+
// $sub-nav-font-color-hover: darken($sub-nav-font-color, 15%);
|
822
|
+
|
823
|
+
|
824
|
+
// We use these to control the active item styles
|
825
|
+
|
826
|
+
// $sub-nav-active-font-weight: normal;
|
827
|
+
// $sub-nav-active-bg: $primary-color;
|
828
|
+
// $sub-nav-active-bg-hover: darken($sub-nav-active-bg, 5%);
|
829
|
+
// $sub-nav-active-color: #fff;
|
830
|
+
// $sub-nav-active-padding: rem-calc(3 16);
|
831
|
+
// $sub-nav-active-cursor: default;
|
832
|
+
|
833
|
+
// $sub-nav-item-divider: "";
|
834
|
+
// $sub-nav-item-divider-margin: rem-calc(12);
|
835
|
+
|
836
|
+
// Tables
|
837
|
+
|
838
|
+
// $include-html-table-classes: $include-html-classes;
|
839
|
+
|
840
|
+
// These control the background color for the table and even rows
|
841
|
+
// $table-bg: #fff;
|
842
|
+
// $table-even-row-bg: #f9f9f9 ;
|
843
|
+
|
844
|
+
// These control the table cell border style
|
845
|
+
// $table-border-style: solid;
|
846
|
+
// $table-border-size: 1px;
|
847
|
+
// $table-border-color: #ddd;
|
848
|
+
|
849
|
+
// These control the table head styles
|
850
|
+
// $table-head-bg: #f5f5f5 ;
|
851
|
+
// $table-head-font-size: rem-calc(14);
|
852
|
+
// $table-head-font-color: #222;
|
853
|
+
// $table-head-font-weight: bold;
|
854
|
+
// $table-head-padding: rem-calc(8 10 10);
|
855
|
+
|
856
|
+
// These control the row padding and font styles
|
857
|
+
// $table-row-padding: rem-calc(9 10);
|
858
|
+
// $table-row-font-size: rem-calc(14);
|
859
|
+
// $table-row-font-color: #222;
|
860
|
+
// $table-line-height: rem-calc(18);
|
861
|
+
|
862
|
+
// These are for controlling the display and margin of tables
|
863
|
+
// $table-display: table-cell;
|
864
|
+
// $table-margin-bottom: rem-calc(20);
|
865
|
+
|
866
|
+
//
|
867
|
+
// TABS
|
868
|
+
//
|
869
|
+
|
870
|
+
// $include-html-tabs-classes: $include-html-classes;
|
871
|
+
|
872
|
+
// $tabs-navigation-padding: rem-calc(16);
|
873
|
+
// $tabs-navigation-bg-color: #efefef ;
|
874
|
+
// $tabs-navigation-hover-bg-color: darken($tabs-navigation-bg-color, 5%);
|
875
|
+
// $tabs-navigation-font-color: #222;
|
876
|
+
// $tabs-navigation-font-size: rem-calc(16);
|
877
|
+
// $tabs-navigation-font-family: $body-font-family;
|
878
|
+
|
879
|
+
// $tabs-content-margin-bottom: rem-calc(24);
|
880
|
+
// $tabs-content-padding: $column-gutter/2;
|
881
|
+
|
882
|
+
// $tabs-vertical-navigation-margin-bottom: 1.25rem;
|
883
|
+
|
884
|
+
//
|
885
|
+
// THUMBNAILS
|
886
|
+
//
|
887
|
+
|
888
|
+
// $include-html-media-classes: $include-html-classes;
|
889
|
+
|
890
|
+
// We use these to control border styles
|
891
|
+
// $thumb-border-style: solid;
|
892
|
+
// $thumb-border-width: 4px;
|
893
|
+
// $thumb-border-color: #fff;
|
894
|
+
// $thumb-box-shadow: 0 0 0 1px rgba(#000,.2);
|
895
|
+
// $thumb-box-shadow-hover: 0 0 6px 1px rgba($primary-color,0.5);
|
896
|
+
|
897
|
+
// Radius and transition speed for thumbs
|
898
|
+
// $thumb-radius: $global-radius;
|
899
|
+
// $thumb-transition-speed: 200ms;
|
900
|
+
|
901
|
+
//
|
902
|
+
// TOOLTIPS
|
903
|
+
//
|
904
|
+
|
905
|
+
// $include-html-tooltip-classes: $include-html-classes;
|
906
|
+
|
907
|
+
// $has-tip-border-bottom: dotted 1px #ccc;
|
908
|
+
// $has-tip-font-weight: bold;
|
909
|
+
// $has-tip-font-color: #333;
|
910
|
+
// $has-tip-border-bottom-hover: dotted 1px darken($primary-color, 20%);
|
911
|
+
// $has-tip-font-color-hover: $primary-color;
|
912
|
+
// $has-tip-cursor-type: help;
|
913
|
+
|
914
|
+
// $tooltip-padding: rem-calc(12);
|
915
|
+
// $tooltip-bg: #333;
|
916
|
+
// $tooltip-font-size: rem-calc(14);
|
917
|
+
// $tooltip-font-weight: normal;
|
918
|
+
// $tooltip-font-color: #fff;
|
919
|
+
// $tooltip-line-height: 1.3;
|
920
|
+
// $tooltip-close-font-size: rem-calc(10);
|
921
|
+
// $tooltip-close-font-weight: normal;
|
922
|
+
// $tooltip-close-font-color: #777;
|
923
|
+
// $tooltip-font-size-sml: rem-calc(14);
|
924
|
+
// $tooltip-radius: $global-radius;
|
925
|
+
// $tooltip-pip-size: 5px;
|
926
|
+
|
927
|
+
//
|
928
|
+
// TOP BAR
|
929
|
+
//
|
930
|
+
|
931
|
+
// $include-html-top-bar-classes: $include-html-classes;
|
932
|
+
|
933
|
+
// Background color for the top bar
|
934
|
+
// $topbar-bg-color: #333;
|
935
|
+
// $topbar-bg: $topbar-bg-color;
|
936
|
+
|
937
|
+
// Height and margin
|
938
|
+
// $topbar-height: 45px;
|
939
|
+
// $topbar-margin-bottom: 0;
|
940
|
+
|
941
|
+
// Control Input height for top bar
|
942
|
+
|
943
|
+
// Controlling the styles for the title in the top bar
|
944
|
+
// $topbar-title-weight: normal;
|
945
|
+
// $topbar-title-font-size: rem-calc(17);
|
946
|
+
|
947
|
+
// Style the top bar dropdown elements
|
948
|
+
// $topbar-dropdown-bg: #333;
|
949
|
+
// $topbar-dropdown-link-color: #fff;
|
950
|
+
// $topbar-dropdown-link-bg: #333;
|
951
|
+
// $topbar-dropdown-toggle-size: 5px;
|
952
|
+
// $topbar-dropdown-toggle-color: #fff;
|
953
|
+
// $topbar-dropdown-toggle-alpha: 0.4;
|
954
|
+
|
955
|
+
// Set the link colors and styles for top-level nav
|
956
|
+
// $topbar-link-color: #fff;
|
957
|
+
// $topbar-link-color-hover: #fff;
|
958
|
+
// $topbar-link-color-active: #fff;
|
959
|
+
// $topbar-link-weight: normal;
|
960
|
+
// $topbar-link-font-size: rem-calc(13);
|
961
|
+
// $topbar-link-hover-lightness: -10%; // Darken by 10%
|
962
|
+
// $topbar-link-bg-hover: #272727 ;
|
963
|
+
// $topbar-link-bg-active: $primary-color;
|
964
|
+
// $topbar-link-bg-active-hover: darken($primary-color, 5%);
|
965
|
+
// $topbar-link-font-family: $body-font-family;
|
966
|
+
|
967
|
+
// $topbar-button-font-size: 0.75rem;
|
968
|
+
|
969
|
+
// $topbar-dropdown-label-color: #777;
|
970
|
+
// $topbar-dropdown-label-text-transform: uppercase;
|
971
|
+
// $topbar-dropdown-label-font-weight: bold;
|
972
|
+
// $topbar-dropdown-label-font-size: rem-calc(10);
|
973
|
+
// $topbar-dropdown-label-bg: #333;
|
974
|
+
|
975
|
+
// Top menu icon styles
|
976
|
+
// $topbar-menu-link-transform: uppercase;
|
977
|
+
// $topbar-menu-link-font-size: rem-calc(13);
|
978
|
+
// $topbar-menu-link-weight: bold;
|
979
|
+
// $topbar-menu-link-color: #fff;
|
980
|
+
// $topbar-menu-icon-color: #fff;
|
981
|
+
// $topbar-menu-link-color-toggled: #888;
|
982
|
+
// $topbar-menu-icon-color-toggled: #888;
|
983
|
+
|
984
|
+
// Transitions and breakpoint styles
|
985
|
+
// $topbar-transition-speed: 300ms;
|
986
|
+
// Using rem-calc for the below breakpoint causes issues with top bar
|
987
|
+
// $topbar-breakpoint: #{upper-bound($medium-range)}; // Change to 9999px for always mobile layout
|
988
|
+
// $topbar-media-query: "only screen and (min-width: #{upper-bound($medium-range)})";
|
989
|
+
|
990
|
+
// Divider Styles
|
991
|
+
// $topbar-divider-border-bottom: solid 1px lighten($topbar-bg-color, 10%);
|
992
|
+
// $topbar-divider-border-top: solid 1px darken($topbar-bg-color, 10%);
|
993
|
+
|
994
|
+
// Sticky Class
|
995
|
+
// $topbar-sticky-class: ".sticky";
|
996
|
+
// $topbar-arrows: true; //Set false to remove the triangle icon from the menu item
|
997
|
+
|
998
|
+
$department: 'opac' !default;
|
999
|
+
|
1000
|
+
@mixin background-size($value) {
|
1001
|
+
-webkit-background-size:$value;
|
1002
|
+
-moz-background-size:$value;
|
1003
|
+
-o-background-size:$value;
|
1004
|
+
background-size:$value;
|
1005
|
+
}
|
1006
|
+
|
1007
|
+
@mixin box-shadow($shadow...) {
|
1008
|
+
-webkit-box-shadow:$shadow;
|
1009
|
+
-moz-box-shadow:$shadow;
|
1010
|
+
box-shadow:$shadow;
|
1011
|
+
}
|
1012
|
+
|
1013
|
+
@mixin department-image-width($dept) {
|
1014
|
+
@if $dept == arch {
|
1015
|
+
width: 287px; /* School of Architecture */
|
1016
|
+
} @else if $dept == athl {
|
1017
|
+
width: 288px /* Department of Athletics */
|
1018
|
+
} @else if $dept == auxo {
|
1019
|
+
width: 254px /* Auxiliary Operations */
|
1020
|
+
} @else if $dept == buso {
|
1021
|
+
width: 357px /* Office of Business Operations */
|
1022
|
+
} @else if $dept == cams {
|
1023
|
+
width: 195px /* Campus Services */
|
1024
|
+
} @else if $dept == coal {
|
1025
|
+
width: 316px /* College of Arts and Letters */
|
1026
|
+
} @else if $dept == cont {
|
1027
|
+
width: 274px /* Office of the Controller */
|
1028
|
+
} @else if $dept == cosc {
|
1029
|
+
width: 218px /* College of Science */
|
1030
|
+
} @else if $dept == engr {
|
1031
|
+
width: 285px /* College of Engineering */
|
1032
|
+
} @else if $dept == enrl {
|
1033
|
+
width: 253px /* Enrollment Division */
|
1034
|
+
} @else if $dept == evpo {
|
1035
|
+
width: 450px /* Office of the Executive Vice President */
|
1036
|
+
} @else if $dept == fdao {
|
1037
|
+
width: 381px /* Facilities Design and Operations */
|
1038
|
+
} @else if $dept == fyst {
|
1039
|
+
width: 252px /* First Year of Studies */
|
1040
|
+
} @else if $dept == genc {
|
1041
|
+
width: 321px /* Office of General Council */
|
1042
|
+
} @else if $dept == grad {
|
1043
|
+
width: 244px /* The Graduate School */
|
1044
|
+
} @else if $dept == hurs {
|
1045
|
+
width: 323px /* Office of Human Resources */
|
1046
|
+
} @else if $dept == invs {
|
1047
|
+
width: 231px /* Investment Office */
|
1048
|
+
} @else if $dept == mcob {
|
1049
|
+
width: 352px /* Mendoza College of Business */
|
1050
|
+
} @else if $dept == meca {
|
1051
|
+
width: 565px /* Office of Mission Engagement and Church Affairs */
|
1052
|
+
} @else if $dept == laws {
|
1053
|
+
width: 170px /* The Law School */
|
1054
|
+
} @else if $dept == ooit {
|
1055
|
+
width: 444px /* Office of Information Technologies */
|
1056
|
+
} @else if $dept == opac {
|
1057
|
+
width: 525px /* Office of Public Affairs and Communications */
|
1058
|
+
} @else if $dept == ores {
|
1059
|
+
width: 223px /* Office of Research */
|
1060
|
+
} @else if $dept == pres {
|
1061
|
+
width: 258px /* Office of the President */
|
1062
|
+
} @else if $dept == prov {
|
1063
|
+
width: 235px /* Office of the Provost */
|
1064
|
+
} @else if $dept == staf {
|
1065
|
+
width: 313px /* Office of Student Affairs */
|
1066
|
+
} @else if $dept == urel {
|
1067
|
+
width: 375px /* Office of University Relations */
|
1068
|
+
} @else if $dept == vpor {
|
1069
|
+
width: 466px /* Office of the Vice President for Research */
|
1070
|
+
} @else if $dept == intr {
|
1071
|
+
width: 380px /* Office of Internationalization */
|
1072
|
+
} @else if $dept == spir {
|
1073
|
+
width: 556px /* Office of Strategic Planning and Institutional Research */
|
1074
|
+
} @else if $dept == acfs {
|
1075
|
+
width: 202px /* Office of Finance */
|
1076
|
+
}
|
1077
|
+
}
|
1078
|
+
|