├── CNAME ├── stylus ├── extra │ ├── variable.styl │ └── mixins.styl ├── ohmycss.styl ├── state.styl ├── main.styl ├── column.styl ├── code.styl ├── search.styl ├── ohmycss.lite.styl ├── common.styl ├── dropdown.styl ├── nav.styl ├── button.styl ├── color.styl └── normalize.styl ├── README.md ├── bower.json ├── .gitignore ├── site ├── js │ ├── index.js │ ├── anchorific.min.js │ ├── anchorific.js │ └── jquery.min.js ├── stylus │ └── site.styl └── css │ ├── highlight.css │ └── site.css ├── package.json ├── LICENSE ├── gulpfile.js ├── dist └── css │ ├── ohmycss.lite.min.css │ ├── ohmycss.min.css │ ├── ohmycss.lite.css │ └── ohmycss.css ├── index.jade └── index.html /CNAME: -------------------------------------------------------------------------------- 1 | ohmycss.com -------------------------------------------------------------------------------- /stylus/extra/variable.styl: -------------------------------------------------------------------------------- 1 | nav-color = #3090e4 -------------------------------------------------------------------------------- /stylus/extra/mixins.styl: -------------------------------------------------------------------------------- 1 | text-height(n) 2 | height n 3 | line-height n -------------------------------------------------------------------------------- /stylus/ohmycss.styl: -------------------------------------------------------------------------------- 1 | @import './normalize' 2 | 3 | @import './ohmycss.lite' -------------------------------------------------------------------------------- /stylus/state.styl: -------------------------------------------------------------------------------- 1 | .state 2 | display inline-block 3 | 4 | [class*="state-"] 5 | color white -------------------------------------------------------------------------------- /stylus/main.styl: -------------------------------------------------------------------------------- 1 | h1 2 | font-size 36px 3 | 4 | h2 5 | font-size 30px 6 | 7 | h3 8 | font-size 24px 9 | 10 | h4 11 | font-size 18px 12 | 13 | h5 14 | font-size 14px 15 | -------------------------------------------------------------------------------- /stylus/column.styl: -------------------------------------------------------------------------------- 1 | .col-sm-3, .col-sm-6, .col-sm-9 2 | float left 3 | padding-left 15px 4 | padding-right 15px 5 | position relative 6 | 7 | .col-sm-3 8 | width 25% 9 | 10 | .col-sm-9 11 | width 75% -------------------------------------------------------------------------------- /stylus/code.styl: -------------------------------------------------------------------------------- 1 | code 2 | background #eee 3 | padding 3px 5px 4 | border-radius 2px 5 | font-weight 300 6 | font-size 13px 7 | 8 | pre 9 | background #eee 10 | padding 10px 11 | code 12 | padding 0 13 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | ## Oh My CSS 2 | 3 | Oh-My-CSS is a pure css framework designed for the minimalist. 4 | 5 | I'm working on this but slowly. 6 | 7 | ## Read first 8 | 9 | This project is used for my learning Stylus and Jade. 10 | 11 | ## Documentation 12 | 13 | [Official Guide](http://ohmycss.com/) 14 | 15 | ## License 16 | 17 | [MIT](LICENSE) 18 | 19 | -------------------------------------------------------------------------------- /stylus/search.styl: -------------------------------------------------------------------------------- 1 | .oh-search 2 | float left 3 | .oh-search-input 4 | display inline-block 5 | text-height 48px 6 | border none 7 | background transparent 8 | color #777 9 | padding 0 10px 10 | -webkit-transition background .2s ease 11 | transition background .2s ease 12 | &:focus 13 | background white 14 | .nav-inverse 15 | .oh-search 16 | .oh-search-input 17 | text-height 46px 18 | -------------------------------------------------------------------------------- /stylus/ohmycss.lite.styl: -------------------------------------------------------------------------------- 1 | body 2 | font-size 14px 3 | font-family 'Helvetica Neue', Helvetica, Arial, sans-serif 4 | line-height 1.4 5 | 6 | @import './extra/variable' 7 | 8 | @import './extra/mixins' 9 | 10 | @import './common' 11 | 12 | @import './column' 13 | 14 | @import './nav' 15 | 16 | @import './color' 17 | 18 | @import './code' 19 | 20 | @import './main' 21 | 22 | @import './button' 23 | 24 | @import './dropdown' 25 | 26 | @import './state' -------------------------------------------------------------------------------- /bower.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "ohmycss", 3 | "version": "0.1.3", 4 | "homepage": "https://github.com/0x142857/oh-my-css", 5 | "authors": [ 6 | "0x142857 <0x142857@gmail.com>" 7 | ], 8 | "description": "pure css framework for the minimalist", 9 | "main": "dist/css/ohmycss.css", 10 | "keywords": [ 11 | "css", 12 | "framework" 13 | ], 14 | "license": "MIT", 15 | "ignore": [ 16 | "**/.*", 17 | "node_modules", 18 | "bower_components", 19 | "site", 20 | "CNAME", 21 | "*.jade", 22 | "*.html", 23 | "test", 24 | "tests" 25 | ] 26 | } 27 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | 3 | # Compiled source # 4 | ################### 5 | *.com 6 | *.class 7 | *.dll 8 | *.exe 9 | *.o 10 | *.so 11 | 12 | # Packages # 13 | ############ 14 | # it's better to unpack these files and commit the raw source 15 | # git has its own built in compression methods 16 | *.7z 17 | *.dmg 18 | *.gz 19 | *.iso 20 | *.jar 21 | *.rar 22 | *.tar 23 | *.zip 24 | 25 | # Logs and databases # 26 | ###################### 27 | *.log 28 | *.sql 29 | *.sqlite 30 | 31 | # OS generated files # 32 | ###################### 33 | .DS_Store 34 | .DS_Store? 35 | ._* 36 | .Spotlight-V100 37 | .Trashes 38 | ehthumbs.db 39 | Thumbs.db -------------------------------------------------------------------------------- /stylus/common.styl: -------------------------------------------------------------------------------- 1 | * 2 | -webkit-box-sizing border-box 3 | -moz-box-sizing border-box 4 | box-sizing border-box 5 | 6 | a 7 | color #333 8 | text-decoration none 9 | 10 | ul 11 | padding-left 20px 12 | font-weight 300 13 | 14 | button, input 15 | outline none 16 | 17 | ::-webkit-input-placeholder 18 | color #777 19 | 20 | ::-moz-input-placeholder 21 | color #777 22 | 23 | .container 24 | padding 0 4% 25 | margin 0 auto 26 | 27 | .row 28 | margin-left -15px 29 | margin-right -15px 30 | 31 | .fr 32 | float right 33 | 34 | .fl 35 | float left 36 | 37 | nav, .container, .row, .sidebar, .button-group 38 | &:after 39 | display block 40 | content '.' 41 | clear both 42 | height 0 43 | visibility hidden 44 | -------------------------------------------------------------------------------- /site/js/index.js: -------------------------------------------------------------------------------- 1 | $('.oh-main').anchorific({ 2 | navigation: '.anchorific', // position of navigation 3 | speed: 200, // speed of sliding back to top 4 | anchorClass: 'anchor', // class of anchor links 5 | anchorText: '', // prepended or appended to anchor headings 6 | top: '.top', // back to top button or link class 7 | spy: true, // scroll spy 8 | position: 'append', // position of anchor text 9 | spyOffset: 0 // specify heading offset for spy scrolling 10 | }); 11 | 12 | var lastScrollTop = 0; 13 | $(window).scroll(function(event){ 14 | var st = $(this).scrollTop(); 15 | if (st > lastScrollTop && st > 40){ 16 | $('.anchorific').css('top','0'); 17 | } else { 18 | //up 19 | if(st < 20){ 20 | $('.anchorific').css('top','auto'); 21 | $('.anchorific li').removeClass('active'); 22 | } 23 | } 24 | lastScrollTop = st; 25 | }); -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "ohmycss", 3 | "version": "0.1.3", 4 | "description": "oh-my-css pure css framework", 5 | "main": "index.html", 6 | "scripts": { 7 | "test": "gulp run" 8 | }, 9 | "keywords": [ 10 | "css", 11 | "framwork", 12 | "front" 13 | ], 14 | "author": "0x142857 <0x142857@gmail.com>", 15 | "license": "MIT", 16 | "devDependencies": { 17 | "gulp": "^3.8.10", 18 | "gulp-highlight": "0.0.3", 19 | "gulp-jade": "^0.11.0", 20 | "gulp-stylus": "^2.0.0", 21 | "marked": "^0.3.2" 22 | }, 23 | "repository": { 24 | "type": "git", 25 | "url": "https://github.com/0x142857/oh-my-css.git" 26 | }, 27 | "bugs": { 28 | "url": "https://github.com/0x142857/oh-my-css/issues" 29 | }, 30 | "homepage": "https://github.com/0x142857/oh-my-css", 31 | "dependencies": { 32 | "gulp-cssmin": "^0.1.7", 33 | "gulp-rename": "^1.2.2", 34 | "nib": "^1.1.0" 35 | } 36 | } 37 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | (The MIT License) 2 | 3 | Copyright (c) 2015 Kchan Zen <0x142857@gmail.com> 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining 6 | a copy of this software and associated documentation files (the 7 | 'Software'), to deal in the Software without restriction, including 8 | without limitation the rights to use, copy, modify, merge, publish, 9 | distribute, sublicense, and/or sell copies of the Software, and to 10 | permit persons to whom the Software is furnished to do so, subject to 11 | the following conditions: 12 | 13 | The above copyright notice and this permission notice shall be 14 | included in all copies or substantial portions of the Software. 15 | 16 | THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND, 17 | EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF 18 | MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. 19 | IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY 20 | CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, 21 | TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE 22 | SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. -------------------------------------------------------------------------------- /stylus/dropdown.styl: -------------------------------------------------------------------------------- 1 | .dropdown 2 | position relative 3 | .dropdown-sep 4 | position absolute 5 | width 100% 6 | height 20px 7 | &:hover 8 | .dropdown-menu 9 | display block 10 | .dropdown-menu 11 | padding 5px 0 12 | background white 13 | border-radius 4px 14 | border 1px solid rgba(0,0,0,.1) 15 | margin 0 16 | list-style none 17 | padding-left 0 18 | display none 19 | position absolute 20 | left 0 21 | top 44px 22 | width 100% 23 | text-align left 24 | z-index 99999 25 | -webkit-box-shadow 0 10px 40px rgba(0,0,0,.06) 26 | box-shadow 0 10px 40px rgba(0,0,0,.06) 27 | li 28 | a 29 | display block 30 | padding 8px 15px 31 | &:hover 32 | color #262626 33 | background-color #f5f5f5 34 | &:before, &:after 35 | position absolute 36 | top -8px 37 | left 16px 38 | display block 39 | content " " 40 | width 0 41 | height 0 42 | border-bottom 8px solid #fff 43 | border-right 8px solid transparent 44 | border-left 8px solid transparent 45 | &:before 46 | top -9px 47 | border-bottom-color rgba(0,0,0,.1) -------------------------------------------------------------------------------- /site/stylus/site.styl: -------------------------------------------------------------------------------- 1 | .site 2 | .block 3 | margin-bottom 10px 4 | .fang 5 | width 4px 6 | height 4px 7 | .star 8 | height 48px 9 | line-height 68px 10 | .oh-h3 11 | color #3090e4 12 | border-bottom 1px solid #eee 13 | padding 20px 0 14 | font-weight 300 15 | .oh-h4 16 | color #3090e4 17 | font-weight 300 18 | padding 24px 0 15px 0 19 | .heading-example 20 | .oh-h3 21 | border-bottom none 22 | color #333 23 | padding 0 24 | font-weight 700 25 | .oh-h4 26 | color #333 27 | font-weight 700 28 | padding 0 29 | .sidebar 30 | position relative 31 | padding-top 20px 32 | bottom 70px 33 | .anchorific 34 | position fixed 35 | width 282px 36 | ul 37 | font-size 16px 38 | list-style none 39 | padding-left 0 40 | li 41 | &.active 42 | >a 43 | color #3090e4 44 | border-color #3090e4 45 | ul 46 | display block 47 | a 48 | color #999 49 | border-right 1px solid #eee 50 | display block 51 | padding 10px 0 10px 0 52 | &:hover 53 | color #333 54 | border-color #333 55 | ul 56 | padding-left 10px 57 | display none 58 | .main 59 | padding-top 10px 60 | padding-bottom 30px 61 | -------------------------------------------------------------------------------- /site/css/highlight.css: -------------------------------------------------------------------------------- 1 | .hljs{display:block;overflow-x:auto;padding:0.5em;color:#333;background:#f8f8f8;-webkit-text-size-adjust:none}.hljs-comment,.hljs-template_comment,.diff .hljs-header,.hljs-javadoc{color:#998;font-style:italic}.hljs-keyword,.css .rule .hljs-keyword,.hljs-winutils,.javascript .hljs-title,.nginx .hljs-title,.hljs-subst,.hljs-request,.hljs-status{color:#333;font-weight:bold}.hljs-number,.hljs-hexcolor,.ruby .hljs-constant{color:#008080}.hljs-string,.hljs-tag .hljs-value,.hljs-phpdoc,.hljs-dartdoc,.tex .hljs-formula{color:#d14}.hljs-title,.hljs-id,.scss .hljs-preprocessor{color:#900;font-weight:bold}.javascript .hljs-title,.hljs-list .hljs-keyword,.hljs-subst{font-weight:normal}.hljs-class .hljs-title,.hljs-type,.vhdl .hljs-literal,.tex .hljs-command{color:#458;font-weight:bold}.hljs-tag,.hljs-tag .hljs-title,.hljs-rules .hljs-property,.django .hljs-tag .hljs-keyword{color:#000080;font-weight:normal}.hljs-attribute,.hljs-variable,.lisp .hljs-body{color:#008080}.hljs-regexp{color:#009926}.hljs-symbol,.ruby .hljs-symbol .hljs-string,.lisp .hljs-keyword,.clojure .hljs-keyword,.scheme .hljs-keyword,.tex .hljs-special,.hljs-prompt{color:#990073}.hljs-built_in{color:#0086b3}.hljs-preprocessor,.hljs-pragma,.hljs-pi,.hljs-doctype,.hljs-shebang,.hljs-cdata{color:#999;font-weight:bold}.hljs-deletion{background:#fdd}.hljs-addition{background:#dfd}.diff .hljs-change{background:#0086b3}.hljs-chunk{color:#aaa} -------------------------------------------------------------------------------- /site/css/site.css: -------------------------------------------------------------------------------- 1 | .site .block { 2 | margin-bottom: 10px; 3 | } 4 | .site .fang { 5 | width: 4px; 6 | height: 4px; 7 | } 8 | .site .star { 9 | height: 48px; 10 | line-height: 68px; 11 | } 12 | .site .oh-h3 { 13 | color: #3090e4; 14 | border-bottom: 1px solid #eee; 15 | padding: 20px 0; 16 | font-weight: 300; 17 | } 18 | .site .oh-h4 { 19 | color: #3090e4; 20 | font-weight: 300; 21 | padding: 24px 0 15px 0; 22 | } 23 | .site .heading-example .oh-h3 { 24 | border-bottom: none; 25 | color: #333; 26 | padding: 0; 27 | font-weight: 700; 28 | } 29 | .site .heading-example .oh-h4 { 30 | color: #333; 31 | font-weight: 700; 32 | padding: 0; 33 | } 34 | .site .sidebar { 35 | position: relative; 36 | padding-top: 20px; 37 | bottom: 70px; 38 | } 39 | .site .sidebar .anchorific { 40 | position: fixed; 41 | width: 282px; 42 | } 43 | .site .sidebar ul { 44 | font-size: 16px; 45 | list-style: none; 46 | padding-left: 0; 47 | } 48 | .site .sidebar ul li.active >a { 49 | color: #3090e4; 50 | border-color: #3090e4; 51 | } 52 | .site .sidebar ul li.active ul { 53 | display: block; 54 | } 55 | .site .sidebar ul li a { 56 | color: #999; 57 | border-right: 1px solid #eee; 58 | display: block; 59 | padding: 10px 0 10px 0; 60 | } 61 | .site .sidebar ul li a:hover { 62 | color: #333; 63 | border-color: #333; 64 | } 65 | .site .sidebar ul ul { 66 | padding-left: 10px; 67 | display: none; 68 | } 69 | .site .main { 70 | padding-top: 10px; 71 | padding-bottom: 30px; 72 | } 73 | -------------------------------------------------------------------------------- /stylus/nav.styl: -------------------------------------------------------------------------------- 1 | nav 2 | &.nav 3 | text-height 48px 4 | background #f7f7f7 5 | h1 6 | &.oh-brand 7 | margin 0 8 | background white 9 | text-align center 10 | font-size 24px 11 | float left 12 | a 13 | display block 14 | padding 0 15px 15 | color #3090e4 16 | .oh-menu 17 | margin 0 18 | padding-left 0 19 | list-style none 20 | float left 21 | li 22 | float left 23 | a 24 | color #777 25 | padding 0 10px 26 | display block 27 | -webkit-transition background .2s ease 28 | transition background .2s ease 29 | &:hover 30 | color #333 31 | background-color #f0f0f0 32 | &.nav-inverse 33 | background-color white 34 | border-bottom 1px solid #eee 35 | h1 36 | &.oh-brand 37 | background-color #f9f9f9 38 | a 39 | text-height 47px 40 | .oh-menu 41 | li 42 | a 43 | &:hover 44 | background-color #f9f9f9 45 | &.nav-footer 46 | position relative 47 | background white 48 | padding 20px 0 0 0 49 | margin 20px 0 0 0 50 | border-top 1px solid #eee 51 | z-index 9999 52 | .oh-sitename 53 | font-size 18px 54 | margin 0 55 | .oh-copy 56 | margin-top 5px 57 | font-size 13px 58 | color #ccc 59 | a 60 | color #ccc 61 | &:hover 62 | color #3090e4 63 | 64 | @import './search' -------------------------------------------------------------------------------- /gulpfile.js: -------------------------------------------------------------------------------- 1 | var gulp = require('gulp'), 2 | stylus = require('gulp-stylus'), 3 | highlight = require('gulp-highlight'), 4 | jade = require('gulp-jade'), 5 | nib = require('nib'), 6 | cssmin = require('gulp-cssmin'), 7 | rename = require('gulp-rename') 8 | 9 | var paths = { 10 | site: ['./site/stylus/*.styl', './site/stylus/extra/*.styl'], 11 | styl: ['./stylus/*.styl'], 12 | stylMain: ['./stylus/ohmycss.styl', './stylus/ohmycss.lite.styl'], 13 | jade: ['./*.jade'] 14 | }; 15 | 16 | gulp.task('styl', function () { 17 | 18 | gulp.src(paths.stylMain) 19 | .pipe(stylus({ 20 | compress: false 21 | })) 22 | .pipe(gulp.dest('./dist/css')) 23 | .pipe(cssmin()) 24 | .pipe(rename({ 25 | suffix: '.min' 26 | })) 27 | .pipe(gulp.dest('./dist/css')) 28 | 29 | }); 30 | 31 | gulp.task('site', function () { 32 | 33 | gulp.src(paths.site) 34 | .pipe(stylus({ 35 | compress: false, 36 | use: nib(), 37 | import: ['nib'] 38 | })) 39 | .pipe(gulp.dest('./site/css')); 40 | 41 | }); 42 | 43 | 44 | gulp.task('jade', function () { 45 | gulp.src(paths.jade) 46 | .pipe(jade({ 47 | pretty: true, 48 | locals: { 49 | time: new Date().getTime() 50 | } 51 | })) 52 | .pipe(highlight()) 53 | .pipe(gulp.dest('./')); 54 | }); 55 | 56 | gulp.task('watch', function() { 57 | 58 | gulp.watch(paths.styl, ['styl']); 59 | gulp.watch(paths.jade,['jade']); 60 | gulp.watch(paths.site,['site']); 61 | 62 | }); 63 | 64 | gulp.task('default', ['jade', 'styl', 'site', 'watch']); -------------------------------------------------------------------------------- /stylus/button.styl: -------------------------------------------------------------------------------- 1 | .oh-button 2 | display inline-block 3 | margin-bottom 0 4 | font-weight 400 5 | text-align center 6 | vertical-align middle 7 | cursor pointer 8 | border 1px solid transparent 9 | white-space nowrap 10 | padding 6px 12px 11 | border-radius 2px 12 | 13 | .button-default 14 | color #333 15 | background-color #f5f5f5 16 | border-color #e7e7e7 17 | &:hover 18 | background-color white 19 | 20 | .button-green 21 | color #fff 22 | background-color #69db9b 23 | border-color #69db9b 24 | &:hover 25 | background-color #40d180 26 | border-color #2ebf6e 27 | 28 | .button-red 29 | color #fff 30 | background-color #d9534f 31 | border-color #d43f3a 32 | &:hover 33 | background-color #c9302c 34 | border-color #ac2925 35 | 36 | .button-blue 37 | color #fff 38 | background-color #1f8dd6 39 | border-color #1f8dd6 40 | &:hover 41 | background-color #0078e7 42 | border-color #0078e7 43 | 44 | .button-colorful 45 | border 1px solid transparent 46 | &:hover 47 | opacity 0.90 48 | 49 | // Button Size 50 | 51 | .button-large 52 | padding 10px 16px 53 | font-size 18px 54 | 55 | .button-small 56 | padding 5px 10px 57 | font-size 12px 58 | 59 | .button-mini 60 | padding 1px 5px 61 | font-size 12px 62 | 63 | // Button Group 64 | 65 | .button-group 66 | .oh-button 67 | float left 68 | .oh-button+.oh-button 69 | margin-left -1px 70 | border-radius 0 71 | .oh-button:first-child 72 | border-radius 2px 0 0 2px 73 | .oh-button:last-child 74 | border-radius 0 2px 2px 0 75 | -------------------------------------------------------------------------------- /stylus/color.styl: -------------------------------------------------------------------------------- 1 | make-color(color,border-color,background-color) 2 | color color !important 3 | background-color background-color !important 4 | border-color border-color !important 5 | 6 | serif-color(color) 7 | color color !important unless @color 8 | border-color color !important 9 | background-color white !important 10 | 11 | bg-color(color) 12 | color white !important unless @color 13 | background-color color !important 14 | border-color color !important unless @border-color 15 | 16 | .block 17 | padding 10px 18 | border-radius 2px 19 | border 1px solid #eee 20 | 21 | .white 22 | serif-color(white) 23 | .white-bg 24 | color #333 !important 25 | border-color #e7e7e7 !important 26 | bg-color(white) 27 | &:hover 28 | background-color #f7f7f7 !important 29 | 30 | .gray 31 | serif-color(#f5f5f5) 32 | .gray-bg 33 | make-color(#333,#e7e7e7,#f5f5f5) 34 | 35 | .light-purple 36 | serif-color(#ebcef5) 37 | .light-purple-bg 38 | make-color(white,#ebcef5,#ebcef5) 39 | 40 | .yellow 41 | serif-color(#ffe900) 42 | .yellow-bg 43 | make-color(white,#ffe900,#ffe900) 44 | 45 | .black 46 | serif-color(black) 47 | .black-bg 48 | make-color(white,black,black) 49 | 50 | .blue 51 | serif-color(#3f729b) 52 | .blue-bg 53 | make-color(white,#3f729b,#3f729b) 54 | 55 | .green 56 | serif-color(#009990) 57 | .green-bg 58 | make-color(white,#009990,#009990) 59 | 60 | .orange 61 | serif-color(#ff9610) 62 | .orange-bg 63 | make-color(white,#ff9610,#ff9610) 64 | 65 | .brown 66 | serif-color(#c28955) 67 | .brown-bg 68 | make-color(white,#c28955,#c28955) 69 | 70 | .pink 71 | serif-color(#ff82a6) 72 | .pink-bg 73 | make-color(white,#ff82a6,#ff82a6) 74 | 75 | .red 76 | serif-color(#d9534f) 77 | .red-bg 78 | make-color(white,#d9534f,#d9534f) 79 | 80 | .light-green 81 | serif-color(#f1504d) 82 | .light-green-bg 83 | make-color(white,#46b491,#46b491) 84 | -------------------------------------------------------------------------------- /site/js/anchorific.min.js: -------------------------------------------------------------------------------- 1 | /*! anchorific 2014-08-06 */ 2 | "function"!=typeof Object.create&&(Object.create=function(a){function b(){}return b.prototype=a,new b}),function(a,b,c,d){"use strict";var e={init:function(b,c){var d=this;d.elem=c,d.$elem=a(c),d.opt=a.extend({},this.opt,b),d.headers=d.$elem.find("h1, h2, h3, h4, h5, h6"),d.previous=0,0!==d.headers.length&&(d.first=parseInt(d.headers.prop("nodeName").substring(1),null)),d.build()},opt:{navigation:".anchorific",speed:200,anchorClass:"anchor",anchorText:"#",top:".top",spy:!0,position:"append",spyOffset:!0},build:function(){var b,c=this,d=function(){};c.opt.navigation&&(a(c.opt.navigation).append("