fixednav 1.0
Sign up to get free protection for your applications and to get access to all the features.
- data/CHANGELOG.md +0 -0
- data/README.md +4 -0
- data/lib/fixednav.rb +30 -0
- data/stylesheets/_fixednav.scss +17 -0
- data/templates/project/_fixednav_demo.scss +38 -0
- data/templates/project/manifest.rb +23 -0
- metadata +83 -0
data/CHANGELOG.md
ADDED
File without changes
|
data/README.md
ADDED
data/lib/fixednav.rb
ADDED
@@ -0,0 +1,30 @@
|
|
1
|
+
# All gems that are required for this extension to work should go here.
|
2
|
+
# These are the requires you would normally put in your config.rb file
|
3
|
+
# By default, you should always included Compass. Do not include your
|
4
|
+
# extension.
|
5
|
+
require 'compass'
|
6
|
+
|
7
|
+
# This tells Compass what your Compass extension is called, and where to find
|
8
|
+
# its files
|
9
|
+
# Replace 'extension' with the name of your extension. Spaces allowed.
|
10
|
+
extension_path = File.expand_path(File.join(File.dirname(__FILE__), ".."))
|
11
|
+
Compass::Frameworks.register('fixednav', :path => extension_path)
|
12
|
+
|
13
|
+
# Version and date of version for your Compass extension.
|
14
|
+
# Replace Extension with the name of your extension
|
15
|
+
# Letters, numbers, and underscores only
|
16
|
+
# Version is a number. If a version contains alphas, it will be created as
|
17
|
+
# a prerelease version
|
18
|
+
# Date is in the form of YYYY-MM-DD
|
19
|
+
module FixedNav
|
20
|
+
VERSION = "1.0"
|
21
|
+
DATE = "2014-08-15"
|
22
|
+
end
|
23
|
+
|
24
|
+
# This is where any custom SassScript should be placed. The functions will be
|
25
|
+
# available on require of your extension without the need for users to import
|
26
|
+
# any partials. Uncomment below.
|
27
|
+
|
28
|
+
# module Sass::Script::Functions
|
29
|
+
#
|
30
|
+
# end
|
@@ -0,0 +1,17 @@
|
|
1
|
+
|
2
|
+
@mixin fixednavcontain($minheight: null){
|
3
|
+
// Wrap your nav bar in a container an set the height to whatever you want
|
4
|
+
min-height: $minheight;
|
5
|
+
}
|
6
|
+
|
7
|
+
@mixin fixednav($state:null, $top:null, $height:null, $width:null, $background:null) {
|
8
|
+
// Establish if you want a fixed or relative(normal) navigation bar
|
9
|
+
position: $state;
|
10
|
+
top: $top;
|
11
|
+
height: $height;
|
12
|
+
width: $width;
|
13
|
+
background: $background;
|
14
|
+
}
|
15
|
+
|
16
|
+
|
17
|
+
|
@@ -0,0 +1,38 @@
|
|
1
|
+
///////////////////////////////////////////
|
2
|
+
// Fixed Naviagtion Bar Mixin//////////////
|
3
|
+
///////////////////////////////////////////
|
4
|
+
|
5
|
+
// Establish fixednav with your specific values
|
6
|
+
@import "fixednav";
|
7
|
+
|
8
|
+
// Create a container for your fixed navbar. Takes one argument
|
9
|
+
.fixednavbarcontainer{
|
10
|
+
@include fixednavcontain($minheight:70px)
|
11
|
+
}
|
12
|
+
|
13
|
+
// Create the actual fixed navigation bar here with specific styles
|
14
|
+
// Switch between fixed and relative navigation
|
15
|
+
|
16
|
+
// $state - Define the state of the navigation. Fixed or Relative
|
17
|
+
// $height - Define the height of your navigation. Must be same as the container
|
18
|
+
// $width - Width set to 100%
|
19
|
+
// $background - Any color you want!
|
20
|
+
|
21
|
+
.fixednavbar{
|
22
|
+
@include fixednav($state:fixed,$height:70px,$width:100%,$background:#fff);
|
23
|
+
}
|
24
|
+
|
25
|
+
|
26
|
+
|
27
|
+
//////////////////////////////////////////
|
28
|
+
//// Examples ////////////////////////////
|
29
|
+
/////////////////////////////////////////
|
30
|
+
|
31
|
+
|
32
|
+
.fixednavbarcontainer{
|
33
|
+
@include fixednavcontain($minheight:70px)
|
34
|
+
}
|
35
|
+
|
36
|
+
.fixednavbar{
|
37
|
+
@include fixednav($state:fixed,$height:70px,$width:100%,$background:#fff);
|
38
|
+
}
|
@@ -0,0 +1,23 @@
|
|
1
|
+
# Description
|
2
|
+
description "A simple Fixed Navigation Compass extension."
|
3
|
+
|
4
|
+
# Stylesheet Import
|
5
|
+
file '_fixednav_demo.scss', :like => :stylesheet, :media => 'screen, projection'
|
6
|
+
|
7
|
+
# Javascript Import
|
8
|
+
# file 'scripts.js', :like => :javascript, :to => 'scripts.js'
|
9
|
+
|
10
|
+
# General File Import
|
11
|
+
# file 'README.md', :to => "README.md"
|
12
|
+
|
13
|
+
# Compass Extension Help
|
14
|
+
help %Q{
|
15
|
+
Open _fixednav_demo.scss for help and examples.
|
16
|
+
}
|
17
|
+
|
18
|
+
# Compass Extension Welcome Message
|
19
|
+
# Users will see this when they create a new project using this template.
|
20
|
+
welcome_message %Q{
|
21
|
+
You have successfully installed the Fixed Nav demo! Open _fixednav_demo.scss
|
22
|
+
for examples!
|
23
|
+
}
|
metadata
ADDED
@@ -0,0 +1,83 @@
|
|
1
|
+
--- !ruby/object:Gem::Specification
|
2
|
+
name: fixednav
|
3
|
+
version: !ruby/object:Gem::Version
|
4
|
+
version: '1.0'
|
5
|
+
prerelease:
|
6
|
+
platform: ruby
|
7
|
+
authors:
|
8
|
+
- Kennard McGill
|
9
|
+
autorequire:
|
10
|
+
bindir: bin
|
11
|
+
cert_chain: []
|
12
|
+
date: 2014-08-15 00:00:00.000000000 Z
|
13
|
+
dependencies:
|
14
|
+
- !ruby/object:Gem::Dependency
|
15
|
+
name: sass
|
16
|
+
requirement: !ruby/object:Gem::Requirement
|
17
|
+
none: false
|
18
|
+
requirements:
|
19
|
+
- - ! '>='
|
20
|
+
- !ruby/object:Gem::Version
|
21
|
+
version: 3.2.0
|
22
|
+
type: :runtime
|
23
|
+
prerelease: false
|
24
|
+
version_requirements: !ruby/object:Gem::Requirement
|
25
|
+
none: false
|
26
|
+
requirements:
|
27
|
+
- - ! '>='
|
28
|
+
- !ruby/object:Gem::Version
|
29
|
+
version: 3.2.0
|
30
|
+
- !ruby/object:Gem::Dependency
|
31
|
+
name: compass
|
32
|
+
requirement: !ruby/object:Gem::Requirement
|
33
|
+
none: false
|
34
|
+
requirements:
|
35
|
+
- - ! '>='
|
36
|
+
- !ruby/object:Gem::Version
|
37
|
+
version: 0.12.1
|
38
|
+
type: :runtime
|
39
|
+
prerelease: false
|
40
|
+
version_requirements: !ruby/object:Gem::Requirement
|
41
|
+
none: false
|
42
|
+
requirements:
|
43
|
+
- - ! '>='
|
44
|
+
- !ruby/object:Gem::Version
|
45
|
+
version: 0.12.1
|
46
|
+
description: A simple fixed navigation style extension for Compass.
|
47
|
+
email:
|
48
|
+
- kennardmcgill@gmail.com
|
49
|
+
executables: []
|
50
|
+
extensions: []
|
51
|
+
extra_rdoc_files: []
|
52
|
+
files:
|
53
|
+
- README.md
|
54
|
+
- CHANGELOG.md
|
55
|
+
- lib/fixednav.rb
|
56
|
+
- stylesheets/_fixednav.scss
|
57
|
+
- templates/project/manifest.rb
|
58
|
+
- templates/project/_fixednav_demo.scss
|
59
|
+
homepage: https://github.com/Kennard/FixedNav
|
60
|
+
licenses: []
|
61
|
+
post_install_message:
|
62
|
+
rdoc_options: []
|
63
|
+
require_paths:
|
64
|
+
- lib
|
65
|
+
required_ruby_version: !ruby/object:Gem::Requirement
|
66
|
+
none: false
|
67
|
+
requirements:
|
68
|
+
- - ! '>='
|
69
|
+
- !ruby/object:Gem::Version
|
70
|
+
version: '0'
|
71
|
+
required_rubygems_version: !ruby/object:Gem::Requirement
|
72
|
+
none: false
|
73
|
+
requirements:
|
74
|
+
- - ! '>='
|
75
|
+
- !ruby/object:Gem::Version
|
76
|
+
version: 1.3.6
|
77
|
+
requirements: []
|
78
|
+
rubyforge_project: fixednav
|
79
|
+
rubygems_version: 1.8.28
|
80
|
+
signing_key:
|
81
|
+
specification_version: 3
|
82
|
+
summary: Using FixedNav makes styling navigation cool!
|
83
|
+
test_files: []
|