├── .gitignore ├── .travis.yml ├── CHANGELOG.md ├── LICENSE.md ├── README.md ├── package.json └── src ├── assets ├── fonts │ ├── Merriweather │ │ ├── Merriweather-Black.ttf │ │ ├── Merriweather-BlackItalic.ttf │ │ ├── Merriweather-Bold.ttf │ │ ├── Merriweather-BoldItalic.ttf │ │ ├── Merriweather-Italic.ttf │ │ ├── Merriweather-Light.ttf │ │ ├── Merriweather-LightItalic.ttf │ │ └── Merriweather-Regular.ttf │ └── OpenSans │ │ ├── OpenSans-Bold.eot │ │ ├── OpenSans-Bold.svg │ │ ├── OpenSans-Bold.ttf │ │ ├── OpenSans-Bold.woff │ │ ├── OpenSans-BoldItalic.eot │ │ ├── OpenSans-BoldItalic.svg │ │ ├── OpenSans-BoldItalic.ttf │ │ ├── OpenSans-BoldItalic.woff │ │ ├── OpenSans-ExtraBold.eot │ │ ├── OpenSans-ExtraBold.svg │ │ ├── OpenSans-ExtraBold.ttf │ │ ├── OpenSans-ExtraBold.woff │ │ ├── OpenSans-ExtraBoldItalic.eot │ │ ├── OpenSans-ExtraBoldItalic.svg │ │ ├── OpenSans-ExtraBoldItalic.ttf │ │ ├── OpenSans-ExtraBoldItalic.woff │ │ ├── OpenSans-Italic.eot │ │ ├── OpenSans-Italic.svg │ │ ├── OpenSans-Italic.ttf │ │ ├── OpenSans-Italic.woff │ │ ├── OpenSans-Light.eot │ │ ├── OpenSans-Light.svg │ │ ├── OpenSans-Light.ttf │ │ ├── OpenSans-Light.woff │ │ ├── OpenSans-LightItalic.eot │ │ ├── OpenSans-LightItalic.svg │ │ ├── OpenSans-LightItalic.ttf │ │ ├── OpenSans-LightItalic.woff │ │ ├── OpenSans-Regular.eot │ │ ├── OpenSans-Regular.svg │ │ ├── OpenSans-Regular.ttf │ │ ├── OpenSans-Regular.woff │ │ ├── OpenSans-Semibold.eot │ │ ├── OpenSans-Semibold.svg │ │ ├── OpenSans-Semibold.ttf │ │ ├── OpenSans-Semibold.woff │ │ ├── OpenSans-SemiboldItalic.eot │ │ ├── OpenSans-SemiboldItalic.svg │ │ ├── OpenSans-SemiboldItalic.ttf │ │ └── OpenSans-SemiboldItalic.woff └── img │ ├── favicon.png │ ├── heart.svg │ ├── logo.png │ └── logo.svg ├── html └── index.html ├── js └── index.js └── less ├── index.less ├── semantic ├── semantic.less ├── site │ ├── collections │ │ ├── breadcrumb.overrides │ │ ├── breadcrumb.variables │ │ ├── form.overrides │ │ ├── form.variables │ │ ├── grid.overrides │ │ ├── grid.variables │ │ ├── menu.overrides │ │ ├── menu.variables │ │ ├── message.overrides │ │ ├── message.variables │ │ ├── table.overrides │ │ └── table.variables │ ├── elements │ │ ├── .gitignore │ │ ├── button.overrides │ │ ├── button.variables │ │ ├── container.overrides │ │ ├── container.variables │ │ ├── divider.overrides │ │ ├── divider.variables │ │ ├── flag.overrides │ │ ├── flag.variables │ │ ├── header.overrides │ │ ├── header.variables │ │ ├── icon.overrides │ │ ├── icon.variables │ │ ├── image.overrides │ │ ├── image.variables │ │ ├── input.overrides │ │ ├── input.variables │ │ ├── label.overrides │ │ ├── label.variables │ │ ├── list.overrides │ │ ├── list.variables │ │ ├── loader.overrides │ │ ├── loader.variables │ │ ├── rail.overrides │ │ ├── rail.variables │ │ ├── reveal.overrides │ │ ├── reveal.variables │ │ ├── segment.overrides │ │ ├── segment.variables │ │ ├── step.overrides │ │ └── step.variables │ ├── globals │ │ ├── reset.overrides │ │ ├── reset.variables │ │ ├── site.overrides │ │ └── site.variables │ ├── modules │ │ ├── accordion.overrides │ │ ├── accordion.variables │ │ ├── chatroom.overrides │ │ ├── chatroom.variables │ │ ├── checkbox.overrides │ │ ├── checkbox.variables │ │ ├── dimmer.overrides │ │ ├── dimmer.variables │ │ ├── dropdown.overrides │ │ ├── dropdown.variables │ │ ├── embed.overrides │ │ ├── embed.variables │ │ ├── modal.overrides │ │ ├── modal.variables │ │ ├── nag.overrides │ │ ├── nag.variables │ │ ├── popup.overrides │ │ ├── popup.variables │ │ ├── progress.overrides │ │ ├── progress.variables │ │ ├── rating.overrides │ │ ├── rating.variables │ │ ├── search.overrides │ │ ├── search.variables │ │ ├── shape.overrides │ │ ├── shape.variables │ │ ├── sidebar.overrides │ │ ├── sidebar.variables │ │ ├── sticky.overrides │ │ ├── sticky.variables │ │ ├── tab.overrides │ │ ├── tab.variables │ │ ├── transition.overrides │ │ ├── transition.variables │ │ ├── video.overrides │ │ └── video.variables │ └── views │ │ ├── ad.overrides │ │ ├── ad.variables │ │ ├── card.overrides │ │ ├── card.variables │ │ ├── comment.overrides │ │ ├── comment.variables │ │ ├── feed.overrides │ │ ├── feed.variables │ │ ├── item.overrides │ │ ├── item.variables │ │ ├── statistic.overrides │ │ └── statistic.variables └── theme.config ├── shared ├── fonts.less ├── prism.less ├── styles.less └── variables.less └── variables.less /.gitignore: -------------------------------------------------------------------------------- 1 | /public 2 | /semantic 3 | /node_modules 4 | npm-debug.log 5 | semantic.json 6 | -------------------------------------------------------------------------------- /.travis.yml: -------------------------------------------------------------------------------- 1 | script: npm run deploy 2 | language: node_js 3 | node_js: 4 | - '6' 5 | env: 6 | global: 7 | - GH_REF: github.com/websemantics/pyrocms-cheatsheet.git 8 | - secure: Ncc/kpcl5XVj6QVFWNIZMnoHljmcRmxoj0HKkPMM0LGtoYRubCNaT5VORu0kqbY47rhglk+8WbX6JdlRBszIVhXdEnbzeslCF3aQPHWheIWgkgqQog23cTqTIfbpaXOEm5nqiIKnYgg3u+7W1peNQdU8xAuzJyef7+u/1B8nWXlhZ3P58b8ganRzDcPfowEWnRg3/Hjh2YYuSVpsCl4SVTG5J9xcQ+nt3+pZB+ft5bbB6ARKc6yw2askPZdWRbIs6vjn9vOUZDQ+0mMQM/JX7rqfwRmmQ2sKlHlQ1/i0aWXBAYfjGrC1T2NfnYodJ2tcDH4G3KBZLlfwMBfXKS/Mhu3ACf+XolTpeRSaOEUJ1bRyUk6oQkm2iDi/QpYyR7V8+u0UuxxbGGkZXM7VtFpVPKHzog1Rz/jtaMasvQ6Xkwwxmsb6u6FF/xMari53WuiyXsFfhnF1Hzl4NZkbEiFMBmjDEtUVH58A5/klcPmnI1IZ5ce00M3ScKXBI1UNSWjDYhJ15IZ9g7yyyst9aj/+YC5N+4mwDv2J3XIRSXfuf6xkpe3cWnVzVZsCRaSTsa9z5megkIU/BjDaFBHhATalyHr3G6+j2AVQmFEbAnev6UNiOcf5iCTmCIqCBNCi2xlKNXKB0lS2S1k6x0unLZBd/GOXkym6uqVYaaXoXjPIhTU= 9 | -------------------------------------------------------------------------------- /CHANGELOG.md: -------------------------------------------------------------------------------- 1 | ## Change Log 2 | All notable changes to this project will be documented in this section. 3 | 4 | ## [1.2.0] - 2017-03-21 5 | ### Changed 6 | - Update to [Masonry Plus 1.1.0](https://github.com/websemantics/masonry-plus) 7 | - Clean-up code 8 | 9 | ## [1.1.4] - 2016-08-20 10 | ### Changed 11 | - Use Prism Js instead of Google Syntax Highlighter 12 | - Read cheatsheets directly from README.md 13 | 14 | ## [1.1.3] - 2016-08-17 15 | ### Changed 16 | - Update logo 17 | - Add cheatsheets in Readme.md 18 | 19 | ## [1.1.2] - 2016-07-04 20 | ### Changed 21 | - Use Masonry Plus module 22 | 23 | ## [1.1.1] - 2016-06-17 24 | ### Changed 25 | - Update logo 26 | - Major code refactoring 27 | - Improved node-based build system 28 | 29 | ## [1.1.0] - 2016-05-23 30 | ### Changed 31 | - First release 32 | -------------------------------------------------------------------------------- /LICENSE.md: -------------------------------------------------------------------------------- 1 | #The MIT License (MIT) 2 | 3 | ###Copyright (c) 2017 Websemantics 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in 13 | all copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN 21 | THE SOFTWARE. -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | ``` 2 | 3 | + 4 | /\ 5 | //:\ 6 | //\\\\ _ 7 | ///\\\'\ /,\_ 8 | + /// \\\\\\ (____) 9 | /\ //''//\\ \.\ ( 10 | __ __ __ __ //\\ /// ///\\\\\\\ / 11 | |: | |''| |' | | | ///\\\//////.|. \\ .\\ ' 12 | | | ///;:\\\\\\///.|.\\\\ \:\ 13 | |: : |: |//////||\\\:\\\\'\ 14 | |: . . | \ __ __ __ __ _ |: ://;//,..';\\'\\\\\\ 15 | \ - - ----- - / |__|' ||: || |_ _| :_: |_| | 16 | | --- - - | | [ ] :| 17 | |: | --- - - :| __ __ __ __ __ __ 18 | _ _ : |_|: | /: | | | |: | | \.|' |_ 19 | | ____ _ _ _ __ _ ___ ___ _ _ _____ _ _ __ | 20 | | | , \ \ ' \ / ' ' / |: \\ : | 21 | | ,-. | \ \ / / | ,-. | | 22 | | |__) | \\ V / | |__) | 23 | |: ____/ \ / |: < __ . 24 | | | || |: | |: |\ \ / | / \ 25 | | | | ['_]: | | | \ \ |\ | \_,-/ | 26 | : |_ _ __| |_ _ ____. | | __ _| \ ____\ | ` __ \ ( / 27 | \/ \ ''-. `__,' 28 | | | / / \ \ 29 | | ( ( ) | | | | 30 | | ( ) ) ) ( \ \ / / 31 | ____) _ ___ __ _____ (___ _ _ ___ ___ _____ \ `-..-' / 32 | / _/ || | __|/ \_ _/' _/| || | __| __|_ _| <------\ '-_ __ / __ \ 33 | | \_| >< | _|| /\ || | `._`.| >< | _|| _| | | <------+===())))==) ) /=========== 34 | \__/_||_|___|_||_||_| |___/|_||_|___|___| |_| <------/ `--' `.__,' 35 | 36 | 37 | ⎯ ⎯⎯ ⎯⎯⎯⎯⎯ ∈ A list of commands and features for PyroCMS 3 ⎯⎯⎯⎯⎯⎯ ⎯⎯ ⎯ 38 | 39 | ``` 40 | > This document has the full list of commands, code samples and best use practices for PyroCMS 3 development under different categories. 41 | 42 | #### Try [Live App](http://websemantics.github.io/pyrocms-cheatsheet) for an enhanced user experience. 43 | 44 | ## Table of Contents 45 | 46 | - [Cheatsheets](#cheatsheets) 47 | - [Installation](#installation) 48 | - [Configuration](#configuration) 49 | - [Settings](#settings) 50 | - [Artisan](#artisan) 51 | - [Pyro Magic](#pyro-magic) 52 | - [Views](#views) 53 | - [Twig](#twig) 54 | - [Development](#development) 55 | - [Install](#install) 56 | - [Build](#build) 57 | - [Watch](#watch) 58 | - [Related](#related) 59 | - [Contribution](#contribution) 60 | - [Credits](#credits) 61 | - [License](#license) 62 | 63 | ## Cheatsheets 64 | 65 | ### Installation 66 | 67 | ```bash 68 | # Use 'create-project' command to install PyroCMS 69 | composer create-project pyrocms/pyrocms folder_name 70 | # Use '--prefer-source' flag for Windows environment 71 | composer create-project pyrocms/pyrocms --prefer-dist 72 | # Enable write permissions for some folders 73 | sudo chmod -R 777 path_to/pyrocms/storage 74 | sudo chmod -R 777 path_to/pyrocms/public/assets 75 | sudo chmod -R 777 path_to/pyrocms/bootstrap/cache 76 | # Or change PyroCMS folder ownership 77 | sudo chown -R user:admin path_to/pyrocms 78 | # Remove installer-module from composer.json then run, 79 | composer update 80 | ``` 81 | 82 | ### Configuration 83 | 84 | ```php 85 | // Overrid Streams configuration values at 86 | path_to/pyrocms/config/streams 87 | // Available config files for Streams located at 88 | path_to/pyrocms/vendor/anomaly/streams-platform 89 | /resources/config 90 | // Set application environment in .env, 'local' 91 | // 'staging' or 'production' 92 | APP_ENV = local 93 | // Edit .env config file to enable debug mode 94 | APP_DEBUG = true 95 | // Get current env variable in php 96 | $env = App::environment(); 97 | $env = app()->environment(); 98 | // Use config helper to access configuration values 99 | $value = config('app.locale'); 100 | // Set configuration values through config helper 101 | config(['app.locale' => 'fr']); 102 | // Get core configuration values 103 | $value = config('streams::assets.paths'); 104 | // Get Addon configuration, 'name' module 105 | $value = config('vendor.module.slug::name.key'); 106 | ``` 107 | 108 | ### Settings 109 | 110 | ```php 111 | // To read a value from the settings module inject 112 | // Anomaly\SettingsModule\Setting\Contract\SettingRepositoryInterface 113 | // into your class method then read the require field 114 | function index(SettingRepositoryInterface $settings) 115 | { 116 | $val = $settings->value( 117 | 'vendor.module.slug::field_name','default')); 118 | } 119 | ``` 120 | 121 | ### Artisan 122 | 123 | ```bash 124 | # Cache all configuration files into a single file 125 | php artisan config:cache 126 | # Turn-on maintenance mode 127 | php artisan down 128 | # Turn-off maintenance mode 129 | php artisan up 130 | # Set application key 131 | php artisan key:generate 132 | 133 | # ********* CACHE ********* 134 | 135 | # Clear compiled assets cache 136 | php artisan assets:clear 137 | # Clear views cache 138 | php artisan view:clear 139 | # Clear twig cache 140 | php artisan twig:clean 141 | # Clear streams entry models 142 | php artisan streams:cleanup 143 | # Clear the route cache file 144 | php artisan route:clear 145 | # Clear http cache 146 | php artisan httpcache:clear 147 | # Clear missing files from files table 148 | php artisan files:clean 149 | # Clear debug storage 150 | php artisan debugbar:clear 151 | # Clear configuration cache 152 | php artisan config:clear 153 | # Clear application cache 154 | php artisan cache:clear 155 | # Clear application cache 156 | php artisan cache:clear 157 | # Clear expired password rest tokens 158 | php artisan auth:clear-resets 159 | # Clear compiled class file 160 | php artisan clear-compiled 161 | 162 | # ********* STREAMS ********* 163 | 164 | # Create a stream migration (fields or stream) 165 | php artisan make:migration create_stream_fields 166 | --addon=vendor.module.slug 167 | 168 | # ********* ADDONS ********* 169 | 170 | # Create a theme 171 | php artisan make:addon vendor.theme.slug 172 | # Create a share module 173 | php artisan make:addon vendor.module.slug --shared 174 | # Create a plugin 175 | php artisan make:addon vendor.plugin.slug 176 | 177 | # ********* MODULES ********* 178 | 179 | # Install, uninstall and reinstall a module 180 | php artisan module:install vendor.module.slug 181 | php artisan module:uninstall vendor.module.slug 182 | php artisan module:reinstall vendor.module.slug 183 | # Seed a module streams 184 | php artisan db:seed --addon=vendor.module.slug 185 | 186 | # ********* MIGRATION ********* 187 | 188 | # Manage migrations manually 189 | php artisan migrate --addon=vendor.module.slug 190 | php artisan migrate:reset --addon=vendor.module.slug 191 | php artisan migrate:refresh --addon=vendor.module.slug 192 | ``` 193 | 194 | ### Pyro Magic 195 | 196 | ```bash 197 | #Your own Builder, add to bindings in service provider 198 | protected $bindings = [ 199 | 'login' => 'Vendor\CoolNameModule\Your\Namespace\LoginFormBuilder', 200 | ]; 201 | #Render with 202 | {{ form('login') }} 203 | 204 | #Form based on Streams (no builder required) 205 | {{ form({'stream': slug, 'namespace': farts}).buttons(['cancel']).redirect('foo/bar').successMessage('You are da winner!') }} 206 | ``` 207 | 208 | ### Views 209 | 210 | ```php 211 | // Return a view using 'view' helper function. 212 | // Views are location at: path_to/pyrocms/addons/ 213 | // shared/vendor/name-module/resources/views 214 | return view('vendor.module.slug::page', 215 | ['title' => 'app']); 216 | // Return a view from nested folder 'admin' 217 | return view('vendor.module.slug::admin.page', []); 218 | // Check if a view exists 219 | if (view()->exists('vendor.module.slug::page')) {} 220 | // Return a view from active theme 221 | return view('theme::page', $data); 222 | // Return a view from active module 223 | return view('module::page', $data); 224 | // Passing $data as an array with key/value pairs 225 | return view('module::page', ['name','Jo']); 226 | // Passing individual key/value using 'with' method 227 | return view('module::page')->with('name','Jo'); 228 | // Share data with all views. Place in Service 229 | // Provider's 'boot' method 230 | view()->share('key', 'value'); 231 | // To override core pyro views, insert this in your 232 | // module's service provider. The example below will 233 | // override the user login form with a view in your 234 | // module's resources folder: 235 | // 'resources\views\users\login.twig' 236 | protected $overrides = [ 237 | 'anomaly.module.users::login' => 238 | 'vendor.module.slug::core/users/login' 239 | ]; 240 | // Override the form view directly from plugin call 241 | {{ login_form({'options': {'form_view': 242 | 'vendor.module.slug::streams/form/form'}}) }} 243 | ``` 244 | 245 | ### Twig 246 | 247 | ```php 248 | # Access addon properties 249 | {{ addon('settings').installed }} 250 | # Access config properties 251 | {{ config('vendor.module.name::filename.property') }} 252 | // Loop through files 253 | {% for file in entry.example %} 254 | File {{ loop.index }} is a {{ file.mime_type }}. 255 | {% endfor %} 256 | // Insert image from the current theme 257 | {{ image_url('theme::img/image.png') }} 258 | // Embed a view partial 259 | {{ view("vendor.module.slug::partials/file") }} 260 | // Granular control over forms; user login form 261 | // as an example which shows how to add custom 262 | // CSS classes to the form and input elements. 263 | {% set form = login_form() %} 264 | {{ form.open({'class' : 'ui form'}) |raw }} 265 | {% for field in form.fields %} 266 | <div class="field"> 267 | <label>{{ field.label|raw }}</label> 268 | {{ field.setClass('custom class').input|raw }} 269 | </div> 270 | {% endfor %} 271 | {{ form.actions |raw }} 272 | {{ form.close() |raw }} 273 | ``` 274 | 275 | ## Development 276 | 277 | If you want to make code contribution, or use this code for your own project, here are some of the commands included in `package.json` to get you started. 278 | 279 | Clone this repo and install node dependencies 280 | ``` bash 281 | npm install 282 | ``` 283 | 284 | Build 285 | ``` bash 286 | npm run build 287 | ``` 288 | 289 | Watch 290 | ``` bash 291 | npm run watch 292 | ``` 293 | 294 | ## Support 295 | 296 | Need help or have a question? post at [StackOverflow](https://stackoverflow.com/questions/tagged/pyrocms-cheatsheet+pyrocms+websemantics). 297 | 298 | *Please don't use the issue trackers for support/questions.* 299 | 300 | *Star if you find this project useful, to show support or simply for being awesome :)* 301 | 302 | ## Contribution 303 | 304 | The [live app](http://websemantics.github.io/pyrocms-cheatsheet) was built to read and parse the markdown included in `README.md` and present it in a user-friendly manner. 305 | 306 | To contribute suggestions, best practices and or code samples for PyroCMS developments, please edit `README.md` and create a pull request. 307 | 308 | ## Related Projects 309 | 310 | - [PyroCMS](https://github.com/pyrocms/pyrocms), an MVC PHP Content Management System built to be easy to use, theme and develop with. It is used by individuals and organizations of all sizes around the world. 311 | - [PyroCMS Builder](https://github.com/websemantics/entity_builder-extension), scaffold your PyroCMS 3 apps in style for a more pleasurable and productive coding experience. 312 | - [Auto Pyro](https://github.com/websemantics/auto-pyro), a PyroCMS deploy tool for faster and more pleasurable development experience. 313 | - [Awesome PyroCMS](https://github.com/websemantics/awesome-pyrocms), a curated list of PyroCMS addons and resources. 314 | 315 | ## Credits 316 | 317 | This project was inspired by [Laravel5 Cheatsheet](https://github.com/summerblue/laravel5-cheatsheet) 318 | 319 | ## License 320 | 321 | [MIT license](http://opensource.org/licenses/mit-license.php) Copyright (c) Web Semantics, Inc. -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "pyrocms-cheatsheet", 3 | "version": "1.2.0", 4 | "description": "A quick reference cheat sheet for PyroCMS 3.", 5 | "homepage": "https://github.com/websemantics/pyrocms-cheatsheet", 6 | "main": "index.js", 7 | "private": true, 8 | "repository": { 9 | "type": "git", 10 | "url": "websemantics/pyrocms-cheatsheet.git" 11 | }, 12 | "config": { 13 | "minify": false, 14 | "deploy": { 15 | "name": "iAyeBot", 16 | "email": "iayebot@websemantics.ca", 17 | "branch": "master:gh-pages", 18 | "message": "Deploy to gh-pages" 19 | }, 20 | "semantic": { 21 | "install": true, 22 | "src": "./node_modules/semantic-ui/src/", 23 | "config": "./src/less/semantic/theme.config" 24 | }, 25 | "dir": { 26 | "src": "./src/", 27 | "dist": "./public/" 28 | } 29 | }, 30 | "scripts": { 31 | "postinstall": "[ \"$npm_package_config_semantic_install\" = \"true\" ] && npm run semantic ", 32 | "build": "npm run copy -s && npm run build:js -s && npm run build:css -s && npm run build:html -s && npm run build:cname -s ", 33 | "build:clean": "rm -rf $npm_package_config_dir_dist ", 34 | "build:init": "mkdir -p ${npm_package_config_dir_dist}js && mkdir -p ${npm_package_config_dir_dist}css", 35 | "build:html": "cp -r ${npm_package_config_dir_src}html/* $npm_package_config_dir_dist ", 36 | "build:cname": "[ ${npm_package_config_domain} ] && echo $npm_package_config_domain > \"${npm_package_config_dir_dist}CNAME\" || echo '' ", 37 | "build:css": "[ \"$npm_package_config_minify\" = \"true\" ] && npm run build:css:minify -s || npm run build:css:default -s ", 38 | "build:css:default": "lessc ${npm_package_config_dir_src}less/index.less ${npm_package_config_dir_dist}css/styles.css ", 39 | "build:css:minify": "lessc ${npm_package_config_dir_src}less/index.less | uglifycss > \"${npm_package_config_dir_dist}css/styles.css\" ", 40 | "build:js": "[ \"$npm_package_config_minify\" = \"true\" ] && npm run build:js:minify -s || npm run build:js:default -s ", 41 | "build:js:default": "browserify ${npm_package_config_dir_src}js/index.js -o ${npm_package_config_dir_dist}js/index.js ", 42 | "build:js:minify": "browserify ${npm_package_config_dir_src}js/index.js | uglifyjs -mc > \"${npm_package_config_dir_dist}js/index.js\" ", 43 | "build:development": "cross-env NODE_ENV=development npm run build ", 44 | "build:production": "cross-env NODE_ENV=production npm run build ", 45 | "prebuild": "npm run build:clean -s && npm run build:init -s ", 46 | "copy": "npm run copy:assets -s && npm run copy:fonts -s && npm run copy:default -s ", 47 | "copy:default": "# ", 48 | "copy:assets": "cp -r ${npm_package_config_dir_src}assets/* $npm_package_config_dir_dist ", 49 | "copy:fonts": "[ \"$npm_package_config_semantic_install\" = \"true\" ] && npm run semantic:fonts -s ", 50 | "deploy": "[ ${GH_TOKEN} ] && npm run deploy:travis -s || npm run deploy:local -s ", 51 | "deploy:local": "repository=$(echo $npm_package_repository_url | sed 's/.*+//') && cd $npm_package_config_dir_dist && git push --force --quiet $repository ${npm_package_config_deploy_branch} > /dev/null 2>&1 ", 52 | "deploy:travis": "cd $npm_package_config_dir_dist && git push --force --quiet \"https://${GH_TOKEN}@${GH_REF}\" ${npm_package_config_deploy_branch} > /dev/null 2>&1 ", 53 | "predeploy": "npm run build -s && cd $npm_package_config_dir_dist && git init && git config user.name $npm_package_config_deploy_name && git config user.email $npm_package_config_deploy_email && git add -A . && git commit -am \"$npm_package_config_deploy_message\" ", 54 | "semantic": "npm install semantic-ui --save", 55 | "semantic:init": "mkdir -p './semantic/src/definitions' && echo '{\"base\":\"semantic/\",\"paths\":{\"source\":{\"config\":\"src/theme.config\",\"definitions\":\"src/definitions/\",\"site\":\"src/site/\",\"themes\":\"src/themes/\"},\"output\":{\"packaged\":\"dist/\",\"uncompressed\":\"dist/components/\",\"compressed\":\"dist/components/\",\"themes\":\"dist/themes/\"},\"clean\":\"dist/\"},\"permission\":false,\"rtl\":false}' > './semantic.json' ", 56 | "semantic:fonts": "cp -r ${npm_package_config_semantic_src}themes/default/assets/fonts ${npm_package_config_dir_dist}fonts/semantic ", 57 | "presemantic": "npm run semantic:init -s ", 58 | "postsemantic": "echo \"@import '${npm_package_config_semantic_config}';\" > \"${npm_package_config_semantic_src}theme.config\" ", 59 | "watch": "nodemon -q -w $npm_package_config_dir_src --ext '.' --exec 'npm run build' ", 60 | "watch:js": "nodemon -q -w ${npm_package_config_dir_src}js --ext '.' --exec 'npm run build:js' ", 61 | "watch:css": "nodemon -q -w ${npm_package_config_dir_src}less --ext '.' --exec 'npm run build:css' ", 62 | "serve": "http-server -p 9090 $npm_package_config_dir_dist ", 63 | "live-reload": "live-reload --port 9091 $npm_package_config_dir_dist ", 64 | "open": "opener http://localhost:9090 ", 65 | "dev": "npm run open -s && parallelshell 'npm run live-reload -s' 'npm run serve -s' 'npm run watch -s' ", 66 | "test": "echo 'Error: no test specified' && exit 1 " 67 | }, 68 | "bugs": { 69 | "url": "https://github.com/websemantics/pyrocms-cheatsheet/issues" 70 | }, 71 | "keywords": [ 72 | "node.js", 73 | "ibuild.io", 74 | "pyrocms-cheatsheet" 75 | ], 76 | "author": "Adnan M.Sagar, PhD.", 77 | "license": "MIT", 78 | "devDependencies": { 79 | "babel-core": "^6.0.0", 80 | "babel-plugin-transform-runtime": "^6.0.0", 81 | "babel-preset-es2015": "^6.0.0", 82 | "babel-preset-stage-2": "^6.0.0", 83 | "babel-runtime": "^6.0.0", 84 | "babelify": "^7.2.0", 85 | "less": "*", 86 | "uglifycss": "*", 87 | "uglifyjs": "*", 88 | "browserify": "^12.0.1", 89 | "browserify-hmr": "^0.3.1", 90 | "cross-env": "^1.0.6", 91 | "http-server": "*", 92 | "nodemon": "*", 93 | "live-reload": "*", 94 | "opener": "*", 95 | "parallelshell": "*" 96 | }, 97 | "dependencies": { 98 | "gitters": "*", 99 | "handlebars": "*", 100 | "jquery": "^2.1.4", 101 | "jquery-highlight": "*", 102 | "markdown-html-ast": "*", 103 | "masonry-plus": "*", 104 | "prismjs": "*", 105 | "underscore.string": "*" 106 | }, 107 | "browserify": { 108 | "transform": [ 109 | "babelify" 110 | ] 111 | } 112 | } 113 | -------------------------------------------------------------------------------- /src/assets/fonts/Merriweather/Merriweather-Black.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/websemantics/pyrocms-cheatsheet/2ba032f778353b0547546e134a716e1a009bf499/src/assets/fonts/Merriweather/Merriweather-Black.ttf -------------------------------------------------------------------------------- /src/assets/fonts/Merriweather/Merriweather-BlackItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/websemantics/pyrocms-cheatsheet/2ba032f778353b0547546e134a716e1a009bf499/src/assets/fonts/Merriweather/Merriweather-BlackItalic.ttf -------------------------------------------------------------------------------- /src/assets/fonts/Merriweather/Merriweather-Bold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/websemantics/pyrocms-cheatsheet/2ba032f778353b0547546e134a716e1a009bf499/src/assets/fonts/Merriweather/Merriweather-Bold.ttf -------------------------------------------------------------------------------- /src/assets/fonts/Merriweather/Merriweather-BoldItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/websemantics/pyrocms-cheatsheet/2ba032f778353b0547546e134a716e1a009bf499/src/assets/fonts/Merriweather/Merriweather-BoldItalic.ttf -------------------------------------------------------------------------------- /src/assets/fonts/Merriweather/Merriweather-Italic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/websemantics/pyrocms-cheatsheet/2ba032f778353b0547546e134a716e1a009bf499/src/assets/fonts/Merriweather/Merriweather-Italic.ttf -------------------------------------------------------------------------------- /src/assets/fonts/Merriweather/Merriweather-Light.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/websemantics/pyrocms-cheatsheet/2ba032f778353b0547546e134a716e1a009bf499/src/assets/fonts/Merriweather/Merriweather-Light.ttf -------------------------------------------------------------------------------- /src/assets/fonts/Merriweather/Merriweather-LightItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/websemantics/pyrocms-cheatsheet/2ba032f778353b0547546e134a716e1a009bf499/src/assets/fonts/Merriweather/Merriweather-LightItalic.ttf -------------------------------------------------------------------------------- /src/assets/fonts/Merriweather/Merriweather-Regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/websemantics/pyrocms-cheatsheet/2ba032f778353b0547546e134a716e1a009bf499/src/assets/fonts/Merriweather/Merriweather-Regular.ttf -------------------------------------------------------------------------------- /src/assets/fonts/OpenSans/OpenSans-Bold.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/websemantics/pyrocms-cheatsheet/2ba032f778353b0547546e134a716e1a009bf499/src/assets/fonts/OpenSans/OpenSans-Bold.eot -------------------------------------------------------------------------------- /src/assets/fonts/OpenSans/OpenSans-Bold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/websemantics/pyrocms-cheatsheet/2ba032f778353b0547546e134a716e1a009bf499/src/assets/fonts/OpenSans/OpenSans-Bold.ttf -------------------------------------------------------------------------------- /src/assets/fonts/OpenSans/OpenSans-Bold.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/websemantics/pyrocms-cheatsheet/2ba032f778353b0547546e134a716e1a009bf499/src/assets/fonts/OpenSans/OpenSans-Bold.woff -------------------------------------------------------------------------------- /src/assets/fonts/OpenSans/OpenSans-BoldItalic.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/websemantics/pyrocms-cheatsheet/2ba032f778353b0547546e134a716e1a009bf499/src/assets/fonts/OpenSans/OpenSans-BoldItalic.eot -------------------------------------------------------------------------------- /src/assets/fonts/OpenSans/OpenSans-BoldItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/websemantics/pyrocms-cheatsheet/2ba032f778353b0547546e134a716e1a009bf499/src/assets/fonts/OpenSans/OpenSans-BoldItalic.ttf -------------------------------------------------------------------------------- /src/assets/fonts/OpenSans/OpenSans-BoldItalic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/websemantics/pyrocms-cheatsheet/2ba032f778353b0547546e134a716e1a009bf499/src/assets/fonts/OpenSans/OpenSans-BoldItalic.woff -------------------------------------------------------------------------------- /src/assets/fonts/OpenSans/OpenSans-ExtraBold.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/websemantics/pyrocms-cheatsheet/2ba032f778353b0547546e134a716e1a009bf499/src/assets/fonts/OpenSans/OpenSans-ExtraBold.eot -------------------------------------------------------------------------------- /src/assets/fonts/OpenSans/OpenSans-ExtraBold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/websemantics/pyrocms-cheatsheet/2ba032f778353b0547546e134a716e1a009bf499/src/assets/fonts/OpenSans/OpenSans-ExtraBold.ttf -------------------------------------------------------------------------------- /src/assets/fonts/OpenSans/OpenSans-ExtraBold.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/websemantics/pyrocms-cheatsheet/2ba032f778353b0547546e134a716e1a009bf499/src/assets/fonts/OpenSans/OpenSans-ExtraBold.woff -------------------------------------------------------------------------------- /src/assets/fonts/OpenSans/OpenSans-ExtraBoldItalic.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/websemantics/pyrocms-cheatsheet/2ba032f778353b0547546e134a716e1a009bf499/src/assets/fonts/OpenSans/OpenSans-ExtraBoldItalic.eot -------------------------------------------------------------------------------- /src/assets/fonts/OpenSans/OpenSans-ExtraBoldItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/websemantics/pyrocms-cheatsheet/2ba032f778353b0547546e134a716e1a009bf499/src/assets/fonts/OpenSans/OpenSans-ExtraBoldItalic.ttf -------------------------------------------------------------------------------- /src/assets/fonts/OpenSans/OpenSans-ExtraBoldItalic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/websemantics/pyrocms-cheatsheet/2ba032f778353b0547546e134a716e1a009bf499/src/assets/fonts/OpenSans/OpenSans-ExtraBoldItalic.woff -------------------------------------------------------------------------------- /src/assets/fonts/OpenSans/OpenSans-Italic.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/websemantics/pyrocms-cheatsheet/2ba032f778353b0547546e134a716e1a009bf499/src/assets/fonts/OpenSans/OpenSans-Italic.eot -------------------------------------------------------------------------------- /src/assets/fonts/OpenSans/OpenSans-Italic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/websemantics/pyrocms-cheatsheet/2ba032f778353b0547546e134a716e1a009bf499/src/assets/fonts/OpenSans/OpenSans-Italic.ttf -------------------------------------------------------------------------------- /src/assets/fonts/OpenSans/OpenSans-Italic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/websemantics/pyrocms-cheatsheet/2ba032f778353b0547546e134a716e1a009bf499/src/assets/fonts/OpenSans/OpenSans-Italic.woff -------------------------------------------------------------------------------- /src/assets/fonts/OpenSans/OpenSans-Light.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/websemantics/pyrocms-cheatsheet/2ba032f778353b0547546e134a716e1a009bf499/src/assets/fonts/OpenSans/OpenSans-Light.eot -------------------------------------------------------------------------------- /src/assets/fonts/OpenSans/OpenSans-Light.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/websemantics/pyrocms-cheatsheet/2ba032f778353b0547546e134a716e1a009bf499/src/assets/fonts/OpenSans/OpenSans-Light.ttf -------------------------------------------------------------------------------- /src/assets/fonts/OpenSans/OpenSans-Light.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/websemantics/pyrocms-cheatsheet/2ba032f778353b0547546e134a716e1a009bf499/src/assets/fonts/OpenSans/OpenSans-Light.woff -------------------------------------------------------------------------------- /src/assets/fonts/OpenSans/OpenSans-LightItalic.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/websemantics/pyrocms-cheatsheet/2ba032f778353b0547546e134a716e1a009bf499/src/assets/fonts/OpenSans/OpenSans-LightItalic.eot -------------------------------------------------------------------------------- /src/assets/fonts/OpenSans/OpenSans-LightItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/websemantics/pyrocms-cheatsheet/2ba032f778353b0547546e134a716e1a009bf499/src/assets/fonts/OpenSans/OpenSans-LightItalic.ttf -------------------------------------------------------------------------------- /src/assets/fonts/OpenSans/OpenSans-LightItalic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/websemantics/pyrocms-cheatsheet/2ba032f778353b0547546e134a716e1a009bf499/src/assets/fonts/OpenSans/OpenSans-LightItalic.woff -------------------------------------------------------------------------------- /src/assets/fonts/OpenSans/OpenSans-Regular.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/websemantics/pyrocms-cheatsheet/2ba032f778353b0547546e134a716e1a009bf499/src/assets/fonts/OpenSans/OpenSans-Regular.eot -------------------------------------------------------------------------------- /src/assets/fonts/OpenSans/OpenSans-Regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/websemantics/pyrocms-cheatsheet/2ba032f778353b0547546e134a716e1a009bf499/src/assets/fonts/OpenSans/OpenSans-Regular.ttf -------------------------------------------------------------------------------- /src/assets/fonts/OpenSans/OpenSans-Regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/websemantics/pyrocms-cheatsheet/2ba032f778353b0547546e134a716e1a009bf499/src/assets/fonts/OpenSans/OpenSans-Regular.woff -------------------------------------------------------------------------------- /src/assets/fonts/OpenSans/OpenSans-Semibold.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/websemantics/pyrocms-cheatsheet/2ba032f778353b0547546e134a716e1a009bf499/src/assets/fonts/OpenSans/OpenSans-Semibold.eot -------------------------------------------------------------------------------- /src/assets/fonts/OpenSans/OpenSans-Semibold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/websemantics/pyrocms-cheatsheet/2ba032f778353b0547546e134a716e1a009bf499/src/assets/fonts/OpenSans/OpenSans-Semibold.ttf -------------------------------------------------------------------------------- /src/assets/fonts/OpenSans/OpenSans-Semibold.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/websemantics/pyrocms-cheatsheet/2ba032f778353b0547546e134a716e1a009bf499/src/assets/fonts/OpenSans/OpenSans-Semibold.woff -------------------------------------------------------------------------------- /src/assets/fonts/OpenSans/OpenSans-SemiboldItalic.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/websemantics/pyrocms-cheatsheet/2ba032f778353b0547546e134a716e1a009bf499/src/assets/fonts/OpenSans/OpenSans-SemiboldItalic.eot -------------------------------------------------------------------------------- /src/assets/fonts/OpenSans/OpenSans-SemiboldItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/websemantics/pyrocms-cheatsheet/2ba032f778353b0547546e134a716e1a009bf499/src/assets/fonts/OpenSans/OpenSans-SemiboldItalic.ttf -------------------------------------------------------------------------------- /src/assets/fonts/OpenSans/OpenSans-SemiboldItalic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/websemantics/pyrocms-cheatsheet/2ba032f778353b0547546e134a716e1a009bf499/src/assets/fonts/OpenSans/OpenSans-SemiboldItalic.woff -------------------------------------------------------------------------------- /src/assets/img/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/websemantics/pyrocms-cheatsheet/2ba032f778353b0547546e134a716e1a009bf499/src/assets/img/favicon.png -------------------------------------------------------------------------------- /src/assets/img/heart.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /src/assets/img/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/websemantics/pyrocms-cheatsheet/2ba032f778353b0547546e134a716e1a009bf499/src/assets/img/logo.png -------------------------------------------------------------------------------- /src/assets/img/logo.svg: -------------------------------------------------------------------------------- 1 | 4 | -------------------------------------------------------------------------------- /src/html/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Cheatsheet 10 | 11 | 12 | 13 | 21 | 24 | 25 | 26 | 27 | 52 |
53 |
54 |
55 | 59 |
60 |
61 |

Cheatsheet

62 |
63 |
64 | 66 |
67 |
68 |
69 |
70 |
71 |
72 |
73 |
74 |
75 | 76 | 77 | 78 | 84 | 86 | 87 | 88 |
79 | 83 | 85 |

Cheatsheet

89 |
90 |
91 |
92 | 93 | 94 |
95 |
96 |
97 |
98 |
99 |
100 | 101 | 102 |
  103 |
104 | 105 | 106 |
  107 |
108 | 109 | 110 |
111 |
112 |
113 |
114 |
115 |
116 |
All
117 |
118 |
119 |
120 |
121 |
122 |
123 |
124 |
 
125 |
Built with 126 | 127 | 128 | 129 | 130 | 131 | 132 | 133 | 134 | 135 | 136 | by   137 |
138 |

Web Semantics, Inc.

139 |
140 |
141 | 142 | 143 | 144 | 145 | -------------------------------------------------------------------------------- /src/js/index.js: -------------------------------------------------------------------------------- 1 | /* 2 | | Cheatsheet : Generic project template 3 | | 4 | | @link http://websemantics.ca 5 | | @author Web Semantics, Inc. Dev Team 6 | | @author Adnan M.Sagar, PhD. 7 | └ */ 8 | 9 | window.jQuery = window.$ = require('jquery') 10 | window.Masonry = require('masonry-plus') 11 | window.Handlebars = require('handlebars') 12 | window.Prism = require('prismjs') 13 | window.Gitters = require('gitters') 14 | window.parse = require('markdown-html-ast').parse 15 | window._ = require("underscore.string") 16 | 17 | require('jquery-highlight') 18 | require('prismjs/components/prism-php') 19 | require('prismjs/components/prism-bash') 20 | require('semantic-ui/dist/components/sidebar') 21 | require('semantic-ui/dist/components/sticky') 22 | require('semantic-ui/dist/components/checkbox') 23 | require('semantic-ui/dist/components/tab') 24 | require('semantic-ui/dist/components/visibility') 25 | 26 | Gitters.defaults({ 27 | clearOnStart: false, 28 | }) 29 | 30 | $(function() { 31 | var masonry 32 | var lights = true 33 | var comments = true 34 | var icon = "file text outline" 35 | var title = "PyroCMS 3 Cheatsheet" 36 | var repo = 'websemantics/pyrocms-cheatsheet' 37 | var colors = ['red', 'orange', 'yellow', 'olive', 'green', 'teal', 'blue', 'violet', 'purple', 'pink', 'brown', 'grey'] 38 | var segment = Handlebars.compile($("#segment-template").html()) 39 | var button = Handlebars.compile($("#button-template").html()) 40 | 41 | /** 42 | * Called when all cheat files are fully loaded 43 | * 44 | * @return {void} 45 | */ 46 | function onCheatsheetsLoaded() { 47 | 48 | $('.toc .ui.sticky').sticky({ 49 | ontext: $('.pusher > .full.height') 50 | }) 51 | 52 | $('#slider').sidebar('attach events', '.launch.button, .view-ui, .launch.item') 53 | .sidebar('setting', { 54 | dimPage: false 55 | }) 56 | 57 | masonry = new Masonry('.masonry', { 58 | 'itemSelector': '.brick', 59 | columnWidth: '.brick' 60 | }) 61 | 62 | /* SETUP EVENTS */ 63 | 64 | /* Dismiss search highlights */ 65 | $(document).click(function(e) { 66 | $('body').unhighlight() 67 | }) 68 | 69 | /* Highlight search terms when search button is clicked */ 70 | $('.search-btn').click(function(event) { 71 | event.stopPropagation() 72 | $('body').highlight($('#sidebar-search').val()) 73 | }) 74 | 75 | /* Toggle buttons for light, comments and shuffles */ 76 | $('.lights-toggle').checkbox().click(toggleLights) 77 | $('.comments-toggle').checkbox().click(toggleComments) 78 | $('.shuffle-toggle').checkbox().click(function() { 79 | masonry.layout({ 80 | shuffle: true 81 | }) 82 | }) 83 | 84 | /* Search when 'enter' key is pressed */ 85 | $('.search-input').keypress(function(event) { 86 | event.stopPropagation() 87 | if (event.which == 13) { 88 | $('body .full.height').highlight($(this).val()) 89 | return false 90 | } 91 | }) 92 | 93 | /* Filter on button clicks */ 94 | $('.filter .button').on('click', function() { 95 | var filterValue = $(this).data('filter') 96 | $('#content')[filterValue === '*' ? 'removeClass' : 'addClass']('force-one') 97 | masonry.layout({ 98 | filter: filterValue 99 | }) 100 | }) 101 | 102 | toggleComments() 103 | toggleLights() 104 | } 105 | 106 | /** 107 | * Turn lights on / off 108 | * 109 | * @return {void} 110 | */ 111 | 112 | function toggleLights() { 113 | $('#header-search')[lights ? 'removeClass' : 'addClass']('inverted') 114 | $('.main.menu')[lights ? 'removeClass' : 'addClass']('inverted') 115 | $('.full.height .ui.segment')[lights ? 'removeClass' : 'addClass']('inverted') 116 | $('.full.height')[lights ? 'removeClass' : 'addClass']('inverted') 117 | $('.ui.container')[lights ? 'removeClass' : 'addClass']('inverted') 118 | $('.lights-toggle label').html(lights ? '' : '') 119 | $('.ui.inverted.menu .svg.logo')[lights ? 'removeClass' : 'addClass']('inverted') 120 | lights = !lights 121 | } 122 | 123 | /**[comments ? 'show' : 'hide'] 124 | * Turn comments on / off 125 | * 126 | * @return {void} 127 | */ 128 | 129 | function toggleComments() { 130 | $('.comments-toggle label').html(comments ? '' : '') 131 | $('span.token.comment')[comments ? 'show' : 'hide']() 132 | // Prism.highlightAll() 133 | masonry.layout() 134 | comments = !comments 135 | } 136 | 137 | /* change the title and read the cheatsheets from the project README.md */ 138 | 139 | $('.cheats-title').text(title) 140 | 141 | Gitters.fetch(repo, 'README.md', function(file) { 142 | 143 | var elements = parse(file.content).children, 144 | cheatsheets 145 | 146 | elements.forEach(function(item, index, elements) { 147 | 148 | /* mark the chaetsheets section, and parse all the relevent headings / code elements */ 149 | if (cheatsheets = cheatsheets ? item.element != 'h2' : item.element === 'h2' && 150 | item.value === 'Cheatsheets') { 151 | if(item.element === 'h3'){ 152 | 153 | var code = elements[index + 1] 154 | 155 | var data = { 156 | id: _.underscored(item.value), 157 | title: item.value, 158 | icon : icon, 159 | lang: code.language, 160 | color: colors[index % 13], 161 | content: Prism.highlight(code.value, Prism.languages[code.language]) 162 | } 163 | 164 | $('#content').append(segment(data)) 165 | $('.filter').append(button(data)) 166 | } 167 | } 168 | }) 169 | 170 | setTimeout(onCheatsheetsLoaded,300); 171 | }) 172 | }) 173 | -------------------------------------------------------------------------------- /src/less/index.less: -------------------------------------------------------------------------------- 1 | /** 2 | * @author Web Semantics, Inc. Dev Team 3 | * @author Adnan M.Sagar, PhD. 4 | * @copyright 2011-2015 Web Semantics, Inc. 5 | * @link http://websemantics.ca 6 | * @license https://opensource.org/licenses/MIT 7 | */ 8 | 9 | @import "semantic/semantic"; 10 | @import "variables"; 11 | @import "shared/fonts"; 12 | @import "shared/prism"; 13 | @import "shared/styles"; 14 | 15 | /* Highlight color */ 16 | .highlight { 17 | background-color: #2185d0; 18 | color: #fff; 19 | } 20 | .filter .button { 21 | margin: 0 0.45em 0.45em 0; 22 | } 23 | .ui.checkbox { 24 | /* only show icon of checkboxes */ 25 | label { 26 | padding-left: 0.2em !important; 27 | color: #E9E9E9!important; 28 | &.ui.icon:after, 29 | &.ui.icon:before { 30 | display: none; 31 | } 32 | &:after, 33 | &:before { 34 | display: none!important; 35 | } 36 | } 37 | } 38 | .ui.menu .item:before, 39 | /* hide divider between menu items */ 40 | .ui.inverted.menu .item:before, 41 | .ui.vertical.inverted.menu .item:before { 42 | background: none; 43 | } 44 | .ui.segment { 45 | box-shadow: none; 46 | .header { 47 | font-size: 14px; 48 | font-weight: bold; 49 | font-family: @secondFontName; 50 | } 51 | } 52 | 53 | .main.menu, 54 | .main.menu.placeholder, 55 | span.com { 56 | display: block; 57 | .ui.container { 58 | margin-left: 0 !important; 59 | margin-right: 0 !important; 60 | } 61 | /* header */ 62 | .header { 63 | margin-left: -1.3em; 64 | } 65 | @media only screen and (max-width: @narrowResolution) { 66 | .header { 67 | display: none!important; 68 | } 69 | } 70 | &.inverted { 71 | .header { 72 | color: @localPrimaryColor 73 | } 74 | } 75 | 76 | } 77 | span.com + .pln { 78 | white-space: normal; 79 | } 80 | .full.height { 81 | &.inverted { 82 | background-color: @invertedBackgroundColor; 83 | /* Give segment borders when inverted */ 84 | .ui.segment { 85 | border: 1px solid @whiteColor; 86 | } 87 | /* Give the divider inside a segement a color when inverted*/ 88 | .ui.divider:not(.vertical):not(.horizontal) { 89 | border-top: 1px solid @whiteColor; 90 | } 91 | } 92 | } 93 | .toc { 94 | .cheats-title { 95 | color: @localPrimaryColor; 96 | } 97 | } 98 | .masonry.force-one { 99 | .brick { 100 | width: ~"calc(100%)"!important; 101 | } 102 | } 103 | -------------------------------------------------------------------------------- /src/less/semantic/semantic.less: -------------------------------------------------------------------------------- 1 | /* 2 | | 3 | | ██╗ ██╗███████╗██████╗ ███████╗███████╗███╗ ███╗ █████╗ ███╗ ██╗████████╗██╗ ██████╗███████╗ 4 | | ██║ ██║██╔════╝██╔══██╗ ██╔════╝██╔════╝████╗ ████║██╔══██╗████╗ ██║╚══██╔══╝██║██╔════╝██╔════╝ 5 | | ██║ █╗ ██║█████╗ ██████╔╝ ███████╗█████╗ ██╔████╔██║███████║██╔██╗ ██║ ██║ ██║██║ ███████╗ 6 | | ██║███╗██║██╔══╝ ██╔══██╗ ╚════██║██╔══╝ ██║╚██╔╝██║██╔══██║██║╚██╗██║ ██║ ██║██║ ╚════██║ 7 | | ╚███╔███╔╝███████╗██████╔╝ ███████║███████╗██║ ╚═╝ ██║██║ ██║██║ ╚████║ ██║ ██║╚██████╗███████║ 8 | | ╚══╝╚══╝ ╚══════╝╚═════╝ ╚══════╝╚══════╝╚═╝ ╚═╝╚═╝ ╚═╝╚═╝ ╚═══╝ ╚═╝ ╚═╝ ╚═════╝╚══════╝ 9 | | 10 | | Import this file into your LESS project to use Semantic UI without build tools 11 | | 12 | └ */ 13 | 14 | /* Global */ 15 | & { @import "node_modules/semantic-ui/src/definitions/globals/reset"; } 16 | & { @import "node_modules/semantic-ui/src/definitions/globals/site"; } 17 | 18 | /* Elements */ 19 | & { @import "node_modules/semantic-ui/src/definitions/elements/button"; } 20 | & { @import "node_modules/semantic-ui/src/definitions/elements/container"; } 21 | & { @import "node_modules/semantic-ui/src/definitions/elements/divider"; } 22 | & { @import "node_modules/semantic-ui/src/definitions/elements/flag"; } 23 | & { @import "node_modules/semantic-ui/src/definitions/elements/header"; } 24 | & { @import "node_modules/semantic-ui/src/definitions/elements/icon"; } 25 | & { @import "node_modules/semantic-ui/src/definitions/elements/image"; } 26 | & { @import "node_modules/semantic-ui/src/definitions/elements/input"; } 27 | & { @import "node_modules/semantic-ui/src/definitions/elements/label"; } 28 | & { @import "node_modules/semantic-ui/src/definitions/elements/list"; } 29 | & { @import "node_modules/semantic-ui/src/definitions/elements/loader"; } 30 | & { @import "node_modules/semantic-ui/src/definitions/elements/rail"; } 31 | & { @import "node_modules/semantic-ui/src/definitions/elements/reveal"; } 32 | & { @import "node_modules/semantic-ui/src/definitions/elements/segment"; } 33 | & { @import "node_modules/semantic-ui/src/definitions/elements/step"; } 34 | 35 | /* Collections */ 36 | & { @import "node_modules/semantic-ui/src/definitions/collections/breadcrumb"; } 37 | & { @import "node_modules/semantic-ui/src/definitions/collections/form"; } 38 | & { @import "node_modules/semantic-ui/src/definitions/collections/grid"; } 39 | & { @import "node_modules/semantic-ui/src/definitions/collections/menu"; } 40 | & { @import "node_modules/semantic-ui/src/definitions/collections/message"; } 41 | & { @import "node_modules/semantic-ui/src/definitions/collections/table"; } 42 | 43 | /* Views */ 44 | & { @import "node_modules/semantic-ui/src/definitions/views/ad"; } 45 | & { @import "node_modules/semantic-ui/src/definitions/views/card"; } 46 | & { @import "node_modules/semantic-ui/src/definitions/views/comment"; } 47 | & { @import "node_modules/semantic-ui/src/definitions/views/feed"; } 48 | & { @import "node_modules/semantic-ui/src/definitions/views/item"; } 49 | & { @import "node_modules/semantic-ui/src/definitions/views/statistic"; } 50 | 51 | /* Modules */ 52 | & { @import "node_modules/semantic-ui/src/definitions/modules/accordion"; } 53 | & { @import "node_modules/semantic-ui/src/definitions/modules/checkbox"; } 54 | & { @import "node_modules/semantic-ui/src/definitions/modules/dimmer"; } 55 | & { @import "node_modules/semantic-ui/src/definitions/modules/dropdown"; } 56 | & { @import "node_modules/semantic-ui/src/definitions/modules/embed"; } 57 | & { @import "node_modules/semantic-ui/src/definitions/modules/modal"; } 58 | & { @import "node_modules/semantic-ui/src/definitions/modules/nag"; } 59 | & { @import "node_modules/semantic-ui/src/definitions/modules/popup"; } 60 | & { @import "node_modules/semantic-ui/src/definitions/modules/progress"; } 61 | & { @import "node_modules/semantic-ui/src/definitions/modules/rating"; } 62 | & { @import "node_modules/semantic-ui/src/definitions/modules/search"; } 63 | & { @import "node_modules/semantic-ui/src/definitions/modules/shape"; } 64 | & { @import "node_modules/semantic-ui/src/definitions/modules/sidebar"; } 65 | & { @import "node_modules/semantic-ui/src/definitions/modules/sticky"; } 66 | & { @import "node_modules/semantic-ui/src/definitions/modules/tab"; } 67 | & { @import "node_modules/semantic-ui/src/definitions/modules/transition"; } 68 | -------------------------------------------------------------------------------- /src/less/semantic/site/collections/breadcrumb.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/collections/breadcrumb.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/collections/form.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/collections/form.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/collections/grid.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/collections/grid.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/collections/menu.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/collections/menu.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/collections/message.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/collections/message.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/collections/table.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/collections/table.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/elements/.gitignore: -------------------------------------------------------------------------------- 1 | /public 2 | /semantic 3 | semantic.json 4 | /node_modules 5 | npm-debug.log 6 | -------------------------------------------------------------------------------- /src/less/semantic/site/elements/button.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/elements/button.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides ('./../../../variables') 3 | *******************************/ 4 | 5 | @fontFamily: @secondFontName; 6 | @background: @buttonBackground; 7 | @textColor: @buttonTextColor; 8 | @hoverColor: @buttonTextColor; 9 | @focusColor: @buttonTextColor; 10 | @downColor: @buttonTextColor; 11 | @activeColor: @buttonTextColor; 12 | @hoverBackgroundColor: @buttonHoverBackgroundColor; 13 | @focusBackgroundColor: @buttonFocusBackgroundColor; 14 | @downBackgroundColor: @buttonDownBackgroundColor; 15 | @activeBackgroundColor: @buttonActiveBackgroundColor; 16 | @activeHoverBackgroundColor: @buttonActiveHoverBackgroundColor; 17 | -------------------------------------------------------------------------------- /src/less/semantic/site/elements/container.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/elements/container.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/elements/divider.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/elements/divider.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/elements/flag.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/elements/flag.variables: -------------------------------------------------------------------------------- 1 | /*------------------- 2 | Flag Variables 3 | --------------------*/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/elements/header.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/elements/header.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/elements/icon.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/elements/icon.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/elements/image.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/elements/image.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/elements/input.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/elements/input.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides ('./../../../variables') 3 | *******************************/ 4 | 5 | @inputBackground: @baseInputBackground; 6 | @focusBorderColor: @baseFocusBorderColor; 7 | @inputColor: @baseInputColor; 8 | @downColor: @baseDownColor; 9 | @focusColor: @baseFocusColor; 10 | -------------------------------------------------------------------------------- /src/less/semantic/site/elements/label.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/elements/label.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/elements/list.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/elements/list.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/elements/loader.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/elements/loader.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/elements/rail.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/elements/rail.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/elements/reveal.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/elements/reveal.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/elements/segment.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/elements/segment.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/elements/step.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/elements/step.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/globals/reset.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/globals/reset.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Global Variables 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/globals/site.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/globals/site.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Global Variables ('./../../../variables') 3 | *******************************/ 4 | 5 | @importGoogleFonts : @baseImportGoogleFonts; 6 | @fontPath : @baseFontPath; 7 | @primaryColor: @basePrimaryColor; 8 | @lightPrimaryColor: @baseLightPrimaryColor; 9 | @emSize : @baseEmSize; 10 | @fontSize : @baseEmSize; 11 | @fontName: @baseFontName; 12 | @pageBackground: @basePageBackground; 13 | @headerFont: @secondFontName, sans-serif; 14 | @linkColor: @baseLinkColor; 15 | @linkHoverColor: @baseLinkHoverColor; 16 | @lineHeight: @baseLineHeight; 17 | @textColor: @baseTextColor; 18 | @darkTextColor: @baseDarkTextColor; 19 | @mutedTextColor: @baseMutedTextColor; 20 | @lightTextColor: @baseLightTextColor; 21 | -------------------------------------------------------------------------------- /src/less/semantic/site/modules/accordion.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/modules/accordion.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/modules/chatroom.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/modules/chatroom.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/modules/checkbox.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/modules/checkbox.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/modules/dimmer.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/modules/dimmer.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/modules/dropdown.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/modules/dropdown.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/modules/embed.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/modules/embed.variables: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/websemantics/pyrocms-cheatsheet/2ba032f778353b0547546e134a716e1a009bf499/src/less/semantic/site/modules/embed.variables -------------------------------------------------------------------------------- /src/less/semantic/site/modules/modal.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/modules/modal.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/modules/nag.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/modules/nag.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/modules/popup.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/modules/popup.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/modules/progress.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/modules/progress.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/modules/rating.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/modules/rating.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/modules/search.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/modules/search.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/modules/shape.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/modules/shape.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/modules/sidebar.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/modules/sidebar.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/modules/sticky.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/modules/sticky.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/modules/tab.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/modules/tab.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/modules/transition.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/modules/transition.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/modules/video.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Site Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/modules/video.variables: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/websemantics/pyrocms-cheatsheet/2ba032f778353b0547546e134a716e1a009bf499/src/less/semantic/site/modules/video.variables -------------------------------------------------------------------------------- /src/less/semantic/site/views/ad.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/views/ad.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/views/card.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/views/card.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/views/comment.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/views/comment.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/views/feed.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/views/feed.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/views/item.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/views/item.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides ('./../../../variables') 3 | *******************************/ 4 | 5 | @headerColor: @baseHeaderColor; 6 | @metaMargin: @baseMetaMargin; 7 | @metaColor: @baseMetaColor; 8 | @dividedBorder: @baseDividedBorder; 9 | -------------------------------------------------------------------------------- /src/less/semantic/site/views/statistic.overrides: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/site/views/statistic.variables: -------------------------------------------------------------------------------- 1 | /******************************* 2 | User Variable Overrides 3 | *******************************/ 4 | -------------------------------------------------------------------------------- /src/less/semantic/theme.config: -------------------------------------------------------------------------------- 1 | /* 2 | | 3 | | 4 | | ██╗ ██╗███████╗██████╗ ███████╗███████╗███╗ ███╗ █████╗ ███╗ ██╗████████╗██╗ ██████╗███████╗ 5 | | ██║ ██║██╔════╝██╔══██╗ ██╔════╝██╔════╝████╗ ████║██╔══██╗████╗ ██║╚══██╔══╝██║██╔════╝██╔════╝ 6 | | ██║ █╗ ██║█████╗ ██████╔╝ ███████╗█████╗ ██╔████╔██║███████║██╔██╗ ██║ ██║ ██║██║ ███████╗ 7 | | ██║███╗██║██╔══╝ ██╔══██╗ ╚════██║██╔══╝ ██║╚██╔╝██║██╔══██║██║╚██╗██║ ██║ ██║██║ ╚════██║ 8 | | ╚███╔███╔╝███████╗██████╔╝ ███████║███████╗██║ ╚═╝ ██║██║ ██║██║ ╚████║ ██║ ██║╚██████╗███████║ 9 | | ╚══╝╚══╝ ╚══════╝╚═════╝ ╚══════╝╚══════╝╚═╝ ╚═╝╚═╝ ╚═╝╚═╝ ╚═══╝ ╚═╝ ╚═╝ ╚═════╝╚══════╝ 10 | | 11 | | 12 | | ████████╗ ██╗ ██╗ ███████╗ ███╗ ███╗ ███████╗ 13 | | ╚══██╔══╝ ██║ ██║ ██╔════╝ ████╗ ████║ ██╔════╝ 14 | | ██║ ███████║ █████╗ ██╔████╔██║ █████╗ 15 | | ██║ ██╔══██║ ██╔══╝ ██║╚██╔╝██║ ██╔══╝ 16 | | ██║ ██║ ██║ ███████╗ ██║ ╚═╝ ██║ ███████╗ 17 | | ╚═╝ ╚═╝ ╚═╝ ╚══════╝ ╚═╝ ╚═╝ ╚══════╝ 18 | └ */ 19 | 20 | /******************************* 21 | Theme Selection 22 | *******************************/ 23 | 24 | /* To override a theme for an individual element 25 | specify theme name below 26 | */ 27 | 28 | /* Global */ 29 | @site : 'default'; 30 | @reset : 'default'; 31 | 32 | /* Elements */ 33 | @button : 'default'; 34 | @container : 'default'; 35 | @divider : 'default'; 36 | @flag : 'default'; 37 | @header : 'default'; 38 | @icon : 'default'; 39 | @image : 'default'; 40 | @input : 'default'; 41 | @label : 'default'; 42 | @list : 'default'; 43 | @loader : 'default'; 44 | @rail : 'default'; 45 | @reveal : 'default'; 46 | @segment : 'default'; 47 | @step : 'default'; 48 | 49 | /* Collections */ 50 | @breadcrumb : 'default'; 51 | @form : 'default'; 52 | @grid : 'default'; 53 | @menu : 'default'; 54 | @message : 'default'; 55 | @table : 'default'; 56 | 57 | /* Modules */ 58 | @accordion : 'default'; 59 | @checkbox : 'default'; 60 | @dimmer : 'default'; 61 | @dropdown : 'default'; 62 | @embed : 'default'; 63 | @modal : 'default'; 64 | @nag : 'default'; 65 | @popup : 'default'; 66 | @progress : 'default'; 67 | @rating : 'default'; 68 | @search : 'default'; 69 | @shape : 'default'; 70 | @sidebar : 'default'; 71 | @sticky : 'default'; 72 | @tab : 'default'; 73 | @transition : 'default'; 74 | 75 | /* Views */ 76 | @ad : 'default'; 77 | @card : 'default'; 78 | @comment : 'default'; 79 | @feed : 'default'; 80 | @item : 'default'; 81 | @statistic : 'default'; 82 | 83 | /******************************* 84 | Folders 85 | *******************************/ 86 | 87 | /* Path to theme packages */ 88 | @themesFolder : 'node_modules/semantic-ui/src/themes'; 89 | 90 | /* Path to site override folder */ 91 | @siteFolder : 'src/less/semantic/site'; 92 | 93 | /******************************* 94 | Import Theme 95 | *******************************/ 96 | 97 | @import "node_modules/semantic-ui/src/theme.less"; 98 | 99 | /* End Config */ 100 | -------------------------------------------------------------------------------- /src/less/shared/fonts.less: -------------------------------------------------------------------------------- 1 | /* Merriweather @font-face kit */ 2 | 3 | @font-face { 4 | font-family: 'Merriweather'; 5 | src: url('../fonts/Merriweather/Merriweather-Light.ttf') format('truetype'); 6 | font-weight: 300; 7 | font-style: normal; 8 | } 9 | 10 | @font-face { 11 | font-family: 'Merriweather'; 12 | src: url('../fonts/Merriweather/Merriweather-LightItalic.ttf') format('truetype'); 13 | font-weight: 300; 14 | font-style: italic; 15 | } 16 | 17 | @font-face { 18 | font-family: 'Merriweather'; 19 | src: url('../fonts/Merriweather/Merriweather-Regular.ttf') format('truetype'); 20 | font-weight: normal; 21 | font-style: normal; 22 | } 23 | 24 | @font-face { 25 | font-family: 'Merriweather'; 26 | src: url('../fonts/Merriweather/Italic/OpenSans-Italic.eot'); 27 | src: url('../fonts/Merriweather/Merriweather-Italic.ttf') format('truetype'); 28 | font-weight: normal; 29 | font-style: italic; 30 | } 31 | 32 | @font-face { 33 | font-family: 'Merriweather'; 34 | src: url('../fonts/Merriweather/Merriweather-Bold.ttf') format('truetype'); 35 | font-weight: bold; 36 | font-style: normal; 37 | } 38 | 39 | @font-face { 40 | font-family: 'Merriweather'; 41 | src: url('../fonts/Merriweather/Merriweather-BoldItalic.ttf') format('truetype'); 42 | font-weight: bold; 43 | font-style: italic; 44 | } 45 | 46 | @font-face { 47 | font-family: 'Merriweather'; 48 | src: url('../fonts/Merriweather/Merriweather-Black.ttf') format('truetype'); 49 | font-weight: 800; 50 | font-style: normal; 51 | } 52 | 53 | @font-face { 54 | font-family: 'Merriweather'; 55 | src: url('../fonts/Merriweather/Merriweather-HeavyItalic.ttf') format('truetype'); 56 | font-weight: 800; 57 | font-style: italic; 58 | } 59 | 60 | /* Open Sans @font-face kit */ 61 | 62 | @font-face { 63 | font-family: 'Open Sans'; 64 | src: url('../fonts/OpenSans/OpenSans-Light.eot'); 65 | src: url('../fonts/OpenSans/OpenSans-Light.eot?#iefix') format('embedded-opentype'), 66 | url('../fonts/OpenSans/OpenSans-Light.woff') format('woff'), 67 | url('../fonts/OpenSans/OpenSans-Light.ttf') format('truetype'), 68 | url('../fonts/OpenSans/OpenSans-Light.svg#open_sanslight') format('svg'); 69 | font-weight: 300; 70 | font-style: normal; 71 | } 72 | 73 | @font-face { 74 | font-family: 'Open Sans'; 75 | src: url('../fonts/OpenSans/OpenSans-LightItalic.eot'); 76 | src: url('../fonts/OpenSans/OpenSans-LightItalic.eot?#iefix') format('embedded-opentype'), 77 | url('../fonts/OpenSans/OpenSans-LightItalic.woff') format('woff'), 78 | url('../fonts/OpenSans/OpenSans-LightItalic.ttf') format('truetype'), 79 | url('../fonts/OpenSans/OpenSans-LightItalic.svg#open_sanslight_italic') format('svg'); 80 | font-weight: 300; 81 | font-style: italic; 82 | } 83 | 84 | @font-face { 85 | font-family: 'Open Sans'; 86 | src: url('../fonts/OpenSans/OpenSans-Regular.eot'); 87 | src: url('../fonts/OpenSans/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), 88 | url('../fonts/OpenSans/OpenSans-Regular.woff') format('woff'), 89 | url('../fonts/OpenSans/OpenSans-Regular.ttf') format('truetype'), 90 | url('../fonts/OpenSans/OpenSans-Regular.svg#open_sansregular') format('svg'); 91 | font-weight: normal; 92 | font-style: normal; 93 | } 94 | 95 | @font-face { 96 | font-family: 'Open Sans'; 97 | src: url('../fonts/OpenSans/OpenSans-Italic.eot'); 98 | src: url('../fonts/OpenSans/OpenSans-Italic.eot?#iefix') format('embedded-opentype'), 99 | url('../fonts/OpenSans/OpenSans-Italic.woff') format('woff'), 100 | url('../fonts/OpenSans/OpenSans-Italic.ttf') format('truetype'), 101 | url('../fonts/OpenSans/OpenSans-Italic.svg#open_sansitalic') format('svg'); 102 | font-weight: normal; 103 | font-style: italic; 104 | } 105 | 106 | @font-face { 107 | font-family: 'Open Sans'; 108 | src: url('../fonts/OpenSans/OpenSans-Semibold.eot'); 109 | src: url('../fonts/OpenSans/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'), 110 | url('../fonts/OpenSans/OpenSans-Semibold.woff') format('woff'), 111 | url('../fonts/OpenSans/OpenSans-Semibold.ttf') format('truetype'), 112 | url('../fonts/OpenSans/OpenSans-Semibold.svg#open_sanssemibold') format('svg'); 113 | font-weight: 600; 114 | font-style: normal; 115 | } 116 | 117 | @font-face { 118 | font-family: 'Open Sans'; 119 | src: url('../fonts/OpenSans/OpenSans-SemiboldItalic.eot'); 120 | src: url('../fonts/OpenSans/OpenSans-SemiboldItalic.eot?#iefix') format('embedded-opentype'), 121 | url('../fonts/OpenSans/OpenSans-SemiboldItalic.woff') format('woff'), 122 | url('../fonts/OpenSans/OpenSans-SemiboldItalic.ttf') format('truetype'), 123 | url('../fonts/OpenSans/OpenSans-SemiboldItalic.svg#open_sanssemibold_italic') format('svg'); 124 | font-weight: 600; 125 | font-style: italic; 126 | } 127 | 128 | @font-face { 129 | font-family: 'Open Sans'; 130 | src: url('../fonts/OpenSans/OpenSans-Bold.eot'); 131 | src: url('../fonts/OpenSans/OpenSans-Bold.eot?#iefix') format('embedded-opentype'), 132 | url('../fonts/OpenSans/OpenSans-Bold.woff') format('woff'), 133 | url('../fonts/OpenSans/OpenSans-Bold.ttf') format('truetype'), 134 | url('../fonts/OpenSans/OpenSans-Bold.svg#open_sansbold') format('svg'); 135 | font-weight: 700; 136 | font-style: normal; 137 | } 138 | 139 | @font-face { 140 | font-family: 'Open Sans'; 141 | src: url('../fonts/OpenSans/OpenSans-BoldItalic.eot'); 142 | src: url('../fonts/OpenSans/OpenSans-BoldItalic.eot?#iefix') format('embedded-opentype'), 143 | url('../fonts/OpenSans/OpenSans-BoldItalic.woff') format('woff'), 144 | url('../fonts/OpenSans/OpenSans-BoldItalic.ttf') format('truetype'), 145 | url('../fonts/OpenSans/OpenSans-BoldItalic.svg#open_sansbold_italic') format('svg'); 146 | font-weight: 700; 147 | font-style: italic; 148 | } 149 | 150 | @font-face { 151 | font-family: 'Open Sans'; 152 | src: url('../fonts/OpenSans/OpenSans-ExtraBold.eot'); 153 | src: url('../fonts/OpenSans/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'), 154 | url('../fonts/OpenSans/OpenSans-ExtraBold.woff') format('woff'), 155 | url('../fonts/OpenSans/OpenSans-ExtraBold.ttf') format('truetype'), 156 | url('../fonts/OpenSans/OpenSans-ExtraBold.svg#open_sansextrabold') format('svg'); 157 | font-weight: 800; 158 | font-style: normal; 159 | } 160 | 161 | @font-face { 162 | font-family: 'Open Sans'; 163 | src: url('../fonts/OpenSans/OpenSans-ExtraBoldItalic.eot'); 164 | src: url('../fonts/OpenSans/OpenSans-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'), 165 | url('../fonts/OpenSans/OpenSans-ExtraBoldItalic.woff') format('woff'), 166 | url('../fonts/OpenSans/OpenSans-ExtraBoldItalic.ttf') format('truetype'), 167 | url('../fonts/OpenSans/OpenSans-ExtraBoldItalic.svg#open_sansextrabold_italic') format('svg'); 168 | font-weight: 800; 169 | font-style: italic; 170 | } 171 | -------------------------------------------------------------------------------- /src/less/shared/prism.less: -------------------------------------------------------------------------------- 1 | code[class*="language-"], 2 | pre[class*="language-"] { 3 | color: black; 4 | background: none; 5 | text-shadow: 0 1px white; 6 | font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; 7 | text-align: left; 8 | white-space: pre; 9 | word-spacing: normal; 10 | word-break: normal; 11 | word-wrap: normal; 12 | line-height: 1.5; 13 | 14 | -moz-tab-size: 4; 15 | -o-tab-size: 4; 16 | tab-size: 4; 17 | 18 | -webkit-hyphens: none; 19 | -moz-hyphens: none; 20 | -ms-hyphens: none; 21 | hyphens: none; 22 | } 23 | 24 | pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection, 25 | code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection { 26 | text-shadow: none; 27 | background: #b3d4fc; 28 | } 29 | 30 | pre[class*="language-"]::selection, pre[class*="language-"] ::selection, 31 | code[class*="language-"]::selection, code[class*="language-"] ::selection { 32 | text-shadow: none; 33 | background: #b3d4fc; 34 | } 35 | 36 | @media print { 37 | code[class*="language-"], 38 | pre[class*="language-"] { 39 | text-shadow: none; 40 | } 41 | } 42 | 43 | /* Code blocks */ 44 | pre[class*="language-"] { 45 | padding: 1em; 46 | margin: .5em 0; 47 | overflow: auto; 48 | } 49 | 50 | :not(pre) > code[class*="language-"], 51 | pre[class*="language-"] { 52 | background: #f5f2f0; 53 | } 54 | 55 | /* Inline code */ 56 | :not(pre) > code[class*="language-"] { 57 | padding: .1em; 58 | border-radius: .3em; 59 | white-space: normal; 60 | } 61 | 62 | .token.comment, 63 | .token.prolog, 64 | .token.doctype, 65 | .token.cdata { 66 | color: slategray; 67 | } 68 | 69 | .token.punctuation { 70 | color: #999; 71 | } 72 | 73 | .namespace { 74 | opacity: .7; 75 | } 76 | 77 | .token.property, 78 | .token.tag, 79 | .token.boolean, 80 | .token.number, 81 | .token.constant, 82 | .token.symbol, 83 | .token.deleted { 84 | color: #905; 85 | } 86 | 87 | .token.selector, 88 | .token.attr-name, 89 | .token.string, 90 | .token.char, 91 | .token.builtin, 92 | .token.inserted { 93 | color: #690; 94 | } 95 | 96 | .token.operator, 97 | .token.entity, 98 | .token.url, 99 | .language-css .token.string, 100 | .style .token.string { 101 | color: #a67f59; 102 | background: hsla(0, 0%, 100%, .5); 103 | } 104 | 105 | .token.atrule, 106 | .token.attr-value, 107 | .token.keyword { 108 | color: #07a; 109 | } 110 | 111 | .token.function { 112 | color: #DD4A68; 113 | } 114 | 115 | .token.regex, 116 | .token.important, 117 | .token.variable { 118 | color: #e90; 119 | } 120 | 121 | .token.important, 122 | .token.bold { 123 | font-weight: bold; 124 | } 125 | .token.italic { 126 | font-style: italic; 127 | } 128 | 129 | .token.entity { 130 | cursor: help; 131 | } 132 | 133 | .inverted { 134 | 135 | /** 136 | * okaidia theme for JavaScript, CSS and HTML 137 | * Loosely based on Monokai textmate theme by http://www.monokai.nl/ 138 | * @author ocodia 139 | */ 140 | 141 | code[class*="language-"], 142 | pre[class*="language-"] { 143 | color: #f8f8f2; 144 | background: none; 145 | text-shadow: 0 1px rgba(0, 0, 0, 0.3); 146 | font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; 147 | text-align: left; 148 | white-space: pre; 149 | word-spacing: normal; 150 | word-break: normal; 151 | word-wrap: normal; 152 | line-height: 1.5; 153 | 154 | -moz-tab-size: 4; 155 | -o-tab-size: 4; 156 | tab-size: 4; 157 | 158 | -webkit-hyphens: none; 159 | -moz-hyphens: none; 160 | -ms-hyphens: none; 161 | hyphens: none; 162 | } 163 | 164 | /* Code blocks */ 165 | pre[class*="language-"] { 166 | padding: 1em; 167 | margin: .5em 0; 168 | overflow: auto; 169 | border-radius: 0.3em; 170 | } 171 | 172 | :not(pre) > code[class*="language-"], 173 | pre[class*="language-"] { 174 | background: #272822; 175 | } 176 | 177 | /* Inline code */ 178 | :not(pre) > code[class*="language-"] { 179 | padding: .1em; 180 | border-radius: .3em; 181 | white-space: normal; 182 | } 183 | 184 | .token.comment, 185 | .token.prolog, 186 | .token.doctype, 187 | .token.cdata { 188 | color: slategray; 189 | } 190 | 191 | .token.punctuation { 192 | color: #f8f8f2; 193 | } 194 | 195 | .namespace { 196 | opacity: .7; 197 | } 198 | 199 | .token.property, 200 | .token.tag, 201 | .token.constant, 202 | .token.symbol, 203 | .token.deleted { 204 | color: #f92672; 205 | } 206 | 207 | .token.boolean, 208 | .token.number { 209 | color: #ae81ff; 210 | } 211 | 212 | .token.selector, 213 | .token.attr-name, 214 | .token.string, 215 | .token.char, 216 | .token.builtin, 217 | .token.inserted { 218 | color: #a6e22e; 219 | } 220 | 221 | .token.operator, 222 | .token.entity, 223 | .token.url, 224 | .language-css .token.string, 225 | .style .token.string, 226 | .token.variable { 227 | color: #f8f8f2; 228 | background: none; 229 | } 230 | 231 | .token.atrule, 232 | .token.attr-value, 233 | .token.function { 234 | color: #e6db74; 235 | } 236 | 237 | .token.keyword { 238 | color: #66d9ef; 239 | } 240 | 241 | .token.regex, 242 | .token.important { 243 | color: #fd971f; 244 | } 245 | 246 | .token.important, 247 | .token.bold { 248 | font-weight: bold; 249 | } 250 | .token.italic { 251 | font-style: italic; 252 | } 253 | 254 | .token.entity { 255 | cursor: help; 256 | } 257 | 258 | } 259 | -------------------------------------------------------------------------------- /src/less/shared/styles.less: -------------------------------------------------------------------------------- 1 | @import "variables"; 2 | /*************************** [ global module] ****************************/ 3 | .pusher > .full.height { 4 | display: -webkit-box; 5 | display: -webkit-flex; 6 | display: -ms-flexbox; 7 | display: flex; 8 | -webkit-flex-direction: row; 9 | -ms-flex-direction: row; 10 | flex-direction: row; 11 | } 12 | .ui.menu { 13 | /* hide divider between menu items */ 14 | &.vertical .item:before, 15 | .item:before, 16 | .item:before { 17 | background: none; 18 | } 19 | } 20 | /**************************** [ prism module] *****************************/ 21 | :not(pre) > code[class*="language-"], 22 | pre[class*="language-"] { 23 | background: none; 24 | padding: 0px; 25 | } 26 | 27 | .inverted { 28 | :not(pre) > code[class*="language-"], 29 | pre[class*="language-"] { 30 | background: none; 31 | padding: 0px; 32 | } 33 | } 34 | /**************************** [ logo module] *****************************/ 35 | svg.logo { 36 | width: @logoWidth; 37 | height: @logoHeight; 38 | fill: @logoColor; 39 | } 40 | .inverted { 41 | svg.logo { 42 | fill: @logoInvertedColor; 43 | } 44 | } 45 | .ui.vertical.menu .item { 46 | svg.logo { 47 | fill: @sidebarLogoColor; 48 | width: @sidebarLogoWidth; 49 | height: @sidebarLogoHeight; 50 | } 51 | } 52 | /**************************** [ page module] *****************************/ 53 | .page { 54 | -webkit-box-flex: 1; 55 | -webkit-flex: 1 1 auto; 56 | -ms-flex: 1 1 auto; 57 | flex: 1 1 auto; 58 | min-width: 0; 59 | min-height: 1813px!important; 60 | margin: @pageWideMargin; 61 | .ui.items { 62 | .item { 63 | margin-bottom: @pageItemMarginBottom; 64 | padding-top: 2em; 65 | .header { 66 | font-size: 24px!important; 67 | margin-bottom: 0.3em; 68 | } 69 | .description p { 70 | font-weight: 300; 71 | font-size: 16px; 72 | } 73 | } 74 | } 75 | h1.ui.header { 76 | .content { 77 | font-size: 130%; 78 | .sub.header { 79 | margin: 1em 0; 80 | } 81 | } 82 | } 83 | p { 84 | font-weight: 300; 85 | font-size: @baseFonSize; 86 | } 87 | a { 88 | color: @pageLinkColor; 89 | font-size: @baseFonSize; 90 | &:hover { 91 | color: @pageLinkHoverColor; 92 | } 93 | } 94 | @media only screen and (max-width: @wideResolution) { 95 | & { 96 | margin: @pageMediumMargin; 97 | } 98 | } 99 | @media only screen and (max-width: @mediumResolution) { 100 | & { 101 | margin: @pageNarrowMargin; 102 | } 103 | } 104 | } 105 | /*************************** [ footer module] ****************************/ 106 | .ui.footer { 107 | display: @footerDisplay; 108 | color: @basePrimaryColor; 109 | font-family: @secondFontName; 110 | &.vertical { 111 | background-color: @sidebarBackgroundColor; 112 | div{ 113 | padding: @footerDivPadding; 114 | float: none; 115 | overflow: hidden; 116 | background: @footerBackgroundColor; 117 | } 118 | div when not (@footerFreeStyle){ 119 | text-align: center; 120 | width: auto; 121 | &:first-child { 122 | width: @sidebarWidth; 123 | float: left; 124 | background-color: @sidebarBackgroundColor; 125 | @media only screen and (max-width: @wideResolution) { 126 | & { /* hide toc side of the footer */ 127 | display: none!important; 128 | } 129 | } 130 | } 131 | &:first-child when (@footerFullWide) { 132 | /* hide left side of the footer when full width */ 133 | display: none!important; 134 | } 135 | } 136 | } 137 | .heart { 138 | vertical-align: middle; 139 | width: @footerHeartWidth; 140 | height: @footerHeartHeight; 141 | fill: @footerHeartColor; 142 | } 143 | } 144 | /******************** [ table of content (toc) module] *******************/ 145 | .pusher > .full.height > .toc { 146 | min-height: 1813px!important; 147 | position: relative; 148 | z-index: 1; 149 | background-color: @sidebarBackgroundColor; 150 | width: @sidebarWidth; 151 | -webkit-box-flex: 0; 152 | -webkit-flex: 0 0 auto; 153 | -ms-flex: 0 0 auto; 154 | flex: 0 0 auto; 155 | .ui.menu { 156 | border-radius: 0; 157 | border-width: 0; 158 | background-color: @sidebarBackgroundColor; 159 | box-shadow: none; 160 | padding: @sidebarMenuPadding; 161 | width: inherit; 162 | overflow: hidden; 163 | will-change: transform; 164 | .item { 165 | width: @sidebarContentWidth; 166 | color: @sidebarItemTextColor; 167 | margin: 0 auto; 168 | text-align: @sidebarItemTextAlign; 169 | &:first-child { 170 | img { 171 | width: @sidebarTopItemImgWidth; 172 | margin: @sidebarTopItemImgMargin; 173 | } 174 | } 175 | } 176 | } 177 | @media only screen and (max-width: @wideResolution) { 178 | & { 179 | display: none !important; 180 | } 181 | } 182 | } 183 | /************************** [ main menu module] **************************/ 184 | .ui.menu.main { 185 | border: 0!important; 186 | margin: 0; 187 | border-radius: 0; 188 | box-shadow: none; 189 | background-color: @mainMenuBackground; 190 | font-family: @secondFontName; 191 | transition: 192 | box-shadow 0.5s ease, 193 | padding 0.5s ease 194 | ; 195 | &.fixed { 196 | background-color: @mainMenuFixedBackground; 197 | border: 1px solid #DDD; 198 | box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15); 199 | &.inverted { 200 | background-color: @mainInvertedMenuFixedBackground; 201 | } 202 | } 203 | .item .logo { 204 | margin-right: 1.5em; 205 | } 206 | .header.title { 207 | margin: 0; 208 | padding-left: 10px; 209 | } 210 | & > .container { 211 | margin: @mainMenuContainerMargin!important; 212 | width: 100% !important; 213 | max-width: none !important; 214 | & > .launch.item { 215 | display: @mainMenuLaunchDisplay!important; 216 | } 217 | } 218 | @media only screen and (min-width: @wideResolution /* i.e. 1200px */) { 219 | display: @mainMenuFullDisplay!important; 220 | &.placeholder{ 221 | display: none!important; 222 | } 223 | } 224 | @media only screen and (max-width: @wideResolution /* i.e. 1200px */) { 225 | /* add custom styles */ 226 | } 227 | @media only screen and (max-width: @narrowResolution) { 228 | .header.title { 229 | display: none; 230 | } 231 | } 232 | } 233 | /* setup menu through main-menu-container */ 234 | .main-menu-container{ 235 | padding-top: 1px; 236 | } 237 | /**************************** [ masonry module] ****************************/ 238 | .masonry { 239 | .brick { 240 | width: @brickNarrowWidth!important; 241 | margin: @brickMargin!important; 242 | @media only screen and (min-width: @narrowResolution /* i.e. 640px */) { 243 | & { 244 | width: @brickMediumWidth!important; 245 | } 246 | } 247 | @media only screen and (min-width: @mediumResolution /* i.e. 980px */) { 248 | & { 249 | width: @brickWideWidth!important; 250 | } 251 | } 252 | @media only screen and (min-width: @wideResolution /* i.e. 1200px */) { 253 | & { 254 | width: @brickMaxWidth!important; 255 | } 256 | } 257 | } 258 | } 259 | /*************************** [ slider module] ****************************/ 260 | #slider { 261 | background-color: @sidebarBackgroundColor; 262 | width: @sidebarWidth; 263 | border: 0; 264 | padding: @sidebarMenuPadding; 265 | .item { 266 | width: @sidebarContentWidth; 267 | color: @sidebarItemTextColor; 268 | margin: 0 auto; 269 | text-align: @sidebarItemTextAlign; 270 | &:first-child { 271 | img { 272 | width: @sidebarTopItemImgWidth; 273 | margin: @sidebarTopItemImgMargin; 274 | } 275 | } 276 | } 277 | } 278 | -------------------------------------------------------------------------------- /src/less/shared/variables.less: -------------------------------------------------------------------------------- 1 | /******************************* 2 | Generic Colors 3 | *******************************/ 4 | @whiteColor: #ffffff; 5 | @blackColor: #333333; 6 | @greyColor: #cccccc; 7 | @blueColor: #2185D0; 8 | @greenColor: #21BA45; 9 | @localPrimaryColor: @blueColor; 10 | /* used locally in factory */ 11 | /******************************* 12 | Site Settings, less/semantic/site/globals/site.variables 13 | *******************************/ 14 | @baseImportGoogleFonts: false; 15 | @baseFontPath: '../fonts/semantic'; 16 | /*------------------- 17 | Base Sizes 18 | --------------------*/ 19 | @baseEmSize: 15px; 20 | @baseLineHeight: 1.8em; 21 | /*------------------- 22 | Brand Colors 23 | --------------------*/ 24 | @basePrimaryColor: @localPrimaryColor; 25 | @baseLightPrimaryColor: lighten(@basePrimaryColor, 10); 26 | @baseDarkPrimaryColor: darken(@basePrimaryColor, 10); 27 | /*------------------- 28 | Font 29 | --------------------*/ 30 | @baseFonSize: 18px; 31 | @baseFontName: 'Merriweather'; 32 | @secondFontName: 'Open Sans'; 33 | /*------------------- 34 | Page 35 | --------------------*/ 36 | @basePageBackground: @whiteColor; 37 | @baseTextColor: @blackColor; 38 | @baseDarkTextColor : darken(@baseTextColor, 10); 39 | @baseMutedTextColor : rgba(0, 0, 0, 0.6); 40 | @baseLightTextColor : lighten(@baseTextColor, 10); 41 | @pageWideMargin: 6em 2em; 42 | @pageMediumMargin: 6em 2em; 43 | @pageNarrowMargin: 6em 2em; 44 | @pageLinkColor: @greenColor; 45 | @pageLinkHoverColor: darken(@greenColor, 10); 46 | @pageItemMarginBottom: 5em; 47 | /*------------------- 48 | Main Menu 49 | --------------------*/ 50 | @mainMenuFullDisplay: none; 51 | @mainMenuLaunchDisplay: flex; 52 | @mainMenuBackground: @whiteColor; 53 | @mainMenuFixedBackground: @whiteColor; 54 | @mainInvertedMenuFixedBackground: @invertedBackgroundColor; 55 | @mainMenuContainerMargin: 0; 56 | /*------------------- 57 | Link 58 | --------------------*/ 59 | @baseLinkColor: @basePrimaryColor; 60 | @baseLinkHoverColor: darken(@basePrimaryColor, 10); 61 | /******************************* 62 | Item, less/semantic/site/views/item.variables 63 | *******************************/ 64 | @baseHeaderColor: @baseTextColor; 65 | @baseMetaMargin: 0.5em 0 0.5em; 66 | @baseMetaColor: rgba(0, 0, 0, 0.6); 67 | @baseDividedBorder: 1px solid rgba(34,36,38,.15); 68 | /******************************* 69 | Button Settings, less/semantic/site/elements/button.variables 70 | *******************************/ 71 | @buttonBackground: @basePrimaryColor; 72 | @buttonTextColor: @whiteColor; 73 | @buttonActiveBackgroundColor: @buttonBackground; 74 | @buttonFocusBackgroundColor: @buttonBackground; 75 | @buttonHoverBackgroundColor: lighten(@buttonBackground, 10); 76 | @buttonDownBackgroundColor: darken(@buttonBackground, 10); 77 | @buttonActiveHoverBackgroundColor: darken(@buttonBackground, 10); 78 | /******************************* 79 | Input, less/semantic/site/elements/input.variables 80 | *******************************/ 81 | @baseInputBackground: @whiteColor; 82 | @baseFocusBorderColor: #85B7D9; 83 | @baseInputColor: @baseTextColor; 84 | @baseDownColor: @baseTextColor; 85 | @baseFocusColor: @baseTextColor; 86 | /* Logo */ 87 | @logoWidth: 32px; 88 | @logoHeight: 32px; 89 | @logoColor: @blackColor; 90 | @logoInvertedColor: @whiteColor; 91 | /* Code */ 92 | @invertedBackgroundColor: @blackColor; 93 | /* Left sidebar */ 94 | @sidebarBackgroundColor: @greyColor; 95 | @sidebarWidth: 300px; 96 | @sidebarContentWidth: 70% !important; 97 | @sidebarMenuPadding: 1em 0; 98 | @sidebarTopItemImgWidth: 100%; 99 | @sidebarTopItemImgMargin: 0 auto; 100 | @sidebarItemTextColor: @baseTextColor; 101 | @sidebarItemTextAlign: center; 102 | @sidebarLogoColor: @logoColor; 103 | @sidebarLogoWidth: 100%; 104 | @sidebarLogoHeight: 100%; 105 | /* Footer */ 106 | @footerFreeStyle: false; 107 | @footerBackgroundColor: @whiteColor; 108 | @footerDisplay: block; 109 | @footerFullWide: true; 110 | @footerDivPadding: 4rem 0 3rem; 111 | @footerHeartColor: #D8461D; 112 | @footerHeartWidth: 24px; 113 | @footerHeartHeight: 24px; 114 | /* Screen */ 115 | @narrowResolution: 640px; 116 | @mediumResolution: 980px; 117 | @wideResolution: 1200px; 118 | /* Bricklayer */ 119 | @brickMaxWidth: ~"calc(25% - 2em)"; 120 | @brickWideWidth: ~"calc(33.333% - 2em)"; 121 | @brickMediumWidth: ~"calc(50% - 2em)"; 122 | @brickNarrowWidth: ~"calc(100% - 2em)"; 123 | @brickMargin: 1em; 124 | -------------------------------------------------------------------------------- /src/less/variables.less: -------------------------------------------------------------------------------- 1 | 2 | @import "shared/variables"; 3 | 4 | @localPrimaryColor: #bdc3c7; /* silver */ 5 | @sidebarLogoColor: @localPrimaryColor; 6 | @sidebarLogoWidth: 64px; 7 | @sidebarLogoHeight: 64px; 8 | 9 | @footerFullWide: true; 10 | @footerBackgroundColor: #1b1c1d; 11 | 12 | @invertedBackgroundColor: #1b1c1d; 13 | 14 | @sidebarBackgroundColor: #1b1c1d; 15 | @sidebarContentWidth: 100% !important; 16 | @sidebarWidth:250px; 17 | @sidebarItemTextAlign: left; 18 | 19 | @brickMaxWidth: ~"calc(50% - 2em)"; 20 | @brickWideWidth: ~"calc(50% - 2em)"; 21 | @brickMediumWidth: ~"calc(100% - 2em)"; 22 | @brickNarrowWidth: ~"calc(100% - 2em)"; 23 | 24 | @pageWideMargin: 2em 2em; 25 | 26 | @logoInvertedColor: @localPrimaryColor; 27 | --------------------------------------------------------------------------------