Improve readability of the theme, fixes #363
This commit is contained in:
Stéphane Goetz
bovenliggende
b472a82083
commit
1127cc600e
|
|
@ -4,4 +4,4 @@ node_modules
|
|||
/sftp-config.json
|
||||
static
|
||||
|
||||
vendor
|
||||
/vendor
|
||||
|
|
|
|||
|
|
@ -4,18 +4,18 @@ Here is a quick example :
|
|||
|
||||
**HTML (with inline css and javascript)**
|
||||
|
||||
<!DOCTYPE html>
|
||||
<title>Title</title>
|
||||
<!DOCTYPE html>
|
||||
<title>Title</title>
|
||||
|
||||
<style>body {width: 500px;}</style>
|
||||
<style>body {width: 500px;}</style>
|
||||
|
||||
<script type="application/javascript">
|
||||
function $init() {return true;}
|
||||
</script>
|
||||
<script type="application/javascript">
|
||||
function $init() {return true;}
|
||||
</script>
|
||||
|
||||
<body>
|
||||
<p checked class="title" id='title'>Title</p>
|
||||
<!-- here goes the rest of the page -->
|
||||
</body>
|
||||
<body>
|
||||
<p checked class="title" id='title'>Title</p>
|
||||
<!-- here goes the rest of the page -->
|
||||
</body>
|
||||
|
||||
[See the full list of supported languages in Daux.io](!Examples/Code_Highlighting)
|
||||
|
|
|
|||
|
|
@ -2,9 +2,9 @@ If you want to create a beautiful landing page for your project, create a `_inde
|
|||
|
||||
```json
|
||||
{
|
||||
"title": "Daux.io",
|
||||
"tagline": "The Easiest Way To Document Your Project",
|
||||
"image": "app.png"
|
||||
"title": "Daux.io",
|
||||
"tagline": "The Easiest Way To Document Your Project",
|
||||
"image": "app.png"
|
||||
}
|
||||
```
|
||||
|
||||
|
|
@ -14,8 +14,8 @@ To disable the automatic landing page, you can set `auto_landing` to false in th
|
|||
|
||||
```json
|
||||
{
|
||||
"html": {
|
||||
"auto_landing": false
|
||||
"html": {
|
||||
"auto_landing": false
|
||||
}
|
||||
}
|
||||
```
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@ Keep in mind, this mode can be used for production, but it is not recommended.
|
|||
|
||||
The whole directory must be scanned on each request. This might not make a big impact on small documentations but can be a bottleneck on bigger ones.
|
||||
|
||||
### Running Locally
|
||||
## Running Locally
|
||||
|
||||
There are several ways to run the docs locally. You can use something like <a href="http://www.mamp.info/en/index.html" target="_blank">MAMP</a> or <a href="http://www.wampserver.com/en/" target="_blank">WAMP</a>.
|
||||
|
||||
|
|
@ -11,9 +11,9 @@ The easiest is to use PHP 5.4's built-in server.
|
|||
For that i've included a short command, run `./serve` in the projects folder to start the local web server. By default the server will run at: <a href="http://localhost:8085" target="_blank">http://localhost:8085</a>
|
||||
|
||||
|
||||
### Running Remotely
|
||||
## Running Remotely
|
||||
|
||||
#### Clean URLs configuration
|
||||
### Clean URLs configuration
|
||||
|
||||
Daux provides native support for Clean URLs provided the webserver has its URL Rewrite module enabled.
|
||||
To enable the same, set the toggle in the `config.json` file in the `/docs` folder.
|
||||
|
|
@ -26,13 +26,13 @@ To enable the same, set the toggle in the `config.json` file in the `/docs` fold
|
|||
}
|
||||
```
|
||||
|
||||
#### Apache
|
||||
### Apache
|
||||
|
||||
Copy the files from the repo to a web server that can run PHP 5.3 or greater.
|
||||
|
||||
There is an included `.htaccess` for Apache web server.
|
||||
|
||||
#### Nginx
|
||||
### Nginx
|
||||
|
||||
Daux.io works perfectly fine on Nginx too, just drop this configuration in your `nginx.conf`
|
||||
|
||||
|
|
@ -66,14 +66,14 @@ server {
|
|||
}
|
||||
```
|
||||
|
||||
### IIS
|
||||
## IIS
|
||||
|
||||
If you have set up a local or remote IIS web site, you may need a `web.config` with:
|
||||
|
||||
* A rewrite configuration, for handling clean urls.
|
||||
* A mime type handler for less files, if using a custom theme.
|
||||
|
||||
#### Clean URLs
|
||||
### Clean URLs
|
||||
|
||||
The `web.config` needs an entry for `<rewrite>` under `<system.webServer>`:
|
||||
|
||||
|
|
|
|||
|
|
@ -6,8 +6,8 @@ To enable the generated search, you can set `search` to true in the `html` secti
|
|||
|
||||
```json
|
||||
{
|
||||
"html": {
|
||||
"search": true
|
||||
"html": {
|
||||
"search": true
|
||||
}
|
||||
}
|
||||
```
|
||||
|
|
|
|||
|
|
@ -18,8 +18,8 @@ You can enable this feature in your configuration
|
|||
|
||||
```json
|
||||
{
|
||||
"html": {
|
||||
"auto_toc": true
|
||||
"html": {
|
||||
"auto_toc": true
|
||||
}
|
||||
}
|
||||
```
|
||||
|
|
|
|||
|
|
@ -4,9 +4,9 @@ The connection requires three parameters `base_url`, `user` and `pass`. While `u
|
|||
```json
|
||||
{
|
||||
"confluence": {
|
||||
"base_url": "http://my_confluence_server.com/,
|
||||
"user" : "my_username",
|
||||
"pass" : "my_password",
|
||||
"base_url": "http://my_confluence_server.com/",
|
||||
"user" : "my_username",
|
||||
"pass" : "my_password",
|
||||
}
|
||||
}
|
||||
```
|
||||
|
|
@ -36,7 +36,7 @@ Because confluence can't have two pages with the same name in a space, I recomme
|
|||
|
||||
```json
|
||||
{
|
||||
"confluence": { "prefix": "[DAUX]" }
|
||||
"confluence": { "prefix": "[DAUX]" }
|
||||
}
|
||||
```
|
||||
|
||||
|
|
@ -45,7 +45,7 @@ To make the upload quicker, we try to determine if a page changed or not, first
|
|||
|
||||
```json
|
||||
{
|
||||
"confluence": { "update_threshold": 1 }
|
||||
"confluence": { "update_threshold": 1 }
|
||||
}
|
||||
```
|
||||
|
||||
|
|
@ -63,7 +63,7 @@ By default, it will inform you that some pages aren't needed anymore and you can
|
|||
|
||||
```json
|
||||
{
|
||||
"confluence": { "delete": true }
|
||||
"confluence": { "delete": true }
|
||||
}
|
||||
```
|
||||
|
||||
|
|
@ -79,7 +79,9 @@ You can add a text in a "information" macro on top of the document by setting th
|
|||
|
||||
```json
|
||||
{
|
||||
"confluence": { "header": "These pages are updated automatically, your changes will be overriden." }
|
||||
"confluence": {
|
||||
"header": "These pages are updated automatically, your changes will be overriden."
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@ To use a custom theme, just copy over the theme folder into the `themes` directo
|
|||
|
||||
```json
|
||||
{
|
||||
"html": { "theme": "new-theme" }
|
||||
"html": { "theme": "new-theme" }
|
||||
}
|
||||
```
|
||||
|
||||
|
|
@ -26,7 +26,7 @@ By default your code blocks will be floated to a column on the right side of you
|
|||
|
||||
```json
|
||||
{
|
||||
"html": { "float": false }
|
||||
"html": { "float": false }
|
||||
}
|
||||
```
|
||||
|
||||
|
|
@ -35,7 +35,7 @@ Some users might wish to hide the code blocks & view just the documentation. By
|
|||
|
||||
```json
|
||||
{
|
||||
"html": { "toggle_code": true }
|
||||
"html": { "toggle_code": true }
|
||||
}
|
||||
```
|
||||
|
||||
|
|
@ -45,7 +45,7 @@ Add a 'Fork me on GitHub' ribbon.
|
|||
|
||||
```json
|
||||
{
|
||||
"html": { "repo": "justinwalsh/daux.io" }
|
||||
"html": { "repo": "justinwalsh/daux.io" }
|
||||
}
|
||||
```
|
||||
|
||||
|
|
@ -54,7 +54,7 @@ Include twitter follow buttons in the sidebar.
|
|||
|
||||
```json
|
||||
{
|
||||
"html": { "twitter": ["justin_walsh", "todaymade"] }
|
||||
"html": { "twitter": ["justin_walsh", "todaymade"] }
|
||||
}
|
||||
```
|
||||
|
||||
|
|
@ -63,13 +63,13 @@ Include custom links in the sidebar.
|
|||
|
||||
```json
|
||||
{
|
||||
"html": {
|
||||
"links": {
|
||||
"GitHub Repo": "https://github.com/justinwalsh/daux.io",
|
||||
"Help/Support/Bugs": "https://github.com/justinwalsh/daux.io/issues",
|
||||
"Made by Todaymade": "http://todaymade.com"
|
||||
}
|
||||
}
|
||||
"html": {
|
||||
"links": {
|
||||
"GitHub Repo": "https://github.com/justinwalsh/daux.io",
|
||||
"Help/Support/Bugs": "https://github.com/justinwalsh/daux.io/issues",
|
||||
"Made by Todaymade": "http://todaymade.com"
|
||||
}
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
|
|
@ -78,7 +78,7 @@ This will embed the google analytics tracking code.
|
|||
|
||||
```json
|
||||
{
|
||||
"html": { "google_analytics": "UA-XXXXXXXXX-XX" }
|
||||
"html": { "google_analytics": "UA-XXXXXXXXX-XX" }
|
||||
}
|
||||
```
|
||||
|
||||
|
|
@ -87,7 +87,7 @@ This will embed the piwik tracking code.
|
|||
|
||||
```json
|
||||
{
|
||||
"html": { "piwik_analytics": "my-url-for-piwik.com" }
|
||||
"html": { "piwik_analytics": "my-url-for-piwik.com" }
|
||||
}
|
||||
```
|
||||
|
||||
|
|
@ -95,7 +95,7 @@ You can Also give a specific Piwik ID as well.
|
|||
|
||||
```json
|
||||
{
|
||||
"html": { "piwik_analytics_id": "43" }
|
||||
"html": { "piwik_analytics_id": "43" }
|
||||
}
|
||||
```
|
||||
|
||||
|
|
@ -105,8 +105,8 @@ Daux.io provides the option to present page titles as breadcrumb navigation. You
|
|||
```json
|
||||
{
|
||||
"html": {
|
||||
"breadcrumbs": true,
|
||||
"breadcrumb_separator" : " > "
|
||||
"breadcrumbs": true,
|
||||
"breadcrumb_separator" : " > "
|
||||
}
|
||||
}
|
||||
```
|
||||
|
|
@ -116,6 +116,6 @@ By default, daux.io will display the last modified time as reported by the syste
|
|||
|
||||
```json
|
||||
{
|
||||
"html": { "date_modified": false }
|
||||
"html": { "date_modified": false }
|
||||
}
|
||||
```
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@ Change the title bar in the docs
|
|||
|
||||
```json
|
||||
{
|
||||
"title": "Daux.io"
|
||||
"title": "Daux.io"
|
||||
}
|
||||
```
|
||||
|
||||
|
|
@ -14,7 +14,7 @@ Change the tagline bar in the docs
|
|||
|
||||
```json
|
||||
{
|
||||
"tagline": "The Easiest Way To Document Your Project"
|
||||
"tagline": "The Easiest Way To Document Your Project"
|
||||
}
|
||||
```
|
||||
|
||||
|
|
@ -23,7 +23,7 @@ Change the documentation's author
|
|||
|
||||
```json
|
||||
{
|
||||
"author": "Stéphane Goetz"
|
||||
"author": "Stéphane Goetz"
|
||||
}
|
||||
```
|
||||
|
||||
|
|
@ -31,12 +31,12 @@ Change the documentation's author
|
|||
Set custom files and entire folders to ignore within your `/docs` folder. For files make sure to include the file extension in the name. For both files and folders, names are case-sensitive.
|
||||
|
||||
```json
|
||||
{
|
||||
"ignore": {
|
||||
"files": ["Work_In_Progress.md"],
|
||||
"folders": ["99_Not_Ready"]
|
||||
}
|
||||
}
|
||||
{
|
||||
"ignore": {
|
||||
"files": ["Work_In_Progress.md"],
|
||||
"folders": ["99_Not_Ready"]
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
### Timezone
|
||||
|
|
@ -85,7 +85,7 @@ be read by the integrated web server. And you set the other formats (like conflu
|
|||
|
||||
```json
|
||||
{
|
||||
"format": "html"
|
||||
"format": "html"
|
||||
}
|
||||
```
|
||||
|
||||
|
|
|
|||
|
|
@ -15,11 +15,11 @@ By default, we created a `daux/Processor.php` file to get you started.
|
|||
For the example we're just going to dump the tree and exit.
|
||||
|
||||
```php
|
||||
public function manipulateTree(Root $root)
|
||||
{
|
||||
print_r($root->dump());
|
||||
exit;
|
||||
}
|
||||
public function manipulateTree(Root $root)
|
||||
{
|
||||
print_r($root->dump());
|
||||
exit;
|
||||
}
|
||||
```
|
||||
|
||||
also, add this at the beginning of the file:
|
||||
|
|
@ -43,21 +43,21 @@ By default, Daux.io parses your directory to find pages. but, for a reason or an
|
|||
This can be done with:
|
||||
|
||||
```php
|
||||
public function manipulateTree(Root $root)
|
||||
{
|
||||
}
|
||||
public function manipulateTree(Root $root)
|
||||
{
|
||||
}
|
||||
```
|
||||
|
||||
Two helpers from the class `Todaymade\Daux\Tree\Builder` will greatly help you doing that:
|
||||
|
||||
```php
|
||||
$new = Builder::getOrCreateDir($root, 'New Pages');
|
||||
$new = Builder::getOrCreateDir($root, 'New Pages');
|
||||
|
||||
$page = Builder::getOrCreatePage($new, 'index');
|
||||
$page->setContent('The index page for the new folder');
|
||||
$page = Builder::getOrCreatePage($new, 'index');
|
||||
$page->setContent('The index page for the new folder');
|
||||
|
||||
$page = Builder::getOrCreatePage($new, 'A New Hope');
|
||||
$page->setContent('A long time ago in a galaxy far away');
|
||||
$page = Builder::getOrCreatePage($new, 'A New Hope');
|
||||
$page->setContent('A long time ago in a galaxy far away');
|
||||
```
|
||||
|
||||
Both methods `getOrCreateDir` and `getOrCreatePage` take two parameters : `parent` and `title`
|
||||
|
|
@ -73,9 +73,9 @@ If the extension is not mapped to a Generator, it will simply create the file as
|
|||
You can extend the Markdown Parser in any way wou want with this method.
|
||||
|
||||
```php
|
||||
public function extendCommonMarkEnvironment(Environment $environment)
|
||||
{
|
||||
}
|
||||
public function extendCommonMarkEnvironment(Environment $environment)
|
||||
{
|
||||
}
|
||||
```
|
||||
|
||||
See the details on [CommonMark's website](http://commonmark.thephpleague.com/customization/overview/).
|
||||
|
|
@ -87,9 +87,9 @@ You can add new generators to Daux.io and use them right away, they must impleme
|
|||
you have to implement `\Todaymade\Daux\Format\Base\LiveGenerator`.
|
||||
|
||||
```php
|
||||
public function addGenerators()
|
||||
{
|
||||
return ['custom_generator' => '\Todaymade\Daux\Extension\MyNewGenerator'];
|
||||
}
|
||||
public function addGenerators()
|
||||
{
|
||||
return ['custom_generator' => '\Todaymade\Daux\Extension\MyNewGenerator'];
|
||||
}
|
||||
```
|
||||
|
||||
|
|
|
|||
|
|
@ -63,8 +63,8 @@ Change the `theme` option inside `html`
|
|||
|
||||
```json
|
||||
{
|
||||
"html": {
|
||||
"theme": "{theme}-{variant}"
|
||||
"html": {
|
||||
"theme": "{theme}-{variant}"
|
||||
}
|
||||
}
|
||||
```
|
||||
|
|
|
|||
43
gulpfile.js
43
gulpfile.js
|
|
@ -4,7 +4,8 @@ var gulp = require('gulp'),
|
|||
less = require('gulp-less'),
|
||||
rename = require('gulp-rename'),
|
||||
plumber = require('gulp-plumber'),
|
||||
postcss = require('gulp-postcss');
|
||||
postcss = require('gulp-postcss'),
|
||||
sourcemaps = require('gulp-sourcemaps');
|
||||
|
||||
var resources = {
|
||||
daux:{source: "themes/daux/less/theme.less", dest: "themes/daux/css/"},
|
||||
|
|
@ -140,6 +141,7 @@ function createTask(source, dest) {
|
|||
};
|
||||
|
||||
return gulp.src(source)
|
||||
//.pipe(sourcemaps.init())
|
||||
.pipe(plumber())
|
||||
.pipe(less())
|
||||
.pipe(postcss([
|
||||
|
|
@ -147,11 +149,45 @@ function createTask(source, dest) {
|
|||
require('cssnano')(nano_options)
|
||||
]))
|
||||
.pipe(rename({suffix: '.min'}))
|
||||
//.pipe(sourcemaps.write())
|
||||
.pipe(gulp.dest(dest));
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
function createLinter() {
|
||||
var gulpStylelint = require('gulp-stylelint');
|
||||
|
||||
var rules = {
|
||||
"indentation": 4,
|
||||
"selector-list-comma-newline-after": "always-multi-line",
|
||||
"selector-no-id": true,
|
||||
|
||||
// Autoprefixer
|
||||
"at-rule-no-vendor-prefix": true,
|
||||
"media-feature-name-no-vendor-prefix": true,
|
||||
"property-no-vendor-prefix": true,
|
||||
"selector-no-vendor-prefix": true,
|
||||
"value-no-vendor-prefix": true
|
||||
};
|
||||
|
||||
return gulp
|
||||
.src(['themes/**/less/**/*.less', '!themes/**/vendor/**/*.less'])
|
||||
.pipe(gulpStylelint({
|
||||
failAfterError: true,
|
||||
config: {
|
||||
extends: "stylelint-config-standard",
|
||||
rules: rules
|
||||
},
|
||||
syntax: "less",
|
||||
reporters: [
|
||||
{formatter: 'string', console: true}
|
||||
],
|
||||
debug: true
|
||||
}));
|
||||
}
|
||||
|
||||
|
||||
|
||||
var style_tasks = [];
|
||||
for (var style in resources) {
|
||||
|
|
@ -159,13 +195,16 @@ for (var style in resources) {
|
|||
style_tasks.push('style_' + style);
|
||||
}
|
||||
|
||||
gulp.task('lint-css', createLinter);
|
||||
style_tasks.push('lint-css');
|
||||
|
||||
gulp.task("styles", style_tasks);
|
||||
|
||||
|
||||
gulp.task('watch', function() {
|
||||
|
||||
// Watch .less files
|
||||
gulp.watch('themes/daux/less/**/*.less', ['styles']);
|
||||
gulp.watch('themes/**/less/**/*.less', ['styles']);
|
||||
|
||||
});
|
||||
|
||||
|
|
|
|||
31
package.json
31
package.json
|
|
@ -1,16 +1,19 @@
|
|||
{
|
||||
"name": "daux.io",
|
||||
"version": "0.1.1",
|
||||
"private": true,
|
||||
"devDependencies": {
|
||||
"grunt": "^0.4.1",
|
||||
"grunt-php": "^1.0.0",
|
||||
"cssnano": "^3.5.2",
|
||||
"gulp": "^3.9.1",
|
||||
"gulp-connect-php": "^0.0.7",
|
||||
"gulp-less": "^3.0.3",
|
||||
"gulp-plumber": "^1.1.0",
|
||||
"gulp-postcss": "^6.1.0",
|
||||
"gulp-rename": "^1.2.2"
|
||||
}
|
||||
"name": "daux.io",
|
||||
"version": "0.1.1",
|
||||
"private": true,
|
||||
"devDependencies": {
|
||||
"cssnano": "^3.5.2",
|
||||
"grunt": "^0.4.1",
|
||||
"grunt-php": "^1.0.0",
|
||||
"gulp": "^3.9.1",
|
||||
"gulp-connect-php": "^0.0.7",
|
||||
"gulp-less": "^3.0.3",
|
||||
"gulp-plumber": "^1.1.0",
|
||||
"gulp-postcss": "^6.1.0",
|
||||
"gulp-rename": "^1.2.2",
|
||||
"gulp-sourcemaps": "^2.0.0-alpha",
|
||||
"gulp-stylelint": "^2.0.2",
|
||||
"stylelint-config-standard": "^6.0.0"
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
</div>
|
||||
</div>
|
||||
<?php if ($params['html']['repo']) { ?>
|
||||
<a href="https://github.com/<?= $params['html']['repo']; ?>" target="_blank" id="github-ribbon" class="hidden-print"><img src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub"></a>
|
||||
<a href="https://github.com/<?= $params['html']['repo']; ?>" target="_blank" id="github-ribbon" class="github-ribbon hidden-print"><img src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub"></a>
|
||||
<?php } ?>
|
||||
|
||||
<div class="homepage-hero container-fluid">
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<?php $this->layout('theme::layout/00_layout') ?>
|
||||
|
||||
<?php if ($params['html']['repo']) { ?>
|
||||
<a href="https://github.com/<?= $params['html']['repo']; ?>" target="_blank" id="github-ribbon" class="hidden-print"><img src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub"></a>
|
||||
<a href="https://github.com/<?= $params['html']['repo']; ?>" target="_blank" id="github-ribbon" class="github-ribbon hidden-print"><img src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub"></a>
|
||||
<?php } ?>
|
||||
<div class="container-fluid fluid-height wrapper">
|
||||
<div class="navbar navbar-static-top hidden-print">
|
||||
|
|
|
|||
|
|
@ -0,0 +1,187 @@
|
|||
body {
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-weight: 300;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
cursor: text;
|
||||
|
||||
line-height: 1.4em;
|
||||
padding-top: 0.4em;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0.3em;
|
||||
|
||||
tt, code {
|
||||
font-size: inherit;
|
||||
}
|
||||
|
||||
i {
|
||||
font-size: 0.7em;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
h1 { // 40px
|
||||
font-size: 2.6666666667em;
|
||||
color: black;
|
||||
}
|
||||
|
||||
h2 { // 30px
|
||||
font-size: 2em;
|
||||
border-bottom: 1px solid #eee;
|
||||
color: black;
|
||||
}
|
||||
|
||||
h3 { // 26px
|
||||
font-size: 1.7333333333em;
|
||||
}
|
||||
|
||||
h4 { // 22px
|
||||
font-size: 1.4666666667em;
|
||||
}
|
||||
|
||||
h5 { // 18px
|
||||
font-size: 1.2em;
|
||||
}
|
||||
|
||||
h6 { // 16px
|
||||
font-size: 1.0666666667em;
|
||||
color: #555;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
p { // 15px
|
||||
line-height: 1.8em;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
ul, ol {
|
||||
padding-left: 30px;
|
||||
}
|
||||
|
||||
ul p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
ul ul {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
dl {
|
||||
padding: 0;
|
||||
|
||||
dt {
|
||||
font-weight: bold;
|
||||
font-style: italic;
|
||||
padding: 0;
|
||||
margin: 15px 0 5px;
|
||||
|
||||
&:first-child {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
dd {
|
||||
margin: 0 0 15px;
|
||||
padding: 0 15px;
|
||||
}
|
||||
}
|
||||
|
||||
blockquote {
|
||||
font-size: 1.2em;
|
||||
border-left: 4px solid #ddd;
|
||||
padding: 7px 15px;
|
||||
color: #666;
|
||||
|
||||
p {
|
||||
font-size: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
table {
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
|
||||
tr {
|
||||
border-top: 1px solid #eee;
|
||||
background-color: white;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
&:nth-child(2n) {
|
||||
background-color: #f8f8f8;
|
||||
}
|
||||
}
|
||||
|
||||
th {
|
||||
font-weight: bold;
|
||||
border: 1px solid #eee;
|
||||
background: #eee;
|
||||
margin: 0;
|
||||
padding: 6px 13px;
|
||||
}
|
||||
|
||||
td {
|
||||
border: 1px solid #eee;
|
||||
margin: 0;
|
||||
padding: 6px 13px;
|
||||
}
|
||||
}
|
||||
|
||||
ul,
|
||||
ol,
|
||||
blockquote,
|
||||
dl dt,
|
||||
dl dd,
|
||||
table th,
|
||||
table td {
|
||||
> :first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
> :last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
code, tt {
|
||||
margin: 0 2px;
|
||||
padding: 0 5px;
|
||||
white-space: nowrap;
|
||||
border: 1px solid #eaeaea;
|
||||
background-color: #f8f8f8;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
pre {
|
||||
background: #222;
|
||||
color: #fff;
|
||||
line-height: 1.5em;
|
||||
overflow: auto;
|
||||
padding: 20px;
|
||||
margin: 0 -20px 20px -20px;
|
||||
|
||||
code {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
white-space: pre;
|
||||
}
|
||||
|
||||
code, tt {
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
Bestand-diff onderdrukt omdat een of meer regels te lang zijn
Bestand-diff onderdrukt omdat een of meer regels te lang zijn
Bestand-diff onderdrukt omdat een of meer regels te lang zijn
Bestand-diff onderdrukt omdat een of meer regels te lang zijn
|
|
@ -1,9 +1,6 @@
|
|||
/* ===========================================================================================
|
||||
Componenets
|
||||
Components
|
||||
============================================================================================== */
|
||||
a {
|
||||
color: @light;
|
||||
}
|
||||
|
||||
.btn {
|
||||
display: inline-block;
|
||||
|
|
@ -37,15 +34,11 @@ a {
|
|||
}
|
||||
}
|
||||
|
||||
code {
|
||||
color: @light;
|
||||
}
|
||||
|
||||
//Navbar
|
||||
.navbar {
|
||||
box-shadow: 0 1px 5px rgba(0,0,0,.25);
|
||||
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
|
||||
background-color: @dark;
|
||||
margin-bottom: 0px;
|
||||
margin-bottom: 0;
|
||||
|
||||
.container, .container-fluid {
|
||||
.kill-background-image;
|
||||
|
|
@ -94,25 +87,22 @@ code {
|
|||
.arrow {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
|
||||
width: 16px;
|
||||
margin-left: -16px;
|
||||
|
||||
&:before {
|
||||
position:absolute;
|
||||
|
||||
display:block;
|
||||
content:"";
|
||||
|
||||
margin:-.25em 0 0 -.4em;
|
||||
left:50%;
|
||||
&::before {
|
||||
position: absolute;
|
||||
display: block;
|
||||
content: "";
|
||||
margin: -0.25em 0 0 -0.4em;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
width: 0.5em;
|
||||
height: 0.5em;
|
||||
border-right: 0.15em solid @dark;
|
||||
border-top: 0.15em solid @dark;
|
||||
transform: rotate(45deg);
|
||||
transition-duration:.3s;
|
||||
transition-duration: 0.3s;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -136,11 +126,11 @@ code {
|
|||
|
||||
> a {
|
||||
&, &:focus, &:hover {
|
||||
background-color:transparent;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
> .arrow:before {
|
||||
margin-left:-.25em;
|
||||
> .arrow::before {
|
||||
margin-left: -0.25em;
|
||||
transform: rotate(135deg);
|
||||
}
|
||||
}
|
||||
|
|
@ -153,7 +143,7 @@ code {
|
|||
li {
|
||||
a {
|
||||
.sans-serif(normal, 14px);
|
||||
margin: 0px;
|
||||
margin: 0;
|
||||
margin-left: -15px;
|
||||
padding: 3px 30px;
|
||||
border: none;
|
||||
|
|
@ -175,155 +165,16 @@ code {
|
|||
}
|
||||
|
||||
.page-header {
|
||||
margin: 10px 0px;
|
||||
padding: 0px;
|
||||
margin: 10px 0;
|
||||
padding: 0;
|
||||
|
||||
h1 {
|
||||
margin-top: 0px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
sub-heading {
|
||||
padding: 0px, 0px, 20px;
|
||||
}
|
||||
}
|
||||
|
||||
pre {
|
||||
border: none;
|
||||
background-color: @light;
|
||||
border-radius: 0;
|
||||
padding: 10px;
|
||||
margin-left: -20px;
|
||||
padding-left: 30px;
|
||||
margin-right: -20px;
|
||||
padding-right: 30px;
|
||||
|
||||
code {
|
||||
background: transparent;
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
|
||||
//Content pages float view
|
||||
.float-view {
|
||||
@media (min-width: 1150px) {
|
||||
.content-page {
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
padding: 0px !important;
|
||||
background-color: transparent !important;
|
||||
position: relative;
|
||||
|
||||
article {
|
||||
width: 100%;
|
||||
min-height: 100%;
|
||||
overflow: auto;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
|
||||
&:before {
|
||||
content: "";
|
||||
width: 50%;
|
||||
min-height: 100%;
|
||||
overflow: auto;
|
||||
background-color: white;
|
||||
display: block;
|
||||
margin: 0px;
|
||||
position: absolute;
|
||||
z-index: -1;
|
||||
}
|
||||
}
|
||||
|
||||
table {
|
||||
float: left;
|
||||
clear: left;
|
||||
width: 47%;
|
||||
margin-left: 1.5%;
|
||||
margin-right: 1.5%;
|
||||
background-color: white;
|
||||
white-space: normal;
|
||||
|
||||
pre, code {
|
||||
white-space: normal;
|
||||
}
|
||||
}
|
||||
|
||||
.page-header {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.page-header, blockquote,
|
||||
p, ul, ol, dl, h2, h3, h4, h5, h6, hr {
|
||||
float: left;
|
||||
clear: left;
|
||||
width: 47%;
|
||||
margin-left: 1.5%;
|
||||
margin-right: 1.5%;
|
||||
background-color: white;
|
||||
|
||||
&:before {
|
||||
width: 100%;
|
||||
height: 10px;
|
||||
display: block;
|
||||
clear: both;
|
||||
//border-top: 1px solid @dark;
|
||||
}
|
||||
|
||||
p, ul, ol, dl, h2, h3, h4, h5, h6, pre, hr {
|
||||
float: none;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
hr {
|
||||
border-color: #ddd;
|
||||
}
|
||||
|
||||
// Paragraphs and code inside lists and
|
||||
// blockquotes should have 100% width
|
||||
li, blockquote {
|
||||
p, pre {
|
||||
width:100%;
|
||||
}
|
||||
}
|
||||
|
||||
ul, ol {
|
||||
li {
|
||||
margin-left: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
pre {
|
||||
float: left;
|
||||
clear: right;
|
||||
width: 47%;
|
||||
border: none;
|
||||
border-left: 10px solid white;
|
||||
margin: 0 0 10px 0;
|
||||
padding: 0 0 0 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//Tables
|
||||
table {
|
||||
width: 100%;
|
||||
border-bottom: 1px solid @lines;
|
||||
margin-bottom: 10px;
|
||||
|
||||
tr {
|
||||
th, td {
|
||||
padding: 8px;
|
||||
line-height: 20px;
|
||||
vertical-align: top;
|
||||
border-top: 1px solid @lines;
|
||||
border-left: 1px solid @lines;
|
||||
border-color: @lines !important;
|
||||
|
||||
&:last-child {
|
||||
border-right: 1px solid @lines;
|
||||
}
|
||||
}
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -335,8 +186,7 @@ table {
|
|||
padding: 15px;
|
||||
}
|
||||
|
||||
//github ribbon
|
||||
#github-ribbon {
|
||||
.github-ribbon {
|
||||
position: absolute;
|
||||
top: 50px;
|
||||
right: 0;
|
||||
|
|
@ -344,7 +194,7 @@ table {
|
|||
}
|
||||
|
||||
.sidebar-links {
|
||||
padding:20px;
|
||||
padding: 20px;
|
||||
|
||||
a {
|
||||
font-size: 13px;
|
||||
|
|
@ -377,18 +227,16 @@ table {
|
|||
}
|
||||
|
||||
.TableOfContents {
|
||||
|
||||
font-size:16px;
|
||||
padding-left:30px;
|
||||
|
||||
border-left:6px solid #efefef;
|
||||
font-size: 16px;
|
||||
padding-left: 30px;
|
||||
border-left: 6px solid #efefef;
|
||||
|
||||
p {
|
||||
margin-bottom:0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.TableOfContents {
|
||||
border-left-width:0;
|
||||
padding-left:20px;
|
||||
border-left-width: 0;
|
||||
padding-left: 20px;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,43 +1,3 @@
|
|||
/* ===========================================================================================
|
||||
Base CSS
|
||||
============================================================================================== */
|
||||
|
||||
//Fonts
|
||||
.roboto-slab {
|
||||
&.light {
|
||||
font-family: 'Roboto Slab', @font-family-sans-serif;
|
||||
font-weight: 100;
|
||||
}
|
||||
|
||||
&.book {
|
||||
font-family: 'Roboto Slab', @font-family-sans-serif;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
&.regular {
|
||||
font-family: 'Roboto Slab', @font-family-sans-serif;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
&.bold {
|
||||
font-family: 'Roboto Slab', @font-family-sans-serif;
|
||||
font-weight: 700;
|
||||
}
|
||||
}
|
||||
|
||||
//Typography
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
.roboto-slab.book;
|
||||
}
|
||||
|
||||
h1 i {
|
||||
font-size:26px;
|
||||
}
|
||||
|
||||
pre {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/* ===========================================================================================
|
||||
Homepage
|
||||
============================================================================================== */
|
||||
|
|
@ -46,7 +6,7 @@ Homepage
|
|||
padding-top: 60px !important;
|
||||
background-color: @light;
|
||||
.kill-box-shadow;
|
||||
border-radius: 0px;
|
||||
border-radius: 0;
|
||||
border: none;
|
||||
color: @dark;
|
||||
overflow: hidden;
|
||||
|
|
@ -55,16 +15,16 @@ Homepage
|
|||
|
||||
.text-center {
|
||||
.roboto-slab.bold;
|
||||
margin: 10px 0px;
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
||||
h2 {
|
||||
margin: 20px 0px;
|
||||
margin: 20px 0;
|
||||
}
|
||||
}
|
||||
|
||||
.hero-buttons.container-fluid {
|
||||
padding: 20px 0px;
|
||||
padding: 20px 0;
|
||||
background-color: @sidebar-hover;
|
||||
|
||||
.btn-hero.btn {
|
||||
|
|
@ -72,16 +32,17 @@ Homepage
|
|||
padding: 20px 30px;
|
||||
.kill-background-image;
|
||||
.kill-box-shadow;
|
||||
border-radius: 0px;
|
||||
border-radius: 0;
|
||||
text-shadow: none;
|
||||
border: none;
|
||||
.opacity(0.80);
|
||||
margin: 0px 10px;
|
||||
margin: 0 10px;
|
||||
text-transform: uppercase;
|
||||
border: 5px solid @dark;
|
||||
|
||||
@media (max-width: 768px) {
|
||||
display: block; margin-bottom: 10px;
|
||||
display: block;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
|
|
@ -104,24 +65,24 @@ Homepage
|
|||
// color: white;
|
||||
// background-color: @text;
|
||||
background-color: white;
|
||||
padding: 40px 0px;
|
||||
padding: 40px 0;
|
||||
|
||||
.lead {
|
||||
.roboto-slab.regular;
|
||||
}
|
||||
|
||||
ul, ol {
|
||||
padding: 20px 0px;
|
||||
margin: 0 0 10px 0px;
|
||||
padding: 20px 0;
|
||||
margin: 0 0 10px 0;
|
||||
|
||||
li {
|
||||
list-style: none;
|
||||
padding-bottom: 5px;
|
||||
|
||||
&:before {
|
||||
&::before {
|
||||
content: '';
|
||||
width: 0px;
|
||||
height: 0px;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border: 3px solid transparent;
|
||||
border-left: 3px solid @light;
|
||||
float: left;
|
||||
|
|
@ -139,7 +100,7 @@ Homepage
|
|||
.homepage-footer.container-fluid {
|
||||
background-color: @dark;
|
||||
.kill-box-shadow;
|
||||
border-radius: 0px;
|
||||
border-radius: 0;
|
||||
color: light;
|
||||
border: none;
|
||||
|
||||
|
|
@ -149,7 +110,7 @@ Homepage
|
|||
|
||||
.footer-nav {
|
||||
&:extend(.list-unstyled all);
|
||||
margin: 40px 0px;
|
||||
margin: 40px 0;
|
||||
|
||||
li {
|
||||
a {
|
||||
|
|
@ -186,20 +147,20 @@ html, body {
|
|||
|
||||
.columns {
|
||||
.left-column {
|
||||
background-color:@sidebar-background;
|
||||
background-color: @sidebar-background;
|
||||
}
|
||||
|
||||
.right-column {
|
||||
.content-page {
|
||||
padding: 10px;
|
||||
background-color:#fff;
|
||||
background-color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.container-fluid .navbar-static-top {
|
||||
margin-left:-15px;
|
||||
margin-right:-15px;
|
||||
margin-left: -15px;
|
||||
margin-right: -15px;
|
||||
}
|
||||
|
||||
//mobile friendly sub-nav
|
||||
|
|
@ -216,20 +177,20 @@ html, body {
|
|||
|
||||
.content-area,
|
||||
.article-tree {
|
||||
padding: 0px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 768px) {
|
||||
@media screen and (min-width: 768px) {
|
||||
|
||||
body {
|
||||
//Needed only for floating code blocks
|
||||
background-color:@light;
|
||||
background-color: @light;
|
||||
}
|
||||
|
||||
.navbar-static-top {
|
||||
position:fixed;
|
||||
position: fixed;
|
||||
z-index: @zindex-navbar-fixed;
|
||||
width:100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.responsive-collapse {
|
||||
|
|
@ -240,105 +201,44 @@ html, body {
|
|||
display: block !important;
|
||||
}
|
||||
|
||||
//100% Height Columns
|
||||
// 100% Height Columns
|
||||
.container-fluid {
|
||||
|
||||
&.fluid-height {
|
||||
height:100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.content-area,
|
||||
.article-tree {
|
||||
overflow: auto;
|
||||
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.columns {
|
||||
height:100%;
|
||||
padding-top:@navbar-height;
|
||||
height: 100%;
|
||||
padding-top: @navbar-height;
|
||||
|
||||
.left-column {
|
||||
border-right:1px solid @lines;
|
||||
overflow-x:hidden;
|
||||
border-right: 1px solid @lines;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.right-column {
|
||||
.content-page {
|
||||
padding:20px;
|
||||
min-height:100%;
|
||||
padding: 20px;
|
||||
min-height: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//CSS For Fluid Tables
|
||||
@media only screen and (max-width: 800px) {
|
||||
|
||||
/* Force table to not be like tables anymore */
|
||||
table,
|
||||
thead,
|
||||
tbody,
|
||||
th,
|
||||
td,
|
||||
tr {
|
||||
display: block;
|
||||
border: none;
|
||||
}
|
||||
|
||||
/* Hide table headers (but not display: none;, for accessibility) */
|
||||
thead tr {
|
||||
position: absolute;
|
||||
top: -9999px;
|
||||
left: -9999px;
|
||||
}
|
||||
|
||||
tr {
|
||||
margin-bottom: 10px;
|
||||
border-bottom: 2px solid #ccc;
|
||||
|
||||
td, th {
|
||||
border: 1px solid #ccc;
|
||||
border-bottom: none;
|
||||
}
|
||||
}
|
||||
|
||||
td {
|
||||
/* Behave like a "row" */
|
||||
border: none;
|
||||
border-bottom: 1px solid #eee;
|
||||
position: relative;
|
||||
padding-left: 50% !important;
|
||||
white-space: normal;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
td:before {
|
||||
/* Now like a table header */
|
||||
position: absolute;
|
||||
/* Top/left values mimic padding */
|
||||
top: 6px;
|
||||
left: 6px;
|
||||
width: 45%;
|
||||
padding-right: 10px;
|
||||
white-space: nowrap;
|
||||
text-align: left;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* Label the data */
|
||||
td:before {
|
||||
content: attr(data-title);
|
||||
}
|
||||
}
|
||||
|
||||
@media print {
|
||||
.content-area {
|
||||
width:100% !important;
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
h1 a[href]:after {
|
||||
font-size:50%;
|
||||
h1 a[href]::after {
|
||||
font-size: 50%;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,161 @@
|
|||
/* ===========================================================================================
|
||||
Base CSS
|
||||
============================================================================================== */
|
||||
|
||||
//Fonts
|
||||
.roboto-slab {
|
||||
&.light {
|
||||
font-family: 'Roboto Slab', @font-family-sans-serif;
|
||||
font-weight: 100;
|
||||
}
|
||||
|
||||
&.book {
|
||||
font-family: 'Roboto Slab', @font-family-sans-serif;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
&.regular {
|
||||
font-family: 'Roboto Slab', @font-family-sans-serif;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
&.bold {
|
||||
font-family: 'Roboto Slab', @font-family-sans-serif;
|
||||
font-weight: 700;
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
text-rendering: optimizeLegibility;
|
||||
font-smoothing: antialiased;
|
||||
|
||||
font-size: 14px;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
.roboto-slab.book;
|
||||
}
|
||||
|
||||
a {
|
||||
color: @light;
|
||||
}
|
||||
|
||||
code {
|
||||
color: @dark;
|
||||
}
|
||||
|
||||
.content-page {
|
||||
@import "../../common/less/_typography.less";
|
||||
|
||||
pre {
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
padding: 10px 30px;
|
||||
margin-left: -20px;
|
||||
margin-right: -20px;
|
||||
}
|
||||
}
|
||||
|
||||
//Content pages float view
|
||||
.float-view {
|
||||
@media (min-width: 1150px) {
|
||||
.content-page {
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
padding: 0 !important;
|
||||
background-color: transparent !important;
|
||||
position: relative;
|
||||
|
||||
article {
|
||||
width: 100%;
|
||||
min-height: 100%;
|
||||
overflow: auto;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
|
||||
&::before {
|
||||
content: "";
|
||||
width: 50%;
|
||||
min-height: 100%;
|
||||
overflow: auto;
|
||||
background-color: white;
|
||||
display: block;
|
||||
margin: 0;
|
||||
position: absolute;
|
||||
z-index: -1;
|
||||
}
|
||||
}
|
||||
|
||||
table {
|
||||
float: left;
|
||||
clear: left;
|
||||
width: 47%;
|
||||
margin-left: 1.5%;
|
||||
margin-right: 1.5%;
|
||||
background-color: white;
|
||||
white-space: normal;
|
||||
|
||||
pre, code {
|
||||
white-space: normal;
|
||||
}
|
||||
}
|
||||
|
||||
.page-header {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.page-header, blockquote, p, ul, ol, dl, h2, h3, h4, h5, h6, hr {
|
||||
float: left;
|
||||
clear: left;
|
||||
width: 47%;
|
||||
margin-left: 1.5%;
|
||||
margin-right: 1.5%;
|
||||
|
||||
&::before {
|
||||
width: 100%;
|
||||
height: 10px;
|
||||
display: block;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
p, ul, ol, dl, h2, h3, h4, h5, h6, pre, hr {
|
||||
float: none;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
hr {
|
||||
border-color: #ddd;
|
||||
}
|
||||
|
||||
// Paragraphs and code inside lists and
|
||||
// blockquotes should have 100% width
|
||||
li, blockquote {
|
||||
p, pre {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
ul, ol {
|
||||
li {
|
||||
margin-left: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
pre {
|
||||
float: left;
|
||||
clear: right;
|
||||
width: 50%;
|
||||
border: none;
|
||||
border-left: 10px solid white;
|
||||
margin: 0 0 10px 0;
|
||||
padding: 0;
|
||||
|
||||
code {
|
||||
padding: 0 0.5em;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,135 +0,0 @@
|
|||
/* ===========================================================================================
|
||||
Code Highlighting
|
||||
============================================================================================== */
|
||||
|
||||
@hljs-css-prefix: hljs;
|
||||
|
||||
.@{hljs-css-prefix} {
|
||||
display: block;
|
||||
padding: 0.5em;
|
||||
}
|
||||
|
||||
.@{hljs-css-prefix},
|
||||
.@{hljs-css-prefix}-subst,
|
||||
.@{hljs-css-prefix}-tag .@{hljs-css-prefix}-title,
|
||||
.@{hljs-css-prefix}-lisp .@{hljs-css-prefix}-title,
|
||||
.@{hljs-css-prefix}-clojure .@{hljs-css-prefix}-built_in,
|
||||
.@{hljs-css-prefix}-nginx .@{hljs-css-prefix}-title {
|
||||
color: @dark;
|
||||
}
|
||||
|
||||
.@{hljs-css-prefix}-string,
|
||||
.@{hljs-css-prefix}-title,
|
||||
.@{hljs-css-prefix}-constant,
|
||||
.@{hljs-css-prefix}-parent,
|
||||
.@{hljs-css-prefix}-tag .@{hljs-css-prefix}-value,
|
||||
.@{hljs-css-prefix}-rules .@{hljs-css-prefix}-value,
|
||||
.@{hljs-css-prefix}-rules .@{hljs-css-prefix}-value .@{hljs-css-prefix}-number,
|
||||
.@{hljs-css-prefix}-preprocessor,
|
||||
.@{hljs-css-prefix}-ruby .@{hljs-css-prefix}-symbol,
|
||||
.@{hljs-css-prefix}-ruby .@{hljs-css-prefix}-symbol .@{hljs-css-prefix}-string,
|
||||
.@{hljs-css-prefix}-aggregate,
|
||||
.@{hljs-css-prefix}-template_tag,
|
||||
.@{hljs-css-prefix}-django .@{hljs-css-prefix}-variable,
|
||||
.@{hljs-css-prefix}-smalltalk .@{hljs-css-prefix}-class,
|
||||
.@{hljs-css-prefix}-addition,
|
||||
.@{hljs-css-prefix}-flow,
|
||||
.@{hljs-css-prefix}-stream,
|
||||
.@{hljs-css-prefix}-bash .@{hljs-css-prefix}-variable,
|
||||
.@{hljs-css-prefix}-apache .@{hljs-css-prefix}-tag,
|
||||
.@{hljs-css-prefix}-apache .@{hljs-css-prefix}-cbracket,
|
||||
.@{hljs-css-prefix}-tex .@{hljs-css-prefix}-command,
|
||||
.@{hljs-css-prefix}-tex .@{hljs-css-prefix}-special,
|
||||
.@{hljs-css-prefix}-erlang_repl .@{hljs-css-prefix}-function_or_atom,
|
||||
.@{hljs-css-prefix}-markdown .@{hljs-css-prefix}-header {
|
||||
color: @syntax-string;
|
||||
}
|
||||
|
||||
.@{hljs-css-prefix}-comment,
|
||||
.@{hljs-css-prefix}-annotation,
|
||||
.@{hljs-css-prefix}-template_comment,
|
||||
.@{hljs-css-prefix}-diff .@{hljs-css-prefix}-header,
|
||||
.@{hljs-css-prefix}-chunk,
|
||||
.@{hljs-css-prefix}-markdown .@{hljs-css-prefix}-blockquote {
|
||||
color: @syntax-comment;
|
||||
}
|
||||
|
||||
.@{hljs-css-prefix}-number,
|
||||
.@{hljs-css-prefix}-date,
|
||||
.@{hljs-css-prefix}-regexp,
|
||||
.@{hljs-css-prefix}-literal,
|
||||
.@{hljs-css-prefix}-smalltalk .@{hljs-css-prefix}-symbol,
|
||||
.@{hljs-css-prefix}-smalltalk .@{hljs-css-prefix}-char,
|
||||
.@{hljs-css-prefix}-go .@{hljs-css-prefix}-constant,
|
||||
.@{hljs-css-prefix}-change,
|
||||
.@{hljs-css-prefix}-markdown .@{hljs-css-prefix}-bullet,
|
||||
.@{hljs-css-prefix}-markdown .@{hljs-css-prefix}-link_url {
|
||||
color: @syntax-number;
|
||||
}
|
||||
|
||||
.@{hljs-css-prefix}-label,
|
||||
.@{hljs-css-prefix}-javadoc,
|
||||
.@{hljs-css-prefix}-ruby .@{hljs-css-prefix}-string,
|
||||
.@{hljs-css-prefix}-decorator,
|
||||
.@{hljs-css-prefix}-filter .@{hljs-css-prefix}-argument,
|
||||
.@{hljs-css-prefix}-localvars,
|
||||
.@{hljs-css-prefix}-array,
|
||||
.@{hljs-css-prefix}-attr_selector,
|
||||
.@{hljs-css-prefix}-important,
|
||||
.@{hljs-css-prefix}-pseudo,
|
||||
.@{hljs-css-prefix}-pi,
|
||||
.@{hljs-css-prefix}-doctype,
|
||||
.@{hljs-css-prefix}-deletion,
|
||||
.@{hljs-css-prefix}-envvar,
|
||||
.@{hljs-css-prefix}-shebang,
|
||||
.@{hljs-css-prefix}-apache .@{hljs-css-prefix}-sqbracket,
|
||||
.@{hljs-css-prefix}-nginx .@{hljs-css-prefix}-built_in,
|
||||
.@{hljs-css-prefix}-tex .@{hljs-css-prefix}-formula,
|
||||
.@{hljs-css-prefix}-erlang_repl .@{hljs-css-prefix}-reserved,
|
||||
.@{hljs-css-prefix}-prompt,
|
||||
.@{hljs-css-prefix}-markdown .@{hljs-css-prefix}-link_label,
|
||||
.@{hljs-css-prefix}-vhdl .@{hljs-css-prefix}-attribute,
|
||||
.@{hljs-css-prefix}-clojure .@{hljs-css-prefix}-attribute,
|
||||
.@{hljs-css-prefix}-coffeescript .@{hljs-css-prefix}-property {
|
||||
color: @syntax-label;
|
||||
}
|
||||
|
||||
.@{hljs-css-prefix}-keyword,
|
||||
.@{hljs-css-prefix}-id,
|
||||
.@{hljs-css-prefix}-phpdoc,
|
||||
.@{hljs-css-prefix}-title,
|
||||
.@{hljs-css-prefix}-built_in,
|
||||
.@{hljs-css-prefix}-aggregate,
|
||||
.@{hljs-css-prefix}-css .@{hljs-css-prefix}-tag,
|
||||
.@{hljs-css-prefix}-javadoctag,
|
||||
.@{hljs-css-prefix}-phpdoc,
|
||||
.@{hljs-css-prefix}-yardoctag,
|
||||
.@{hljs-css-prefix}-smalltalk .@{hljs-css-prefix}-class,
|
||||
.@{hljs-css-prefix}-winutils,
|
||||
.@{hljs-css-prefix}-bash .@{hljs-css-prefix}-variable,
|
||||
.@{hljs-css-prefix}-apache .@{hljs-css-prefix}-tag,
|
||||
.@{hljs-css-prefix}-go .@{hljs-css-prefix}-typename,
|
||||
.@{hljs-css-prefix}-tex .@{hljs-css-prefix}-command,
|
||||
.@{hljs-css-prefix}-markdown .@{hljs-css-prefix}-strong,
|
||||
.@{hljs-css-prefix}-request,
|
||||
.@{hljs-css-prefix}-status {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.@{hljs-css-prefix}-markdown .@{hljs-css-prefix}-emphasis {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.@{hljs-css-prefix}-nginx .@{hljs-css-prefix}-built_in {
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.@{hljs-css-prefix}-coffeescript .@{hljs-css-prefix}-javascript,
|
||||
.@{hljs-css-prefix}-javascript .@{hljs-css-prefix}-xml,
|
||||
.@{hljs-css-prefix}-tex .@{hljs-css-prefix}-formula,
|
||||
.@{hljs-css-prefix}-xml .@{hljs-css-prefix}-javascript,
|
||||
.@{hljs-css-prefix}-xml .@{hljs-css-prefix}-vbscript,
|
||||
.@{hljs-css-prefix}-xml .@{hljs-css-prefix}-css,
|
||||
.@{hljs-css-prefix}-xml .@{hljs-css-prefix}-cdata {
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
|
@ -5,7 +5,8 @@
|
|||
*/
|
||||
|
||||
// Daux Style
|
||||
@import "mixins.less";
|
||||
@import "structure.less";
|
||||
@import "components.less";
|
||||
@import "highlight.less";
|
||||
@import "_mixins.less";
|
||||
@import "_typography.less";
|
||||
@import "_structure.less";
|
||||
@import "_components.less";
|
||||
@import "vendor/highlight.less";
|
||||
|
|
|
|||
|
|
@ -1,20 +1,15 @@
|
|||
|
||||
//Daux.io Blue
|
||||
@sidebar-background: #f7f7f7;
|
||||
@sidebar-hover: #c5c5cb;
|
||||
@lines: #e7e7e9;
|
||||
@dark: #3f4657;
|
||||
@light: #82becd;
|
||||
@text: #2d2d2d;
|
||||
@syntax-string: #022e99;
|
||||
@syntax-comment: #84989b;
|
||||
@syntax-number: #2f9b92;
|
||||
@syntax-label: #840d7a;
|
||||
@sidebar-background: #f7f7f7;
|
||||
@sidebar-hover: #c5c5cb;
|
||||
@lines: #e7e7e9;
|
||||
@dark: #3f4657;
|
||||
@light: #82becd;
|
||||
@text: #2d2d2d;
|
||||
|
||||
// Bootstrap
|
||||
@import "../../daux/less/bootstrap/variables.less";
|
||||
@import "../../daux/less/bootstrap/mixins.less";
|
||||
@icon-font-path: "../../daux/fonts/";
|
||||
@import "vendor/bootstrap/variables.less";
|
||||
@import "vendor/bootstrap/mixins.less";
|
||||
@icon-font-path: "../../daux/fonts/";
|
||||
|
||||
// Daux.io Base
|
||||
@import "theme-base.less";
|
||||
@import "theme-base.less";
|
||||
|
|
|
|||
|
|
@ -1,20 +1,15 @@
|
|||
|
||||
//Daux.io Green
|
||||
@sidebar-background: #f5f5f6;
|
||||
@sidebar-hover: #a0d55d;
|
||||
@lines: #e7e7e9;
|
||||
@dark: #000000;
|
||||
@light: #8acc37;
|
||||
@text: #2d2d2d;
|
||||
@syntax-string: #e0ff00;
|
||||
@syntax-comment: #c4e598;
|
||||
@syntax-number: #097c4e;
|
||||
@syntax-label: #022e99;
|
||||
@sidebar-background: #f5f5f6;
|
||||
@sidebar-hover: #a0d55d;
|
||||
@lines: #e7e7e9;
|
||||
@dark: #000;
|
||||
@light: #8acc37;
|
||||
@text: #2d2d2d;
|
||||
|
||||
// Bootstrap
|
||||
@import "../../daux/less/bootstrap/variables.less";
|
||||
@import "../../daux/less/bootstrap/mixins.less";
|
||||
@icon-font-path: "../../daux/fonts/";
|
||||
@import "vendor/bootstrap/variables.less";
|
||||
@import "vendor/bootstrap/mixins.less";
|
||||
@icon-font-path: "../../daux/fonts/";
|
||||
|
||||
// Daux.io Base
|
||||
@import "theme-base.less";
|
||||
@import "theme-base.less";
|
||||
|
|
|
|||
|
|
@ -1,20 +1,15 @@
|
|||
|
||||
//Daux.io Navy
|
||||
@sidebar-hover: #c5c5cb;
|
||||
@lines: #e7e7e9;
|
||||
@sidebar-background: #f5f5f6;
|
||||
@dark: #13132a;
|
||||
@light: #7795b4;
|
||||
@text: #2d2d2d;
|
||||
@syntax-string: #000000;
|
||||
@syntax-comment: #505050;
|
||||
@syntax-number: #09559b;
|
||||
@syntax-label: #001775;
|
||||
@sidebar-hover: #c5c5cb;
|
||||
@lines: #e7e7e9;
|
||||
@sidebar-background: #f5f5f6;
|
||||
@dark: #13132a;
|
||||
@light: #7795b4;
|
||||
@text: #2d2d2d;
|
||||
|
||||
// Bootstrap
|
||||
@import "../../daux/less/bootstrap/variables.less";
|
||||
@import "../../daux/less/bootstrap/mixins.less";
|
||||
@icon-font-path: "../../daux/fonts/";
|
||||
@import "vendor/bootstrap/variables.less";
|
||||
@import "vendor/bootstrap/mixins.less";
|
||||
@icon-font-path: "../../daux/fonts/";
|
||||
|
||||
// Daux.io Base
|
||||
@import "theme-base.less";
|
||||
@import "theme-base.less";
|
||||
|
|
|
|||
|
|
@ -1,20 +1,15 @@
|
|||
|
||||
// Daux.io Red
|
||||
@sidebar-hover: #eeeeee;
|
||||
@lines: #eeeeee;
|
||||
@sidebar-background: #f7f7f7;
|
||||
@dark: #c64641; //#df4f49;
|
||||
@light: #ecb5a1;
|
||||
@text: #2d2d2d;
|
||||
@syntax-string: #557aa2;
|
||||
@syntax-comment: #ecdfd0;
|
||||
@syntax-number: #9b2f7d;
|
||||
@syntax-label: #a31621;
|
||||
@sidebar-hover: #eee;
|
||||
@lines: #eee;
|
||||
@sidebar-background: #f7f7f7;
|
||||
@dark: #c64641; //#df4f49;
|
||||
@light: #ecb5a1;
|
||||
@text: #2d2d2d;
|
||||
|
||||
// Bootstrap
|
||||
@import "../../daux/less/bootstrap/variables.less";
|
||||
@import "../../daux/less/bootstrap/mixins.less";
|
||||
@icon-font-path: "../../daux/fonts/";
|
||||
@import "vendor/bootstrap/variables.less";
|
||||
@import "vendor/bootstrap/mixins.less";
|
||||
@icon-font-path: "../../daux/fonts/";
|
||||
|
||||
// Daux.io Base
|
||||
@import "theme-base.less";
|
||||
@import "theme-base.less";
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
|
||||
// Bootstrap
|
||||
@import "../../daux/less/bootstrap/bootstrap.less";
|
||||
@icon-font-path: "../fonts/";
|
||||
@import "vendor/bootstrap/bootstrap.less";
|
||||
|
||||
@icon-font-path: "../fonts/";
|
||||
|
|
|
|||
Sommige bestanden werden niet getoond omdat er teveel bestanden zijn veranderd in deze diff Meer weergeven
Laden…
Verwijs in nieuw issue