zurb-foundation-5 5.2.2
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/.bowerrc +3 -0
- data/.editorconfig +9 -0
- data/.gitignore +46 -0
- data/.travis.yml +34 -0
- data/CONTRIBUTING.md +55 -0
- data/Gemfile +3 -0
- data/Gemfile.lock +16 -0
- data/Gruntfile.js +222 -0
- data/LICENSE +22 -0
- data/README.md +44 -0
- data/bower.json +20 -0
- data/composer.json +9 -0
- data/foundation.gemspec +21 -0
- data/humans.txt +8 -0
- data/js/foundation/foundation.abide.js +299 -0
- data/js/foundation/foundation.accordion.js +54 -0
- data/js/foundation/foundation.alert.js +43 -0
- data/js/foundation/foundation.clearing.js +531 -0
- data/js/foundation/foundation.dropdown.js +306 -0
- data/js/foundation/foundation.equalizer.js +68 -0
- data/js/foundation/foundation.interchange.js +331 -0
- data/js/foundation/foundation.joyride.js +849 -0
- data/js/foundation/foundation.js +609 -0
- data/js/foundation/foundation.magellan.js +173 -0
- data/js/foundation/foundation.offcanvas.js +50 -0
- data/js/foundation/foundation.orbit.js +606 -0
- data/js/foundation/foundation.reveal.js +427 -0
- data/js/foundation/foundation.slider.js +200 -0
- data/js/foundation/foundation.tab.js +168 -0
- data/js/foundation/foundation.tooltip.js +272 -0
- data/js/foundation/foundation.topbar.js +422 -0
- data/karma.conf.js +114 -0
- data/lib/foundation/engine.rb +20 -0
- data/lib/foundation/generators/USAGE +15 -0
- data/lib/foundation/generators/install_generator.rb +54 -0
- data/lib/foundation/generators/templates/application.html.erb +47 -0
- data/lib/foundation/generators/templates/application.html.haml +31 -0
- data/lib/foundation/generators/templates/application.html.slim +35 -0
- data/lib/foundation/sprockets.rb +4 -0
- data/lib/foundation/version.rb +3 -0
- data/lib/scss.js +114 -0
- data/lib/zurb-foundation.rb +33 -0
- data/package.json +48 -0
- data/robots.txt +4 -0
- data/run-tests.sh +83 -0
- data/sache.json +5 -0
- data/scss/foundation.scss +45 -0
- data/scss/foundation/_functions.scss +101 -0
- data/scss/foundation/_settings.scss +1279 -0
- data/scss/foundation/components/_accordion.scss +52 -0
- data/scss/foundation/components/_alert-boxes.scss +126 -0
- data/scss/foundation/components/_block-grid.scss +132 -0
- data/scss/foundation/components/_breadcrumbs.scss +127 -0
- data/scss/foundation/components/_button-groups.scss +108 -0
- data/scss/foundation/components/_buttons.scss +222 -0
- data/scss/foundation/components/_clearing.scss +247 -0
- data/scss/foundation/components/_dropdown-buttons.scss +129 -0
- data/scss/foundation/components/_dropdown.scss +248 -0
- data/scss/foundation/components/_flex-video.scss +51 -0
- data/scss/foundation/components/_forms.scss +496 -0
- data/scss/foundation/components/_global.scss +365 -0
- data/scss/foundation/components/_grid.scss +261 -0
- data/scss/foundation/components/_inline-lists.scss +56 -0
- data/scss/foundation/components/_joyride.scss +220 -0
- data/scss/foundation/components/_keystrokes.scss +61 -0
- data/scss/foundation/components/_labels.scss +104 -0
- data/scss/foundation/components/_magellan.scss +34 -0
- data/scss/foundation/components/_offcanvas.scss +381 -0
- data/scss/foundation/components/_orbit.scss +415 -0
- data/scss/foundation/components/_pagination.scss +150 -0
- data/scss/foundation/components/_panels.scss +91 -0
- data/scss/foundation/components/_pricing-tables.scss +150 -0
- data/scss/foundation/components/_progress-bars.scss +79 -0
- data/scss/foundation/components/_range-slider.scss +148 -0
- data/scss/foundation/components/_reveal-new.scss +0 -0
- data/scss/foundation/components/_reveal.scss +216 -0
- data/scss/foundation/components/_side-nav.scss +93 -0
- data/scss/foundation/components/_split-buttons.scss +191 -0
- data/scss/foundation/components/_sub-nav.scss +125 -0
- data/scss/foundation/components/_switch.scss +294 -0
- data/scss/foundation/components/_tables.scss +97 -0
- data/scss/foundation/components/_tabs.scss +105 -0
- data/scss/foundation/components/_thumbs.scss +68 -0
- data/scss/foundation/components/_tooltips.scss +140 -0
- data/scss/foundation/components/_top-bar.scss +640 -0
- data/scss/foundation/components/_type.scss +493 -0
- data/scss/foundation/components/_visibility.scss +345 -0
- data/scss/foundation/test.html +0 -0
- data/scss/normalize.scss +423 -0
- data/spec/abide/abide.js +173 -0
- data/spec/abide/advanced.html +22 -0
- data/spec/abide/basic.html +13 -0
- data/spec/accordion/accordion.js +94 -0
- data/spec/accordion/basic.html +39 -0
- data/spec/accordion/grid.html +44 -0
- data/spec/accordion/multiexpand.html +20 -0
- data/spec/alert/alert.js +35 -0
- data/spec/alert/basic.html +4 -0
- data/spec/clearing/222.gif +0 -0
- data/spec/clearing/777.gif +0 -0
- data/spec/clearing/basic.html +5 -0
- data/spec/clearing/ccc.gif +0 -0
- data/spec/clearing/clearing.js +55 -0
- data/spec/dropdown/basic.html +10 -0
- data/spec/dropdown/dropdown.js +65 -0
- data/spec/equalizer/basic.html +24 -0
- data/spec/equalizer/equalizer.js +30 -0
- data/spec/framework/framework.js +14 -0
- data/spec/helpers.js +37 -0
- data/spec/interchange/basic.html +3 -0
- data/spec/interchange/interchange.js +60 -0
- data/spec/joyride/joyride.js +14 -0
- data/spec/magellan/magellan.js +14 -0
- data/spec/offcanvas/offcanvas.js +14 -0
- data/spec/orbit/orbit.js +14 -0
- data/spec/reveal/reveal.js +14 -0
- data/spec/tab/tab.js +14 -0
- data/spec/tooltip/tooltip.js +14 -0
- data/spec/topbar/multidropdown.html +60 -0
- data/spec/topbar/sticky.html +31 -0
- data/spec/topbar/topbar.js +96 -0
- metadata +238 -0
data/karma.conf.js
ADDED
@@ -0,0 +1,114 @@
|
|
1
|
+
module.exports = function(config) {
|
2
|
+
config.set({
|
3
|
+
|
4
|
+
// base path, that will be used to resolve files and exclude
|
5
|
+
basePath: '',
|
6
|
+
|
7
|
+
// frameworks to use
|
8
|
+
frameworks: ['jasmine'],
|
9
|
+
|
10
|
+
files: [
|
11
|
+
{pattern: 'dist/assets/css/normalize.css', watched: true, served: true, included: true},
|
12
|
+
{pattern: 'dist/assets/css/foundation.css', watched: true, served: true, included: true},
|
13
|
+
{pattern: 'vendor/modernizr/modernizr.js', watched: true, served: true, included: true},
|
14
|
+
{pattern: 'vendor/fastclick/lib/fastclick.js', watched: true, served: true, included: true},
|
15
|
+
{pattern: 'vendor/jquery/dist/jquery.js', watched: true, served: true, included: true},
|
16
|
+
{pattern: 'vendor/jquery-placeholder/jquery.placeholder.js', watched: true, served: true, included: true},
|
17
|
+
{pattern: 'vendor/jquery.cookie/jquery.cookie.js', watched: true, served: true, included: true},
|
18
|
+
{pattern: 'dist/assets/js/foundation/foundation.js', watched: true, served: true, included: true},
|
19
|
+
{pattern: 'dist/assets/js/foundation/foundation.*.js', watched: true, served: true, included: true},
|
20
|
+
{pattern: 'spec/**/*.html', watched: true, served: true, included: true},
|
21
|
+
{pattern: 'node_modules/jasmine-jquery/lib/jasmine-jquery.js', watched: true, served: true, included: true},
|
22
|
+
{pattern: 'spec/helpers.js', watched: true, served: true, included: true},
|
23
|
+
{pattern: 'spec/**/*.js', watched: true, served: true, included: true},
|
24
|
+
{pattern: 'spec/**/*.gif', watched: true, served: true, included: false}
|
25
|
+
],
|
26
|
+
|
27
|
+
// list of files to exclude
|
28
|
+
exclude: [
|
29
|
+
],
|
30
|
+
|
31
|
+
// test results reporter to use
|
32
|
+
// possible values: 'dots', 'progress', 'junit', 'growl', 'coverage'
|
33
|
+
reporters: ['progress'],
|
34
|
+
|
35
|
+
// web server port
|
36
|
+
port: 9876,
|
37
|
+
|
38
|
+
// enable / disable colors in the output (reporters and logs)
|
39
|
+
colors: true,
|
40
|
+
|
41
|
+
// level of logging
|
42
|
+
// possible values: config.LOG_DISABLE || config.LOG_ERROR || config.LOG_WARN || config.LOG_INFO || config.LOG_DEBUG
|
43
|
+
logLevel: config.LOG_INFO,
|
44
|
+
|
45
|
+
// enable / disable watching file and executing tests whenever any file changes
|
46
|
+
autoWatch: true,
|
47
|
+
|
48
|
+
// Start these browsers, currently available:
|
49
|
+
// - Chrome
|
50
|
+
// - ChromeCanary
|
51
|
+
// - Firefox
|
52
|
+
// - Opera (has to be installed with `npm install karma-opera-launcher`)
|
53
|
+
// - Safari (only Mac; has to be installed with `npm install karma-safari-launcher`)
|
54
|
+
// - PhantomJS
|
55
|
+
// - IE (only Windows; has to be installed with `npm install karma-ie-launcher`)
|
56
|
+
browsers: ['SmallPhantomJS', 'LargePhantomJS', 'LargeChrome', 'Firefox'],
|
57
|
+
|
58
|
+
customLaunchers: {
|
59
|
+
SmallChrome: {
|
60
|
+
base: 'Chrome',
|
61
|
+
flags: ['--window-size=320,400']
|
62
|
+
},
|
63
|
+
LargeChrome: {
|
64
|
+
base: 'Chrome',
|
65
|
+
flags: ['--window-size=1025,400']
|
66
|
+
},
|
67
|
+
SmallPhantomJS: {
|
68
|
+
base: 'PhantomJS',
|
69
|
+
options: {
|
70
|
+
viewportSize: { width: 320, height: 400 }
|
71
|
+
}
|
72
|
+
},
|
73
|
+
LargePhantomJS: {
|
74
|
+
base: 'PhantomJS',
|
75
|
+
options: {
|
76
|
+
viewportSize: { width: 1025, height: 400 }
|
77
|
+
}
|
78
|
+
},
|
79
|
+
bs_iphone5: {
|
80
|
+
base: 'BrowserStack',
|
81
|
+
device: 'iPhone 5',
|
82
|
+
os: 'ios',
|
83
|
+
os_version: '6.0'
|
84
|
+
},
|
85
|
+
bs_ie9: {
|
86
|
+
base: 'BrowserStack',
|
87
|
+
os: 'Windows',
|
88
|
+
os_version: '7',
|
89
|
+
browser: 'IE',
|
90
|
+
browser_version: '9.0'
|
91
|
+
},
|
92
|
+
bs_ie10: {
|
93
|
+
base: 'BrowserStack',
|
94
|
+
os: 'Windows',
|
95
|
+
os_version: '7',
|
96
|
+
browser: 'IE',
|
97
|
+
browser_version: '10.0'
|
98
|
+
},
|
99
|
+
bs_android41: {
|
100
|
+
base: 'BrowserStack',
|
101
|
+
os: 'android',
|
102
|
+
os_version: '4.1',
|
103
|
+
device: 'Samsung Galaxy S III'
|
104
|
+
}
|
105
|
+
},
|
106
|
+
|
107
|
+
// If browser does not capture in given timeout [ms], kill it
|
108
|
+
captureTimeout: 60000,
|
109
|
+
|
110
|
+
// Continuous Integration mode
|
111
|
+
// if true, it capture browsers, run tests and exit
|
112
|
+
singleRun: false
|
113
|
+
});
|
114
|
+
};
|
@@ -0,0 +1,20 @@
|
|
1
|
+
module Foundation
|
2
|
+
class Engine < Rails::Engine
|
3
|
+
# Save this block, we'll use it in two calls to .initializer
|
4
|
+
add_paths_block = lambda { |app|
|
5
|
+
app.config.assets.paths << File.expand_path("../../../scss", __FILE__)
|
6
|
+
app.config.assets.paths << File.expand_path("../../../js", __FILE__)
|
7
|
+
|
8
|
+
# Ensure Zepto and Modernizr are precompiled in production
|
9
|
+
app.config.assets.precompile += %w(vendor/zepto.js vendor/custom.modernizr.js)
|
10
|
+
}
|
11
|
+
|
12
|
+
# Standard initializer
|
13
|
+
initializer 'foundation.update_asset_paths', &add_paths_block
|
14
|
+
|
15
|
+
# Special initializer lets us precompile assets without fully initializing
|
16
|
+
initializer 'foundation.update_asset_paths', :group => :assets,
|
17
|
+
&add_paths_block
|
18
|
+
|
19
|
+
end
|
20
|
+
end
|
@@ -0,0 +1,15 @@
|
|
1
|
+
Description:
|
2
|
+
Setup Foundation assets in your app and generate new layouts preconfigured to use Foundation
|
3
|
+
|
4
|
+
Example:
|
5
|
+
rails g foundation:install
|
6
|
+
|
7
|
+
This will insert foundation require lines into default application assets:
|
8
|
+
/app/assets/javascripts/application.js
|
9
|
+
/app/assets/stylesheets/application.css
|
10
|
+
|
11
|
+
And create sample layout (depending of your template engine):
|
12
|
+
/app/views/layouts/application.html.erb
|
13
|
+
|
14
|
+
And foundation variables override file:
|
15
|
+
/app/assets/stylesheets/foundation_and_overrides.scss
|
@@ -0,0 +1,54 @@
|
|
1
|
+
require 'rails/generators'
|
2
|
+
|
3
|
+
module Foundation
|
4
|
+
module Generators
|
5
|
+
class InstallGenerator < Rails::Generators::Base
|
6
|
+
source_root File.join(File.dirname(__FILE__), 'templates')
|
7
|
+
argument :layout_name, :type => :string, :default => 'application', :banner => 'layout_name'
|
8
|
+
|
9
|
+
class_option :haml, :desc => 'Generate HAML layout instead of erb', :type => :boolean
|
10
|
+
class_option :slim, :desc => 'Generate Slim layout instead of erb', :type => :boolean
|
11
|
+
|
12
|
+
def add_assets
|
13
|
+
# rails_ujs breaks, need to incorporate rails-behavior plugin for this to work seamlessly
|
14
|
+
# gsub_file "app/assets/javascripts/application#{detect_js_format[0]}", /\/\/= require jquery\n/, ""
|
15
|
+
insert_into_file "app/assets/javascripts/application#{detect_js_format[0]}", "#{detect_js_format[1]} require foundation\n", :after => "jquery_ujs\n"
|
16
|
+
append_to_file "app/assets/javascripts/application#{detect_js_format[0]}", "\n$(function(){ $(document).foundation(); });\n"
|
17
|
+
settings_file = File.join(File.dirname(__FILE__),"..","..","..","scss","foundation","_variables.scss")
|
18
|
+
create_file "app/assets/stylesheets/foundation_and_overrides.scss", File.read(settings_file)
|
19
|
+
append_to_file "app/assets/stylesheets/foundation_and_overrides.scss", "\n@import 'foundation';\n"
|
20
|
+
insert_into_file "app/assets/stylesheets/application#{detect_css_format[0]}", "#{detect_css_format[1]} require foundation_and_overrides\n", :after => "require_self\n"
|
21
|
+
end
|
22
|
+
|
23
|
+
def detect_js_format
|
24
|
+
return ['.coffee', '#='] if File.exist?('app/assets/javascripts/application.coffee')
|
25
|
+
return ['.js.coffee', '#='] if File.exist?('app/assets/javascripts/application.js.coffee')
|
26
|
+
return ['.js', '//='] if File.exist?('app/assets/javascripts/application.js')
|
27
|
+
end
|
28
|
+
|
29
|
+
def detect_css_format
|
30
|
+
return ['.css', ' *='] if File.exist?('app/assets/stylesheets/application.css')
|
31
|
+
return ['.css.sass', ' //='] if File.exist?('app/assets/stylesheets/application.css.sass')
|
32
|
+
return ['.sass', ' //='] if File.exist?('app/assets/stylesheets/application.sass')
|
33
|
+
return ['.css.scss', ' //='] if File.exist?('app/assets/stylesheets/application.css.scss')
|
34
|
+
return ['.scss', ' //='] if File.exist?('app/assets/stylesheets/application.scss')
|
35
|
+
end
|
36
|
+
|
37
|
+
def create_layout
|
38
|
+
if options.haml?||(defined?(Haml) && options.haml?)
|
39
|
+
template 'application.html.haml', "app/views/layouts/#{file_name}.html.haml"
|
40
|
+
elsif options.slim?||(defined?(Slim) && options.slim?)
|
41
|
+
template 'application.html.slim', "app/views/layouts/#{file_name}.html.slim"
|
42
|
+
else
|
43
|
+
template 'application.html.erb', "app/views/layouts/#{file_name}.html.erb"
|
44
|
+
end
|
45
|
+
end
|
46
|
+
|
47
|
+
private
|
48
|
+
|
49
|
+
def file_name
|
50
|
+
layout_name.underscore.downcase
|
51
|
+
end
|
52
|
+
end
|
53
|
+
end
|
54
|
+
end
|
@@ -0,0 +1,47 @@
|
|
1
|
+
<!DOCTYPE html>
|
2
|
+
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
|
3
|
+
<!--[if lt IE 7 ]> <html class="ie6" lang="en"> <![endif]-->
|
4
|
+
<!--[if IE 7 ]> <html class="ie7" lang="en"> <![endif]-->
|
5
|
+
<!--[if IE 8 ]> <html class="ie8" lang="en"> <![endif]-->
|
6
|
+
<!--[if IE 9 ]> <html class="ie9" lang="en"> <![endif]-->
|
7
|
+
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en"> <!--<![endif]-->
|
8
|
+
<head>
|
9
|
+
<meta charset="utf-8" />
|
10
|
+
|
11
|
+
<!-- Uncomment to make IE8 render like IE7 -->
|
12
|
+
<!-- <meta http-equiv="X-UA-Compatible" content="IE=7" /> -->
|
13
|
+
|
14
|
+
<!-- Set the viewport width to device width for mobile -->
|
15
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
16
|
+
|
17
|
+
<title><%%= content_for?(:title) ? yield(:title) : "Untitled" %></title>
|
18
|
+
|
19
|
+
<%%= stylesheet_link_tag "application" %>
|
20
|
+
<%%= javascript_include_tag "vendor/custom.modernizr" %>
|
21
|
+
<%%= csrf_meta_tags %>
|
22
|
+
</head>
|
23
|
+
|
24
|
+
<body>
|
25
|
+
|
26
|
+
<%%= yield %>
|
27
|
+
|
28
|
+
<% if false %>
|
29
|
+
<script>
|
30
|
+
document.write('<script src=' +
|
31
|
+
('__proto__' in {} ? '<%%= asset_path("vendor/zepto") %>' : '<%%= asset_path("jquery") %>') +
|
32
|
+
'><\/script>');
|
33
|
+
</script>
|
34
|
+
|
35
|
+
<script>
|
36
|
+
// Ensure rails_ujs works with Zepto
|
37
|
+
$.fn.ajaxSend = function(callback) {
|
38
|
+
return this.each(function(){
|
39
|
+
$(this).on('ajaxBeforeSend', callback);
|
40
|
+
});
|
41
|
+
};
|
42
|
+
var jQuery = $;
|
43
|
+
</script>
|
44
|
+
<% end %>
|
45
|
+
<%%= javascript_include_tag "application" %>
|
46
|
+
</body>
|
47
|
+
</html>
|
@@ -0,0 +1,31 @@
|
|
1
|
+
!!! 5
|
2
|
+
/ paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/
|
3
|
+
/[if lt IE 7 ] <html class=\"ie6\" lang=\"en\">
|
4
|
+
/[if IE 7 ] <html class=\"ie7\" lang=\"en\">
|
5
|
+
/[if IE 8 ] <html class=\"ie8\" lang=\"en\">
|
6
|
+
/[if IE 9 ] <html class=\"ie9\" lang=\"en\">
|
7
|
+
/[if (gt IE 9)|!(IE)] <!--> <html lang=\"en\">
|
8
|
+
|
9
|
+
%head
|
10
|
+
%meta{ :charset => "utf-8" }
|
11
|
+
|
12
|
+
-# Uncomment to make IE8 render like IE7
|
13
|
+
-# meta http-equiv="X-UA-Compatible" content="IE=7"
|
14
|
+
|
15
|
+
-# Set the viewport width to device width for mobile
|
16
|
+
%meta{ :name => "viewport", :content => "width=device-width, initial-scale=1.0" }
|
17
|
+
|
18
|
+
%title= content_for?(:title) ? yield(:title) : "Untitled"
|
19
|
+
|
20
|
+
= stylesheet_link_tag "application"
|
21
|
+
= javascript_include_tag "vendor/custom.modernizr"
|
22
|
+
= csrf_meta_tag
|
23
|
+
|
24
|
+
%body
|
25
|
+
|
26
|
+
= yield
|
27
|
+
|
28
|
+
= javascript_include_tag "application"
|
29
|
+
|
30
|
+
:plain
|
31
|
+
</html>
|
@@ -0,0 +1,35 @@
|
|
1
|
+
doctype html
|
2
|
+
/ http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/
|
3
|
+
/[if lt IE 7 ]
|
4
|
+
|<html class="ie6" lang="en">
|
5
|
+
/[if IE 7 ]
|
6
|
+
|<html class="ie7" lang="en">
|
7
|
+
/[if IE 8 ]
|
8
|
+
|<html class="ie8" lang="en">
|
9
|
+
/[if IE 9 ]
|
10
|
+
|<html class="ie9" lang="en">
|
11
|
+
/[if (gt IE 9)|!(IE)]
|
12
|
+
|<html lang="en">
|
13
|
+
|
14
|
+
head
|
15
|
+
meta charset="utf-8"
|
16
|
+
|
17
|
+
/ Uncomment to make IE8 render like IE7
|
18
|
+
/ meta http-equiv="X-UA-Compatible" content="IE=7"
|
19
|
+
|
20
|
+
/ Set the viewport width to device width for mobile
|
21
|
+
meta name="viewport" content="width=device-width, initial-scale=1.0"
|
22
|
+
|
23
|
+
title == content_for?(:title) ? yield(:title) : "Untitled"
|
24
|
+
|
25
|
+
== stylesheet_link_tag "application"
|
26
|
+
== javascript_include_tag "vendor/custom.modernizr"
|
27
|
+
== csrf_meta_tag
|
28
|
+
|
29
|
+
body
|
30
|
+
|
31
|
+
== yield
|
32
|
+
|
33
|
+
== javascript_include_tag "application"
|
34
|
+
|
35
|
+
|</html>
|
data/lib/scss.js
ADDED
@@ -0,0 +1,114 @@
|
|
1
|
+
/*
|
2
|
+
Language: SCSS
|
3
|
+
Author: Kurt Emch <kurt@kurtemch.com>
|
4
|
+
*/
|
5
|
+
module.exports = function(hljs) {
|
6
|
+
var IDENT_RE = '[a-zA-Z-][a-zA-Z0-9_-]*';
|
7
|
+
var FUNCTION = {
|
8
|
+
className: 'function',
|
9
|
+
begin: IDENT_RE + '\\(', end: '\\)',
|
10
|
+
contains: ['self', hljs.NUMBER_MODE, hljs.APOS_STRING_MODE, hljs.QUOTE_STRING_MODE]
|
11
|
+
};
|
12
|
+
var HEXCOLOR = {
|
13
|
+
className: 'hexcolor', begin: '#[0-9A-Fa-f]+'
|
14
|
+
};
|
15
|
+
var DEF_INTERNALS = {
|
16
|
+
className: 'attribute',
|
17
|
+
begin: '[A-Z\\_\\.\\-]+', end: ':',
|
18
|
+
excludeEnd: true,
|
19
|
+
illegal: '[^\\s]',
|
20
|
+
starts: {
|
21
|
+
className: 'value',
|
22
|
+
endsWithParent: true, excludeEnd: true,
|
23
|
+
contains: [
|
24
|
+
FUNCTION,
|
25
|
+
HEXCOLOR,
|
26
|
+
hljs.NUMBER_MODE,
|
27
|
+
hljs.QUOTE_STRING_MODE,
|
28
|
+
hljs.APOS_STRING_MODE,
|
29
|
+
hljs.C_BLOCK_COMMENT_MODE,
|
30
|
+
{
|
31
|
+
className: 'important', begin: '!important'
|
32
|
+
}
|
33
|
+
]
|
34
|
+
}
|
35
|
+
};
|
36
|
+
return {
|
37
|
+
case_insensitive: true,
|
38
|
+
illegal: '[=/|\']',
|
39
|
+
contains: [
|
40
|
+
hljs.C_LINE_COMMENT_MODE,
|
41
|
+
hljs.C_BLOCK_COMMENT_MODE,
|
42
|
+
{
|
43
|
+
className: 'function',
|
44
|
+
begin: IDENT_RE + '\\(', end: '\\)',
|
45
|
+
contains: ['self', hljs.NUMBER_MODE, hljs.APOS_STRING_MODE, hljs.QUOTE_STRING_MODE]
|
46
|
+
},
|
47
|
+
{
|
48
|
+
className: 'id', begin: '\\#[A-Za-z0-9_-]+',
|
49
|
+
relevance: 0
|
50
|
+
},
|
51
|
+
{
|
52
|
+
className: 'class', begin: '\\.[A-Za-z0-9_-]+',
|
53
|
+
relevance: 0
|
54
|
+
},
|
55
|
+
{
|
56
|
+
className: 'attr_selector',
|
57
|
+
begin: '\\[', end: '\\]',
|
58
|
+
illegal: '$'
|
59
|
+
},
|
60
|
+
{
|
61
|
+
className: 'tag', // begin: IDENT_RE, end: '[,|\\s]'
|
62
|
+
begin: '\\b(a|abbr|acronym|address|area|article|aside|audio|b|base|big|blockquote|body|br|button|canvas|caption|cite|code|col|colgroup|command|datalist|dd|del|details|dfn|div|dl|dt|em|embed|fieldset|figcaption|figure|footer|form|frame|frameset|(h[1-6])|head|header|hgroup|hr|html|i|iframe|img|input|ins|kbd|keygen|label|legend|li|link|map|mark|meta|meter|nav|noframes|noscript|object|ol|optgroup|option|output|p|param|pre|progress|q|rp|rt|ruby|samp|script|section|select|small|span|strike|strong|style|sub|sup|table|tbody|td|textarea|tfoot|th|thead|time|title|tr|tt|ul|var|video)\\b',
|
63
|
+
relevance: 0
|
64
|
+
},
|
65
|
+
{
|
66
|
+
className: 'pseudo',
|
67
|
+
begin: ':(visited|valid|root|right|required|read-write|read-only|out-range|optional|only-of-type|only-child|nth-of-type|nth-last-of-type|nth-last-child|nth-child|not|link|left|last-of-type|last-child|lang|invalid|indeterminate|in-range|hover|focus|first-of-type|first-line|first-letter|first-child|first|enabled|empty|disabled|default|checked|before|after|active)'
|
68
|
+
},
|
69
|
+
{
|
70
|
+
className: 'pseudo',
|
71
|
+
begin: '::(after|before|choices|first-letter|first-line|repeat-index|repeat-item|selection|value)'
|
72
|
+
},
|
73
|
+
{
|
74
|
+
className: 'attribute',
|
75
|
+
begin: '\\b(z-index|word-wrap|word-spacing|word-break|width|widows|white-space|visibility|vertical-align|unicode-bidi|transition-timing-function|transition-property|transition-duration|transition-delay|transition|transform-style|transform-origin|transform|top|text-underline-position|text-transform|text-shadow|text-rendering|text-overflow|text-indent|text-decoration-style|text-decoration-line|text-decoration-color|text-decoration|text-align-last|text-align|tab-size|table-layout|right|resize|quotes|position|pointer-events|perspective-origin|perspective|page-break-inside|page-break-before|page-break-after|padding-top|padding-right|padding-left|padding-bottom|padding|overflow-y|overflow-x|overflow-wrap|overflow|outline-width|outline-style|outline-offset|outline-color|outline|orphans|order|opacity|object-position|object-fit|normal|none|nav-up|nav-right|nav-left|nav-index|nav-down|min-width|min-height|max-width|max-height|mask|marks|margin-top|margin-right|margin-left|margin-bottom|margin|list-style-type|list-style-position|list-style-image|list-style|line-height|letter-spacing|left|justify-content|initial|inherit|ime-mode|image-orientation|image-resolution|image-rendering|icon|hyphens|height|font-weight|font-variant-ligatures|font-variant|font-style|font-stretch|font-size-adjust|font-size|font-language-override|font-kerning|font-feature-settings|font-family|font|float|flex-wrap|flex-shrink|flex-grow|flex-flow|flex-direction|flex-basis|flex|filter|empty-cells|display|direction|cursor|counter-reset|counter-increment|content|column-width|column-span|column-rule-width|column-rule-style|column-rule-color|column-rule|column-gap|column-fill|column-count|columns|color|clip-path|clip|clear|caption-side|break-inside|break-before|break-after|box-sizing|box-shadow|box-decoration-break|bottom|border-width|border-top-width|border-top-style|border-top-right-radius|border-top-left-radius|border-top-color|border-top|border-style|border-spacing|border-right-width|border-right-style|border-right-color|border-right|border-radius|border-left-width|border-left-style|border-left-color|border-left|border-image-width|border-image-source|border-image-slice|border-image-repeat|border-image-outset|border-image|border-color|border-collapse|border-bottom-width|border-bottom-style|border-bottom-right-radius|border-bottom-left-radius|border-bottom-color|border-bottom|border|background-size|background-repeat|background-position|background-origin|background-image|background-color|background-clip|background-attachment|background|backface-visibility|auto|animation-timing-function|animation-play-state|animation-name|animation-iteration-count|animation-fill-mode|animation-duration|animation-direction|animation-delay|animation|align-self|align-items|align-content)\\b',
|
76
|
+
illegal: '[^\\s]'
|
77
|
+
},
|
78
|
+
{
|
79
|
+
className: 'value',
|
80
|
+
begin: '\\b(whitespace|wait|w-resize|visible|vertical-text|vertical-ideographic|uppercase|upper-roman|upper-alpha|underline|transparent|top|thin|thick|text|text-top|text-bottom|tb-rl|table-header-group|table-footer-group|sw-resize|super|strict|static|square|solid|small-caps|separate|se-resize|scroll|s-resize|rtl|row-resize|ridge|right|repeat|repeat-y|repeat-x|relative|progress|pointer|overline|outside|outset|oblique|nowrap|not-allowed|normal|none|nw-resize|no-repeat|no-drop|newspaper|ne-resize|n-resize|move|middle|medium|ltr|lr-tb|lowercase|lower-roman|lower-alpha|loose|list-item|line|line-through|line-edge|lighter|left|keep-all|justify|italic|inter-word|inter-ideograph|inside|inset|inline|inline-block|inherit|inactive|ideograph-space|ideograph-parenthesis|ideograph-numeric|ideograph-alpha|horizontal|hidden|help|hand|groove|fixed|ellipsis|e-resize|double|dotted|distribute|distribute-space|distribute-letter|distribute-all-lines|disc|disabled|default|decimal|dashed|crosshair|collapse|col-resize|circle|char|center|capitalize|break-word|break-all|bottom|both|bolder|bold|block|bidi-override|below|baseline|auto|always|all-scroll|absolute|table|table-cell)\\b'
|
81
|
+
},
|
82
|
+
{
|
83
|
+
className: 'value',
|
84
|
+
begin: ':', end: ';',
|
85
|
+
contains: [
|
86
|
+
HEXCOLOR,
|
87
|
+
hljs.NUMBER_MODE,
|
88
|
+
hljs.QUOTE_STRING_MODE,
|
89
|
+
hljs.APOS_STRING_MODE,
|
90
|
+
{
|
91
|
+
className: 'important', begin: '!important'
|
92
|
+
}
|
93
|
+
]
|
94
|
+
},
|
95
|
+
{
|
96
|
+
className: 'at_rule',
|
97
|
+
begin: '@', end: '[{;]',
|
98
|
+
keywords: 'mixin include for extend charset import media page font-face namespace',
|
99
|
+
contains: [
|
100
|
+
FUNCTION,
|
101
|
+
hljs.QUOTE_STRING_MODE,
|
102
|
+
hljs.APOS_STRING_MODE,
|
103
|
+
HEXCOLOR,
|
104
|
+
hljs.NUMBER_MODE,
|
105
|
+
{
|
106
|
+
className: 'preprocessor',
|
107
|
+
begin: '\\s[A-Za-z0-9_.-]+',
|
108
|
+
relevance: 0
|
109
|
+
}
|
110
|
+
]
|
111
|
+
}
|
112
|
+
]
|
113
|
+
};
|
114
|
+
};
|