Improve readability of the theme, fixes #363
This commit is contained in:
Stéphane Goetz
parent
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;
|
||||
}
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -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/";
|
||||
|
|
|
|||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue