clone of full repo to new org
This commit is contained in:
Wes Wilson
parent
25fb22da90
commit
fcc521d4e7
2
.gitattributes
vendored
Normal file
2
.gitattributes
vendored
Normal file
@ -0,0 +1,2 @@
|
|||||||
|
# Auto detect text files and perform LF normalization
|
||||||
|
* text=auto
|
||||||
2
.gitignore
vendored
Normal file
2
.gitignore
vendored
Normal file
@ -0,0 +1,2 @@
|
|||||||
|
node_modules
|
||||||
|
docs/.vuepress/dist/*
|
||||||
3
.netlify/state.json
Normal file
3
.netlify/state.json
Normal file
@ -0,0 +1,3 @@
|
|||||||
|
{
|
||||||
|
"siteId": "81fac149-ae47-4c68-9614-8d5ffcbbf883"
|
||||||
|
}
|
||||||
0
.vscode/settings.json
vendored
Normal file
0
.vscode/settings.json
vendored
Normal file
20
README.md
20
README.md
@ -1 +1,19 @@
|
|||||||
starlingx-website
|
# StarlingX website
|
||||||
|
This is the public repo to mantain the StarlingX website at starlingx.io.
|
||||||
|
|
||||||
|
## Installation instructions
|
||||||
|
|
||||||
|
### Install vuepress globally
|
||||||
|
```
|
||||||
|
npm install -g vuepress
|
||||||
|
```
|
||||||
|
|
||||||
|
### Install npm packages
|
||||||
|
```
|
||||||
|
npm install
|
||||||
|
```
|
||||||
|
|
||||||
|
### Run vuepress ('site' tells it where to look)
|
||||||
|
```
|
||||||
|
vuepress dev site
|
||||||
|
```
|
||||||
|
|||||||
3
netlify.toml
Normal file
3
netlify.toml
Normal file
@ -0,0 +1,3 @@
|
|||||||
|
[build]
|
||||||
|
command = "yarn site:build"
|
||||||
|
publish = "site/.vuepress/dist/"
|
||||||
14490
package-lock.json
generated
Normal file
14490
package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load Diff
25
package.json
Normal file
25
package.json
Normal file
@ -0,0 +1,25 @@
|
|||||||
|
{
|
||||||
|
"devDependencies": {
|
||||||
|
"eslint-config-prettier": "^3.1.0",
|
||||||
|
"eslint-plugin-prettier": "^2.6.2",
|
||||||
|
"vuepress": "^0.14.2"
|
||||||
|
},
|
||||||
|
"scripts": {
|
||||||
|
"site:dev": "vuepress dev site",
|
||||||
|
"site:build": "vuepress build site"
|
||||||
|
},
|
||||||
|
"eslintConfig": {
|
||||||
|
"root": true,
|
||||||
|
"extends": [
|
||||||
|
"plugin:vue/essential",
|
||||||
|
"plugin:prettier/recommended",
|
||||||
|
"eslint:recommended"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"buefy": "^0.7.0",
|
||||||
|
"eslint": "^5.6.0",
|
||||||
|
"node-sass": "^4.9.3",
|
||||||
|
"sass-loader": "^7.1.0"
|
||||||
|
}
|
||||||
|
}
|
||||||
BIN
site/.DS_Store
vendored
Normal file
BIN
site/.DS_Store
vendored
Normal file
Binary file not shown.
BIN
site/.vuepress/.DS_Store
vendored
Normal file
BIN
site/.vuepress/.DS_Store
vendored
Normal file
Binary file not shown.
BIN
site/.vuepress/components/.DS_Store
vendored
Normal file
BIN
site/.vuepress/components/.DS_Store
vendored
Normal file
Binary file not shown.
111
site/.vuepress/components/Blog.vue
Normal file
111
site/.vuepress/components/Blog.vue
Normal file
@ -0,0 +1,111 @@
|
|||||||
|
<template>
|
||||||
|
<main class="main">
|
||||||
|
<hero class="hero-intro is-primary" containerClass="container-thin" withEntry title="Blog">
|
||||||
|
<template slot="entry">
|
||||||
|
<p>StarlingX news, announcements, best practices, use cases and more.</p>
|
||||||
|
</template>
|
||||||
|
</hero>
|
||||||
|
|
||||||
|
<div class="main-inner">
|
||||||
|
<div class="container container-thin">
|
||||||
|
<h4 class="main-title">All Posts</h4><!-- /.main-title -->
|
||||||
|
|
||||||
|
<div class="main-container">
|
||||||
|
<div class="content">
|
||||||
|
<PostList :author='author' :category='category' />
|
||||||
|
</div><!-- /.content -->
|
||||||
|
|
||||||
|
<aside class="sidebar">
|
||||||
|
<ul class="widgets">
|
||||||
|
<li class="widget">
|
||||||
|
<div class="widget-head">
|
||||||
|
<h6 class="widget-title">Categories</h6><!-- /.widget-title -->
|
||||||
|
</div><!-- /.widget-head -->
|
||||||
|
|
||||||
|
<div class="widget-body">
|
||||||
|
<ul class="widget-list">
|
||||||
|
<li>
|
||||||
|
<router-link to="/blog/?category=news">News & Announcements</router-link>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li>
|
||||||
|
<router-link to="/blog/?category=software">Software</router-link>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li>
|
||||||
|
<router-link to="/blog/?category=use-cases">Use Cases</router-link>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li>
|
||||||
|
<router-link to="/blog/?category=features-and-updates">Features & Updates</router-link>
|
||||||
|
</li>
|
||||||
|
</ul><!-- /.widget-list -->
|
||||||
|
</div><!-- /.widget-body -->
|
||||||
|
</li><!-- /.widget -->
|
||||||
|
|
||||||
|
<li class="widget">
|
||||||
|
<div class="widget-head">
|
||||||
|
<h6 class="widget-title">Connect</h6><!-- /.widget-title -->
|
||||||
|
</div><!-- /.widget-head -->
|
||||||
|
|
||||||
|
<div class="widget-body">
|
||||||
|
<ul class="widget-list">
|
||||||
|
<li>
|
||||||
|
<a href="http://lists.starlingx.io">Mailing Lists</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li>
|
||||||
|
<a href="//wiki.openstack.org/wiki/StarlingX#Meetings">Weekly Calls</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li>
|
||||||
|
<a href="//freenode.net">Freenode IRC: #starlingx</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li>
|
||||||
|
<a href="//twitter.com/starlingx">Twitter</a>
|
||||||
|
</li>
|
||||||
|
</ul><!-- /.widget-list -->
|
||||||
|
</div><!-- /.widget-body -->
|
||||||
|
</li><!-- /.widget -->
|
||||||
|
</ul><!-- /.widgets -->
|
||||||
|
</aside><!-- /.sidebar -->
|
||||||
|
</div><!-- /.main-container -->
|
||||||
|
</div><!-- /.container -->
|
||||||
|
</div><!-- /.main-inner -->
|
||||||
|
</main><!-- /.main -->
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import PostList from "./PostList.vue";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
/**
|
||||||
|
* The name of the component.
|
||||||
|
*
|
||||||
|
* @type {Strng}
|
||||||
|
*/
|
||||||
|
name: "Blog",
|
||||||
|
|
||||||
|
components: { PostList },
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Internal state of the component.
|
||||||
|
*
|
||||||
|
* @return {Object}
|
||||||
|
*/
|
||||||
|
data: () => ({
|
||||||
|
total: 200,
|
||||||
|
current: 2,
|
||||||
|
perPage: 20
|
||||||
|
}),
|
||||||
|
computed: {
|
||||||
|
category() {
|
||||||
|
return this.$route.query.category || "all";
|
||||||
|
},
|
||||||
|
author() {
|
||||||
|
return this.$route.query.author || "any";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
||||||
44
site/.vuepress/components/BlogSingle.vue
Normal file
44
site/.vuepress/components/BlogSingle.vue
Normal file
@ -0,0 +1,44 @@
|
|||||||
|
<template>
|
||||||
|
<main class="main main-border">
|
||||||
|
<base-section containerClass="container-thin-alt" class="section-article-single">
|
||||||
|
<div class="article-single">
|
||||||
|
<div class="article-single-head">
|
||||||
|
<h3 class="article-single-title">{{ $page.title }}</h3><!-- /.article-single-title -->
|
||||||
|
|
||||||
|
<div class="article-single-meta">
|
||||||
|
<p>By <a :href="authorLink">{{ authorName }}</a> on {{ friendlyDate }}.</p>
|
||||||
|
</div><!-- /.article-single-meta -->
|
||||||
|
</div><!-- /.article-single-head -->
|
||||||
|
|
||||||
|
<div class="article-single-entry">
|
||||||
|
<Content />
|
||||||
|
</div><!-- /.article-single-entry -->
|
||||||
|
|
||||||
|
</div><!-- /.article-single -->
|
||||||
|
</base-section>
|
||||||
|
</main><!-- /.main -->
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
const matchesAuthor = (page, author) => {
|
||||||
|
if (page.path == "/authors/" + author + ".html") return true;
|
||||||
|
};
|
||||||
|
|
||||||
|
export default {
|
||||||
|
computed: {
|
||||||
|
friendlyDate() {
|
||||||
|
return new Date(this.$page.frontmatter.date).toLocaleDateString();
|
||||||
|
},
|
||||||
|
authorLink() {
|
||||||
|
return "/blog/?author=" + this.$page.frontmatter.author;
|
||||||
|
},
|
||||||
|
authorName() {
|
||||||
|
let author = this.$page.frontmatter.author;
|
||||||
|
let authors = this.$site.pages.filter(x => {
|
||||||
|
return matchesAuthor(x, author);
|
||||||
|
});
|
||||||
|
return authors[0].frontmatter.name;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
||||||
62
site/.vuepress/components/FieldWrap.vue
Normal file
62
site/.vuepress/components/FieldWrap.vue
Normal file
@ -0,0 +1,62 @@
|
|||||||
|
<template>
|
||||||
|
<div :class="['field-wrapper', type]">
|
||||||
|
<label class="field-wrapper-label" :for="labelFor">
|
||||||
|
<span>{{ label }}</span>
|
||||||
|
|
||||||
|
<span class="field-wrapper-message">{{ message }}</span>
|
||||||
|
</label>
|
||||||
|
|
||||||
|
<b-field-body :type="type">
|
||||||
|
<slot />
|
||||||
|
</b-field-body>
|
||||||
|
</div><!-- /.field-wrapper -->
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/**
|
||||||
|
* @ The external dependecies.
|
||||||
|
*/
|
||||||
|
import FieldBody from 'buefy/src/components/field/FieldBody'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
/**
|
||||||
|
* The name of the component.
|
||||||
|
*
|
||||||
|
* @type {Strng}
|
||||||
|
*/
|
||||||
|
name: 'field-wrap',
|
||||||
|
|
||||||
|
/**
|
||||||
|
* The imported components.
|
||||||
|
*
|
||||||
|
* @type {Object}
|
||||||
|
*/
|
||||||
|
components: {
|
||||||
|
'b-field-body': FieldBody
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* The supported properties of the component.
|
||||||
|
*
|
||||||
|
* @type {Object}
|
||||||
|
*/
|
||||||
|
props: {
|
||||||
|
type: {
|
||||||
|
type: String,
|
||||||
|
default: () => {}
|
||||||
|
},
|
||||||
|
label: {
|
||||||
|
type: String,
|
||||||
|
default: () => {}
|
||||||
|
},
|
||||||
|
labelFor: {
|
||||||
|
type: String,
|
||||||
|
default: () => {}
|
||||||
|
},
|
||||||
|
message: {
|
||||||
|
type: String,
|
||||||
|
default: () => {}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
3
site/.vuepress/components/Home.vue
Normal file
3
site/.vuepress/components/Home.vue
Normal file
@ -0,0 +1,3 @@
|
|||||||
|
<template>
|
||||||
|
<custom-content />
|
||||||
|
</template>
|
||||||
22
site/.vuepress/components/HomeAnnouncement.vue
Normal file
22
site/.vuepress/components/HomeAnnouncement.vue
Normal file
@ -0,0 +1,22 @@
|
|||||||
|
<template>
|
||||||
|
<box withActions title="First Release of StarlingX Open Source Edge Cloud Software Now Available">
|
||||||
|
|
||||||
|
<slot></slot>
|
||||||
|
|
||||||
|
<template slot="actions">
|
||||||
|
<a :href="link" class="button is-primary is-rounded">
|
||||||
|
<span>{{ buttonName }}</span>
|
||||||
|
|
||||||
|
<span class="ico">
|
||||||
|
<img :src="require('../theme/svg/arrow-left.svg')" alt="Call To Action" />
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
</template>
|
||||||
|
</box>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
props: ['buttonName','link']
|
||||||
|
}
|
||||||
|
</script>
|
||||||
63
site/.vuepress/components/HomeContent.vue
Normal file
63
site/.vuepress/components/HomeContent.vue
Normal file
@ -0,0 +1,63 @@
|
|||||||
|
<template>
|
||||||
|
<main class="main">
|
||||||
|
<hero class="hero-main is-primary" withButton :title="$page.frontmatter.hero.headline" :image="require('../theme/images/hero-image.png')">
|
||||||
|
<template slot="buttons">
|
||||||
|
<a :href="$page.frontmatter.hero.button.url" class="button is-primary-dark is-rounded">
|
||||||
|
<span>{{ $page.frontmatter.hero.button.title }}</span>
|
||||||
|
|
||||||
|
<span class="ico">
|
||||||
|
<img :src="require('../theme/svg/arrow-left.svg')" alt="View the Code" />
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
</template>
|
||||||
|
</hero>
|
||||||
|
|
||||||
|
<base-article :image="require('../theme/images/StarlingX_Diagram_SimplifiedArchitecture.jpg')">
|
||||||
|
<slot name="about"></slot>
|
||||||
|
</base-article>
|
||||||
|
|
||||||
|
<base-section class="section-watermark is-dark" containerClass="container-small" withFoot :image="require('../theme/images/watermark.png')">
|
||||||
|
<div class="columns is-multiline">
|
||||||
|
<div class="column is-one-third values" v-for="value in $page.frontmatter.values">
|
||||||
|
<article-small :title="value.title" :image="require('../theme/svg/' + value.icon )">
|
||||||
|
<p>{{ value.copy }}</p>
|
||||||
|
</article-small>
|
||||||
|
</div><!-- /.column -->
|
||||||
|
|
||||||
|
</div><!-- /.columns -->
|
||||||
|
</base-section>
|
||||||
|
|
||||||
|
<base-section class="section-modified">
|
||||||
|
<div class="section-inner">
|
||||||
|
<div class="columns">
|
||||||
|
<div class="column">
|
||||||
|
<list-numeric title="How to Get Involved" :items="$page.frontmatter.getInvolvedSteps">
|
||||||
|
<template slot-scope="{ item }">
|
||||||
|
<h6>{{ item.title }}</h6>
|
||||||
|
|
||||||
|
<p>{{ item.entry }}</p>
|
||||||
|
|
||||||
|
<a :href="item.link.url">{{ item.link.title }}</a>
|
||||||
|
</template>
|
||||||
|
</list-numeric>
|
||||||
|
</div><!-- /.column -->
|
||||||
|
|
||||||
|
<div class="column">
|
||||||
|
<slot name="announcement"></slot>
|
||||||
|
</div><!-- /.column -->
|
||||||
|
</div><!-- /.columns -->
|
||||||
|
</div><!-- /.section-inner -->
|
||||||
|
</base-section>
|
||||||
|
</main><!-- /.main -->
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
/**
|
||||||
|
* The name of the component.
|
||||||
|
*
|
||||||
|
* @type {Strng}
|
||||||
|
*/
|
||||||
|
name: "HomeContent"
|
||||||
|
};
|
||||||
|
</script>
|
||||||
82
site/.vuepress/components/InnerPage.vue
Normal file
82
site/.vuepress/components/InnerPage.vue
Normal file
@ -0,0 +1,82 @@
|
|||||||
|
<template>
|
||||||
|
<main class="main">
|
||||||
|
<hero class="hero-intro is-primary" containerClass="container-thin" withEntry title="Page Title">
|
||||||
|
<template slot="entry">
|
||||||
|
<p>This could be a short summary of what a reader might find on this page.</p>
|
||||||
|
</template>
|
||||||
|
</hero>
|
||||||
|
|
||||||
|
<base-section class="section-article-simple" containerClass="container-thin">
|
||||||
|
<article class="article-simple">
|
||||||
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sollicitudin purus ante, et porta eros volutpat nec. Nullam tincidunt ultrices lorem, vel euismod mi placerat nec. Nullam porttitor nibh sagittis, suscipit lorem pharetra, <a href="#">example link here</a>. Pellentesque posuere vitae magna quis gravida. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras consequat orci eu sapien dictum, et bibendum nulla pellentesque. Nullam fringilla dolor eget nibh iaculis volutpat. Donec tempor accumsan consectetur. Etiam lobortis cursus neque ac eleifend. Maecenas pharetra vehicula arcu quis fermentum. Integer ullamcorper tortor in magna condimentum, vitae fringilla lacus fringilla. Aenean malesuada bibendum diam nec volutpat. Nullam pretium tellus nisi, ut aliquam arcu consectetur blandit.</p>
|
||||||
|
|
||||||
|
<h2>H2</h2>
|
||||||
|
|
||||||
|
<h3>H3</h3>
|
||||||
|
|
||||||
|
<h4>H4</h4>
|
||||||
|
|
||||||
|
<h5>H5</h5>
|
||||||
|
|
||||||
|
<p>Donec dui massa, porttitor sit amet dignissim sed, placerat eget orci. Pellentesque id ullamcorper elit. Aliquam accumsan, neque eu pulvinar eleifend, lorem ante lacinia diam, id vehicula erat velit nec tortor.</p>
|
||||||
|
|
||||||
|
<img src="../theme/images/sample-photo.png" alt="Sample Photo" />
|
||||||
|
|
||||||
|
<p>Donec dui massa, porttitor sit amet dignissim sed, placerat eget orci. Pellentesque id ullamcorper elit. Aliquam accumsan, neque eu pulvinar eleifend, lorem ante lacinia diam, id vehicula erat velit nec tortor.</p>
|
||||||
|
</article><!-- /.article-simple -->
|
||||||
|
|
||||||
|
<div class="form">
|
||||||
|
<form>
|
||||||
|
<h5 class="form-title">Form</h5><!-- /.form-title -->
|
||||||
|
|
||||||
|
<div class="form-body">
|
||||||
|
<field-wrap label="Label">
|
||||||
|
<b-input placeholder="Placeholder text" />
|
||||||
|
</field-wrap>
|
||||||
|
|
||||||
|
<field-wrap label="Label">
|
||||||
|
<b-input value="Entered text" placeholder="Placeholder text" />
|
||||||
|
</field-wrap>
|
||||||
|
|
||||||
|
<field-wrap type="is-danger" label="Another Label" message="This field is required.">
|
||||||
|
<b-input placeholder="Placeholder text" />
|
||||||
|
</field-wrap>
|
||||||
|
|
||||||
|
<div class="checkboxes">
|
||||||
|
<h6 class="checkboxes-title">Question for the following check boxes</h6><!-- /.checkboxes-title -->
|
||||||
|
|
||||||
|
<div class="checkbox-wrap">
|
||||||
|
<b-checkbox>Option number one</b-checkbox>
|
||||||
|
</div><!-- /.checkbox -->
|
||||||
|
|
||||||
|
<div class="checkbox-wrap">
|
||||||
|
<b-checkbox>The second option</b-checkbox>
|
||||||
|
</div><!-- /.checkbox -->
|
||||||
|
|
||||||
|
<div class="checkbox-wrap">
|
||||||
|
<b-checkbox>Option number three</b-checkbox>
|
||||||
|
</div><!-- /.checkbox -->
|
||||||
|
</div><!-- /.checkboxes -->
|
||||||
|
</div><!-- /.form-body -->
|
||||||
|
|
||||||
|
<div class="form-foot">
|
||||||
|
<button class="button is-large is-primary is-rounded">submit</button>
|
||||||
|
</div><!-- /.form-foot -->
|
||||||
|
</form>
|
||||||
|
</div><!-- /.form -->
|
||||||
|
</base-section>
|
||||||
|
</main><!-- /.main -->
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
|
||||||
|
export default {
|
||||||
|
/**
|
||||||
|
* The name of the component.
|
||||||
|
*
|
||||||
|
* @type {Strng}
|
||||||
|
*/
|
||||||
|
name: 'InnerPage'
|
||||||
|
|
||||||
|
}
|
||||||
|
</script>
|
||||||
56
site/.vuepress/components/PostList.vue
Normal file
56
site/.vuepress/components/PostList.vue
Normal file
@ -0,0 +1,56 @@
|
|||||||
|
<template>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<article-excerpt v-if="posts.length" v-for="post in posts" :key="post.path" :articleLink="post.path" :title="post.frontmatter.title" :author="post.frontmatter.author" :date="post.frontmatter.date" metaLink="https://www.google.com/">
|
||||||
|
<div v-html="post.excerpt"></div>
|
||||||
|
</article-excerpt>
|
||||||
|
<div v-if="!posts.length">There don't seem to be any posts that match.</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
|
||||||
|
const inThisPath = (item, path) => {
|
||||||
|
return item.path.match(new RegExp(`(${path})(?=.*html)`))
|
||||||
|
}
|
||||||
|
|
||||||
|
const inThisCategory = (item, category) => {
|
||||||
|
if (category == 'all') return true;
|
||||||
|
if (!item.frontmatter) return false;
|
||||||
|
return item.frontmatter.category == category
|
||||||
|
}
|
||||||
|
|
||||||
|
const byThisAuthor = (item, author) => {
|
||||||
|
if (author == 'any') return true;
|
||||||
|
if (!item.frontmatter) return false;
|
||||||
|
return item.frontmatter.author == author
|
||||||
|
}
|
||||||
|
|
||||||
|
export default {
|
||||||
|
|
||||||
|
props: ["page","category","author"],
|
||||||
|
computed: {
|
||||||
|
posts() {
|
||||||
|
let currentPage = this.page ? this.page : this.$page.path;
|
||||||
|
let category = this.category || 'all';
|
||||||
|
let author = this.author || 'any';
|
||||||
|
|
||||||
|
let posts = this.$site.pages
|
||||||
|
.filter(x => {
|
||||||
|
return inThisPath(x, currentPage)
|
||||||
|
})
|
||||||
|
.filter(x => {
|
||||||
|
return inThisCategory(x, category)
|
||||||
|
})
|
||||||
|
.filter(x => {
|
||||||
|
return byThisAuthor(x, author)
|
||||||
|
})
|
||||||
|
.sort((a, b) => {
|
||||||
|
return new Date(b.frontmatter.date) - new Date(a.frontmatter.date);
|
||||||
|
});
|
||||||
|
return posts;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
||||||
72
site/.vuepress/components/article-excerpt.vue
Normal file
72
site/.vuepress/components/article-excerpt.vue
Normal file
@ -0,0 +1,72 @@
|
|||||||
|
<template>
|
||||||
|
<div class="article-excerpt">
|
||||||
|
<h5 class="article-excerpt-title">
|
||||||
|
<router-link v-if="articleLink" :to="articleLink">{{ title }}</router-link>
|
||||||
|
|
||||||
|
<span v-else>{{ title }}</span>
|
||||||
|
</h5><!-- /.article-excerpt-title -->
|
||||||
|
|
||||||
|
<div class="article-excerpt-entry">
|
||||||
|
<slot />
|
||||||
|
</div><!-- /.article-excerpt-entry -->
|
||||||
|
|
||||||
|
<div class="article-excerpt-meta">
|
||||||
|
<p>By <a :href="authorLink">{{ authorName }}</a> on {{ friendlyDate }}</p>
|
||||||
|
</div><!-- /.article-excerpt-meta -->
|
||||||
|
</div><!-- /.article-excerpt -->
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
const matchesAuthor = (page, author) => {
|
||||||
|
if (page.path == "/authors/" + author + ".html") return true;
|
||||||
|
};
|
||||||
|
|
||||||
|
export default {
|
||||||
|
/**
|
||||||
|
* The name of the component.
|
||||||
|
*
|
||||||
|
* @type {Strng}
|
||||||
|
*/
|
||||||
|
name: "ArticleExcerpt",
|
||||||
|
|
||||||
|
/**
|
||||||
|
* The supported properties of the component.
|
||||||
|
*
|
||||||
|
* @type {Object}
|
||||||
|
*/
|
||||||
|
props: {
|
||||||
|
articleLink: {
|
||||||
|
type: null,
|
||||||
|
default: () => {}
|
||||||
|
},
|
||||||
|
title: {
|
||||||
|
type: String,
|
||||||
|
default: () => {}
|
||||||
|
},
|
||||||
|
author: {
|
||||||
|
type: String,
|
||||||
|
default: () => {}
|
||||||
|
},
|
||||||
|
date: {
|
||||||
|
type: String,
|
||||||
|
default: () => {}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
friendlyDate() {
|
||||||
|
return new Date(this.date).toLocaleDateString();
|
||||||
|
},
|
||||||
|
authorLink() {
|
||||||
|
return "/blog/?author=" + this.author;
|
||||||
|
},
|
||||||
|
authorName() {
|
||||||
|
let author = this.author;
|
||||||
|
let authors = this.$site.pages.filter(x => {
|
||||||
|
return matchesAuthor(x, author);
|
||||||
|
});
|
||||||
|
if (authors.length && authors[0].frontmatter)
|
||||||
|
return authors[0].frontmatter.name;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
||||||
45
site/.vuepress/components/article-small.vue
Normal file
45
site/.vuepress/components/article-small.vue
Normal file
@ -0,0 +1,45 @@
|
|||||||
|
<template>
|
||||||
|
<div class="article-small">
|
||||||
|
<figure v-if="image" class="article-small__image">
|
||||||
|
<img
|
||||||
|
:src="image"
|
||||||
|
:alt="title"
|
||||||
|
/>
|
||||||
|
</figure><!-- /.article-small__image -->
|
||||||
|
|
||||||
|
<div class="article-small__content">
|
||||||
|
<h6 class="article-small__title">{{ title }}</h6><!-- /.article-small__title -->
|
||||||
|
|
||||||
|
<div class="article-small__entry">
|
||||||
|
<slot />
|
||||||
|
</div><!-- /.article-small__entry -->
|
||||||
|
</div><!-- /.article-small__content -->
|
||||||
|
</div><!-- /.article-small -->
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
/**
|
||||||
|
* The name of the component.
|
||||||
|
*
|
||||||
|
* @type {Strng}
|
||||||
|
*/
|
||||||
|
name: 'ArticleSmall',
|
||||||
|
|
||||||
|
/**
|
||||||
|
* The supported properties of the component.
|
||||||
|
*
|
||||||
|
* @type {Object}
|
||||||
|
*/
|
||||||
|
props: {
|
||||||
|
image: {
|
||||||
|
type: String,
|
||||||
|
default: () => {}
|
||||||
|
},
|
||||||
|
title: {
|
||||||
|
type: String,
|
||||||
|
default: () => {}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
28
site/.vuepress/components/bar.vue
Normal file
28
site/.vuepress/components/bar.vue
Normal file
@ -0,0 +1,28 @@
|
|||||||
|
<template>
|
||||||
|
<div class="bar is-dark-gray">
|
||||||
|
<div class="container">
|
||||||
|
<div class="bar-inner">
|
||||||
|
<div class="bar-logo">
|
||||||
|
<img :src="require('../theme/images/bar-logo.svg')" alt="Meet the StarlingX Community" />
|
||||||
|
</div><!-- /.bar-logo -->
|
||||||
|
|
||||||
|
<div class="bar-entry">
|
||||||
|
<p>Meet the StarlingX Community at the OpenStack Summit, November 13-15 in Berlin, Germany!</p>
|
||||||
|
</div><!-- /.bar-entry -->
|
||||||
|
|
||||||
|
<a href="//openstack.org/summit" target="_blank" class="bar-btn">Learn More</a>
|
||||||
|
</div><!-- /.bar-inner -->
|
||||||
|
</div><!-- /.container -->
|
||||||
|
</div><!-- /.bar -->
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
/**
|
||||||
|
* The name of the component.
|
||||||
|
*
|
||||||
|
* @type {Strng}
|
||||||
|
*/
|
||||||
|
name: "Bar"
|
||||||
|
};
|
||||||
|
</script>
|
||||||
48
site/.vuepress/components/base-article.vue
Normal file
48
site/.vuepress/components/base-article.vue
Normal file
@ -0,0 +1,48 @@
|
|||||||
|
<template>
|
||||||
|
<section class="section-article">
|
||||||
|
<div class="container">
|
||||||
|
<article class="article level">
|
||||||
|
<div class="article-content">
|
||||||
|
<h4 class="article-title title-main is-primary-dark">{{ title }}</h4><!-- /.article-title -->
|
||||||
|
|
||||||
|
<div class="article__entry">
|
||||||
|
<slot />
|
||||||
|
</div><!-- /.article__entry -->
|
||||||
|
</div><!-- /.article-content -->
|
||||||
|
<figure v-if="image" class="article-image level-item level-right">
|
||||||
|
<img
|
||||||
|
:src="image"
|
||||||
|
:alt="title"
|
||||||
|
/>
|
||||||
|
</figure><!-- /.article-image -->
|
||||||
|
</article><!-- /.article -->
|
||||||
|
</div><!-- /.container -->
|
||||||
|
</section><!-- /.section-article -->
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
/**
|
||||||
|
* The name of the component.
|
||||||
|
*
|
||||||
|
* @type {Strng}
|
||||||
|
*/
|
||||||
|
name: "BaseArticle",
|
||||||
|
|
||||||
|
/**
|
||||||
|
* The supported properties of the component.
|
||||||
|
*
|
||||||
|
* @type {Object}
|
||||||
|
*/
|
||||||
|
props: {
|
||||||
|
image: {
|
||||||
|
type: String,
|
||||||
|
default: () => {}
|
||||||
|
},
|
||||||
|
title: {
|
||||||
|
type: String,
|
||||||
|
default: () => {}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
||||||
52
site/.vuepress/components/base-footer.vue
Normal file
52
site/.vuepress/components/base-footer.vue
Normal file
@ -0,0 +1,52 @@
|
|||||||
|
<template>
|
||||||
|
<footer class="footer is-dark">
|
||||||
|
<div class="container container-medium">
|
||||||
|
<div class="footer-inner">
|
||||||
|
<div class="columns">
|
||||||
|
<div class="column">
|
||||||
|
<div class="footer-content">
|
||||||
|
<div class="columns is-mobile">
|
||||||
|
|
||||||
|
<div class="column" v-for="section in $site.themeConfig.footer.sections">
|
||||||
|
<h6 class="footer-title">{{ section.title }}</h6><!-- /.footer-title -->
|
||||||
|
|
||||||
|
<ul class="footer-list">
|
||||||
|
<li v-for="item in section.nav">
|
||||||
|
<a :href="item.link">{{ item.text }}</a>
|
||||||
|
</li>
|
||||||
|
</ul><!-- /.footer-list -->
|
||||||
|
</div><!-- /.column -->
|
||||||
|
|
||||||
|
</div><!-- /.columns -->
|
||||||
|
</div><!-- /.footer-content -->
|
||||||
|
</div><!-- /.column -->
|
||||||
|
|
||||||
|
<div class="column">
|
||||||
|
<div class="footer-aside">
|
||||||
|
<div class="footer-entry">
|
||||||
|
<p>StarlingX is an independent open source community collaboratively developing code under the Apache 2 license. The project is supported by the OpenStack Foundation; the community follows the OpenStack Foundation <a href="//www.openstack.org/legal/community-code-of-conduct/">Code of Conduct</a>.</p>
|
||||||
|
</div><!-- /.footer-entry -->
|
||||||
|
|
||||||
|
<div class="footer-brand">
|
||||||
|
<router-link to="/">
|
||||||
|
<img :src="require('../theme/svg/logo-white.svg')" alt="xstarlings" />
|
||||||
|
</router-link>
|
||||||
|
</div><!-- /.footer-brand -->
|
||||||
|
</div><!-- /.footer-aside -->
|
||||||
|
</div><!-- /.column -->
|
||||||
|
</div><!-- /.columns -->
|
||||||
|
</div><!-- /.footer-inner -->
|
||||||
|
</div><!-- /.container-medium -->
|
||||||
|
</footer><!-- /.footer -->
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
/**
|
||||||
|
* The name of the component.
|
||||||
|
*
|
||||||
|
* @type {Strng}
|
||||||
|
*/
|
||||||
|
name: 'BaseFooter'
|
||||||
|
}
|
||||||
|
</script>
|
||||||
32
site/.vuepress/components/base-header.vue
Normal file
32
site/.vuepress/components/base-header.vue
Normal file
@ -0,0 +1,32 @@
|
|||||||
|
<template>
|
||||||
|
<div class="header">
|
||||||
|
<bar />
|
||||||
|
|
||||||
|
<navigation />
|
||||||
|
</div><!-- /.header -->
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/**
|
||||||
|
* @ The internal dependecies.
|
||||||
|
*/
|
||||||
|
import Navigation from './navigation';
|
||||||
|
import Bar from './bar';
|
||||||
|
|
||||||
|
export default {
|
||||||
|
/**
|
||||||
|
* The name of the component.
|
||||||
|
*
|
||||||
|
* @type {Strng}
|
||||||
|
*/
|
||||||
|
name: 'BaseHeader',
|
||||||
|
|
||||||
|
/**
|
||||||
|
* The imported components.
|
||||||
|
*/
|
||||||
|
components: {
|
||||||
|
Bar,
|
||||||
|
Navigation
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
62
site/.vuepress/components/base-section.vue
Normal file
62
site/.vuepress/components/base-section.vue
Normal file
@ -0,0 +1,62 @@
|
|||||||
|
<template>
|
||||||
|
<section
|
||||||
|
class="section"
|
||||||
|
:style="image && {
|
||||||
|
'background-image': `url('${image}')`
|
||||||
|
}">
|
||||||
|
<div :class="['container', containerClass]">
|
||||||
|
<header v-if="withHead" class="section-head">
|
||||||
|
<h3 class="section-title">{{ title }}</h3><!-- /.section-title -->
|
||||||
|
|
||||||
|
<slot name="head" />
|
||||||
|
</header><!-- /.section-head -->
|
||||||
|
|
||||||
|
<div class="section-body">
|
||||||
|
<slot />
|
||||||
|
</div><!-- /.section-body -->
|
||||||
|
|
||||||
|
<footer v-if="withFoot" class="section-foot">
|
||||||
|
<slot name="foot" />
|
||||||
|
</footer><!-- /.section-foot -->
|
||||||
|
</div><!-- /.container -->
|
||||||
|
</section><!-- /.section -->
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
/**
|
||||||
|
* The name of the component.
|
||||||
|
*
|
||||||
|
* @type {Strng}
|
||||||
|
*/
|
||||||
|
name: 'BaseSection',
|
||||||
|
|
||||||
|
/**
|
||||||
|
* The supported properties of the component.
|
||||||
|
*
|
||||||
|
* @type {Object}
|
||||||
|
*/
|
||||||
|
props: {
|
||||||
|
title: {
|
||||||
|
type: String,
|
||||||
|
default: () => {}
|
||||||
|
},
|
||||||
|
image: {
|
||||||
|
type: String,
|
||||||
|
default: () => {}
|
||||||
|
},
|
||||||
|
containerClass: {
|
||||||
|
type: String,
|
||||||
|
default: () => {}
|
||||||
|
},
|
||||||
|
withFoot: {
|
||||||
|
type: Boolean,
|
||||||
|
default: false
|
||||||
|
},
|
||||||
|
withHead: {
|
||||||
|
type: Boolean,
|
||||||
|
default: false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
96
site/.vuepress/components/blog-single.vue
Normal file
96
site/.vuepress/components/blog-single.vue
Normal file
@ -0,0 +1,96 @@
|
|||||||
|
<template>
|
||||||
|
<main class="main main-border">
|
||||||
|
<base-section containerClass="container-thin-alt" class="section-article-single">
|
||||||
|
<div class="article-single">
|
||||||
|
<div class="article-single-head">
|
||||||
|
<h3 class="article-single-title">How StarlingX is used in a specific use case that’s exciting for potential customers.</h3><!-- /.article-single-title -->
|
||||||
|
|
||||||
|
<div class="article-single-meta">
|
||||||
|
<p>By <a href="#">John Doe in News & Announcements</a> on September 4, 2018</p>
|
||||||
|
</div><!-- /.article-single-meta -->
|
||||||
|
</div><!-- /.article-single-head -->
|
||||||
|
|
||||||
|
<div class="article-single-entry">
|
||||||
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sollicitudin purus ante, et porta eros volutpat nec. Nullam tincidunt ultrices lorem, vel euismod mi placerat nec. Nullam porttitor nibh sagittis, suscipit lorem pharetra, example link here. Pellentesque posuere vitae magna quis gravida. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras consequat orci eu sapien dictum, et bibendum nulla pellentesque. Nullam fringilla dolor eget nibh iaculis volutpat. Donec tempor accumsan consectetur. Etiam lobortis cursus neque ac eleifend. Maecenas pharetra vehicula arcu quis fermentum. Integer ullamcorper tortor in magna condimentum, vitae fringilla lacus fringilla. Aenean malesuada bibendum diam nec volutpat. Nullam pretium tellus nisi, ut aliquam arcu consectetur blandit.</p>
|
||||||
|
</div><!-- /.article-single-entry -->
|
||||||
|
|
||||||
|
<h3 class="article-single-title-alt">Section Title</h3><!-- /.article-single-title-alt -->
|
||||||
|
|
||||||
|
<div class="article-single-entry article-single-entry-alt">
|
||||||
|
<p>Donec dui massa, porttitor sit amet dignissim sed, placerat eget orci. Pellentesque id ullamcorper elit. Aliquam accumsan, neque eu pulvinar eleifend, lorem ante lacinia diam, id vehicula erat velit nec tortor.</p>
|
||||||
|
</div><!-- /.article-single-entry -->
|
||||||
|
|
||||||
|
<div class="article-single-code">
|
||||||
|
<pre><!doctype html> <br /><html> <br /><head> <br /> <meta charset="utf-8" /> <br /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <br /> <br /> <title>{ Post Title }</title> <br /> <!-- Include the stylesheets from your site here -- > <br /> <link rel="stylesheet" href="https://starlingx.io/blog.css" /> <br /> <br /></head></pre>
|
||||||
|
</div><!-- /.article-single-code -->
|
||||||
|
|
||||||
|
<div class="article-single-entry">
|
||||||
|
<p>Nullam elit est, commodo ac fermentum vel, fermentum maximus purus. Morbi gravida rutrum massa, at <span class="code">inline code example</span> at. Sed nec tincidunt nunc. Morbi ac rutrum mi, et commodo justo. Fusce iaculis pellentesque erat consequat pharetra. Vestibulum at ornare elit, sit amet cursus nisi. Praesent nec suscipit risus. Praesent lorem justo, facilisis ut lacus et, semper consequat massa. Nulla sollicitudin finibus orci. Etiam lacus libero, ullamcorper eget consequat eu, sollicitudin sed libero. Ut auctor ut libero nec ultricies. Donec a orci non massa gravida laoreet. Quisque vel placerat felis.</p>
|
||||||
|
</div><!-- /.article-single-entry -->
|
||||||
|
|
||||||
|
<div class="article-single-image">
|
||||||
|
<img src="../theme/images/sample-photo.png" alt="Sample Photo" />
|
||||||
|
</div><!-- /.article-single-image -->
|
||||||
|
|
||||||
|
<div class="article-single-entry article-single-entry-alt">
|
||||||
|
<p>Sed vel ligula gravida, malesuada justo ac, porta neque. Praesent pharetra bibendum mauris, quis sagittis mauris hendrerit vitae. Praesent iaculis enim id scelerisque consectetur. Proin ultricies, sapien vel egestas dictum, augue ex pharetra dolor, at volutpat diam nunc sit amet nulla.</p>
|
||||||
|
</div><!-- /.article-single-entry -->
|
||||||
|
|
||||||
|
<ul class="list-tags">
|
||||||
|
<li>
|
||||||
|
<b-tag type="is-primary">software</b-tag>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li>
|
||||||
|
<b-tag type="is-primary">users</b-tag>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li>
|
||||||
|
<b-tag type="is-primary">another tag</b-tag>
|
||||||
|
</li>
|
||||||
|
</ul><!-- /.list-tags -->
|
||||||
|
</div><!-- /.article-single -->
|
||||||
|
</base-section>
|
||||||
|
|
||||||
|
<base-section containerClass="container-thin-alt" class="section-boxes section-solid" withHead title="More to Read">
|
||||||
|
<div class="section-group">
|
||||||
|
<box class="box-modified box-flex box-light">
|
||||||
|
<article-excerpt articleLink="/" class="article-excerpt-alt" title="Another interesting article about StarlingX" author="Janice Smith in Software" date="August 26, 2018" metaLink="https://www.google.com/">
|
||||||
|
<p>Nullam elit est, commodo ac fermentum vel, fermentum maximus purus. Morbi gravida rutrum massa…</p>
|
||||||
|
</article-excerpt>
|
||||||
|
</box>
|
||||||
|
</div><!-- /.section-group -->
|
||||||
|
|
||||||
|
<div class="section-group">
|
||||||
|
<box class="box-modified box-flex box-light">
|
||||||
|
<article-excerpt articleLink="/" class="article-excerpt-alt" title="And here is an article to read!" author="Janice Smith in Software" date="August 26, 2018" metaLink="https://www.google.com/">
|
||||||
|
<p>Nullam elit est, commodo ac fermentum vel, fermentum maximus purus. Morbi gravida rutrum massa. Praesent iaculis enim id scelerisque consectetur. Proin ultricies, sapien vel egestas dictum, augue ex pharetra dolor, at volutpat augue ex pharetra dolor, at volutpat diam nunc sit…</p>
|
||||||
|
</article-excerpt>
|
||||||
|
</box>
|
||||||
|
</div><!-- /.section-group -->
|
||||||
|
</base-section>
|
||||||
|
</main><!-- /.main -->
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
|
||||||
|
export default {
|
||||||
|
/**
|
||||||
|
* The name of the component.
|
||||||
|
*
|
||||||
|
* @type {Strng}
|
||||||
|
*/
|
||||||
|
name: 'BlogSingle',
|
||||||
|
|
||||||
|
/**
|
||||||
|
* The imported components.
|
||||||
|
*
|
||||||
|
* @type {Object}
|
||||||
|
*/
|
||||||
|
components: {
|
||||||
|
BaseSection,
|
||||||
|
ArticleExcerpt,
|
||||||
|
Box
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
44
site/.vuepress/components/box.vue
Normal file
44
site/.vuepress/components/box.vue
Normal file
@ -0,0 +1,44 @@
|
|||||||
|
<template>
|
||||||
|
<div :class="['box', variant ]">
|
||||||
|
<h4 v-if="title" class="box-title">{{ title }}</h4><!-- /.box-title -->
|
||||||
|
|
||||||
|
<div class="box-entry">
|
||||||
|
<slot />
|
||||||
|
</div><!-- /.box-entry -->
|
||||||
|
|
||||||
|
<div v-if="withActions" class="box-actions">
|
||||||
|
<slot name="actions" />
|
||||||
|
</div><!-- /.box-actions -->
|
||||||
|
</div><!-- /.box -->
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
/**
|
||||||
|
* The name of the component.
|
||||||
|
*
|
||||||
|
* @type {Strng}
|
||||||
|
*/
|
||||||
|
name: "Box",
|
||||||
|
|
||||||
|
/**
|
||||||
|
* The supported properties of the component.
|
||||||
|
*
|
||||||
|
* @type {Object}
|
||||||
|
*/
|
||||||
|
props: {
|
||||||
|
withActions: {
|
||||||
|
type: Boolean,
|
||||||
|
default: false
|
||||||
|
},
|
||||||
|
variant: {
|
||||||
|
type: String,
|
||||||
|
default: "is-primary"
|
||||||
|
},
|
||||||
|
title: {
|
||||||
|
type: String,
|
||||||
|
default: () => {}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
||||||
20
site/.vuepress/components/custom-content.vue
Normal file
20
site/.vuepress/components/custom-content.vue
Normal file
@ -0,0 +1,20 @@
|
|||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
functional: true,
|
||||||
|
|
||||||
|
props: {
|
||||||
|
custom: {
|
||||||
|
type: Boolean,
|
||||||
|
default: true
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
render(h, { parent, props, data }) {
|
||||||
|
return h(parent.$page.key, {
|
||||||
|
todd: "yes",
|
||||||
|
class: [props.custom ? "custom" : ""],
|
||||||
|
style: data.style
|
||||||
|
});
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
||||||
9
site/.vuepress/components/filter-component.vue
Normal file
9
site/.vuepress/components/filter-component.vue
Normal file
@ -0,0 +1,9 @@
|
|||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
functional: true,
|
||||||
|
render(createElement, { children }) {
|
||||||
|
console.log(children[0])
|
||||||
|
// return createElement("div", [children[0].$slot.mess]);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
||||||
65
site/.vuepress/components/hero.vue
Normal file
65
site/.vuepress/components/hero.vue
Normal file
@ -0,0 +1,65 @@
|
|||||||
|
<template>
|
||||||
|
<section
|
||||||
|
:class="{
|
||||||
|
'hero': true,
|
||||||
|
'hero-image': image
|
||||||
|
}"
|
||||||
|
:style="image && {
|
||||||
|
'background-image': `url('${image}')`
|
||||||
|
}">
|
||||||
|
<div class="hero-body">
|
||||||
|
<div :class="['container', containerClass]">
|
||||||
|
<div class="hero-content">
|
||||||
|
<h3 class="hero-title">{{ title }}</h3><!-- /.hero-title -->
|
||||||
|
|
||||||
|
<div v-if="withEntry" class="hero-entry">
|
||||||
|
<slot name="entry" />
|
||||||
|
</div><!-- /.hero-entry -->
|
||||||
|
|
||||||
|
<div v-if="withButton" class="hero-actions">
|
||||||
|
<slot name="buttons" />
|
||||||
|
</div><!-- /.hero-actions -->
|
||||||
|
</div><!-- /.hero-content -->
|
||||||
|
</div><!-- /.container -->
|
||||||
|
</div><!-- /.hero-body -->
|
||||||
|
</section><!-- /.hero -->
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
/**
|
||||||
|
* The name of the component.
|
||||||
|
*
|
||||||
|
* @type {Strng}
|
||||||
|
*/
|
||||||
|
name: 'Hero',
|
||||||
|
|
||||||
|
/**
|
||||||
|
* The supported properties of the component.
|
||||||
|
*
|
||||||
|
* @type {Object}
|
||||||
|
*/
|
||||||
|
props: {
|
||||||
|
title: {
|
||||||
|
type: String,
|
||||||
|
default: () => {}
|
||||||
|
},
|
||||||
|
image: {
|
||||||
|
type: String,
|
||||||
|
default: () => {}
|
||||||
|
},
|
||||||
|
containerClass: {
|
||||||
|
type: String,
|
||||||
|
default: () => {}
|
||||||
|
},
|
||||||
|
withEntry: {
|
||||||
|
type: Boolean,
|
||||||
|
default: false
|
||||||
|
},
|
||||||
|
withButton: {
|
||||||
|
type: Boolean,
|
||||||
|
default: false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
41
site/.vuepress/components/list-numeric.vue
Normal file
41
site/.vuepress/components/list-numeric.vue
Normal file
@ -0,0 +1,41 @@
|
|||||||
|
<template>
|
||||||
|
<div class="list-numeric">
|
||||||
|
<h5 class="list-numeric-title">{{ title }}</h5><!-- /.list-numeric-title -->
|
||||||
|
|
||||||
|
<ul>
|
||||||
|
<li
|
||||||
|
v-for="(item, i) in items"
|
||||||
|
:key="i">
|
||||||
|
<slot :item="item" />
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div><!-- /.list-numeric -->
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
/**
|
||||||
|
* The name of the component.
|
||||||
|
*
|
||||||
|
* @type {Strng}
|
||||||
|
*/
|
||||||
|
name: 'ListNumeric',
|
||||||
|
|
||||||
|
/**
|
||||||
|
* The supported properties of the component.
|
||||||
|
*
|
||||||
|
* @type {Object}
|
||||||
|
*/
|
||||||
|
props: {
|
||||||
|
title: {
|
||||||
|
type: String,
|
||||||
|
default: () => {}
|
||||||
|
},
|
||||||
|
items: {
|
||||||
|
type: Array,
|
||||||
|
required: true,
|
||||||
|
default: () => {}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
112
site/.vuepress/components/navigation.vue
Normal file
112
site/.vuepress/components/navigation.vue
Normal file
@ -0,0 +1,112 @@
|
|||||||
|
<template>
|
||||||
|
<nav class="nav">
|
||||||
|
<div class="container">
|
||||||
|
<div class="nav-inner">
|
||||||
|
<div class="nav-brand">
|
||||||
|
<router-link to="/">
|
||||||
|
<img :src="require('../theme/svg/logo.svg')" alt="xstarlings" />
|
||||||
|
</router-link>
|
||||||
|
</div><!-- /.nav-brand -->
|
||||||
|
|
||||||
|
<client-only>
|
||||||
|
|
||||||
|
<a @click.prevent="isMobileNavOpen = !isMobileNavOpen" ref="navTrigger" role="button" :class="{
|
||||||
|
'navbar-burger': true,
|
||||||
|
'is-active': isMobileNavOpen
|
||||||
|
}" aria-label="menu" aria-expanded="false">
|
||||||
|
<span aria-hidden="true"></span>
|
||||||
|
<span aria-hidden="true"></span>
|
||||||
|
<span aria-hidden="true"></span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
</client-only>
|
||||||
|
|
||||||
|
<div ref="mobileNav" :class="{
|
||||||
|
'nav-content': true,
|
||||||
|
'is-active': isMobileNavOpen
|
||||||
|
}">
|
||||||
|
<ul class="nav-menu">
|
||||||
|
<li v-for="(navItem, i) in $site.themeConfig.nav">
|
||||||
|
<a @click.prevent="handleNavItemClick(navItem)" href="#">{{ navItem.text }}</a>
|
||||||
|
</li>
|
||||||
|
</ul><!-- /.nav-menu -->
|
||||||
|
|
||||||
|
<div class="nav-end">
|
||||||
|
<!-- <b-field class="field-search">
|
||||||
|
<b-input placeholder="Search" type="text" icon="search" icon-pack="fas" />
|
||||||
|
</b-field> -->
|
||||||
|
</div><!-- /.nav-end -->
|
||||||
|
</div><!-- /.nav-content -->
|
||||||
|
</div><!-- /.nav-inner -->
|
||||||
|
</div><!-- /.container -->
|
||||||
|
</nav><!-- /.nav -->
|
||||||
|
</template>
|
||||||
|
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
/**
|
||||||
|
* The name of the component.
|
||||||
|
*
|
||||||
|
* @type {Strng}
|
||||||
|
*/
|
||||||
|
name: 'Navigation',
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Internal state of the component.
|
||||||
|
*
|
||||||
|
* @return {Object}
|
||||||
|
*/
|
||||||
|
data: () => ({
|
||||||
|
isMobileNavOpen: false
|
||||||
|
}),
|
||||||
|
|
||||||
|
/**
|
||||||
|
* The public API of the component.
|
||||||
|
*
|
||||||
|
* @type {Object}
|
||||||
|
*/
|
||||||
|
methods: {
|
||||||
|
documentClick(e) {
|
||||||
|
const button = this.$refs.navTrigger;
|
||||||
|
const dropdown = this.$refs.mobileNav;
|
||||||
|
const target = e.target;
|
||||||
|
|
||||||
|
if (
|
||||||
|
(dropdown !== target) &&
|
||||||
|
!dropdown.contains(target) &&
|
||||||
|
(button !== target) &&
|
||||||
|
!button.contains(target)
|
||||||
|
) {
|
||||||
|
this.isMobileNavOpen = false;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
handleNavItemClick(navItem) {
|
||||||
|
this.$router.push(navItem.link);
|
||||||
|
|
||||||
|
this.isMobileNavOpen = false;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* The created lifecycle hook
|
||||||
|
*
|
||||||
|
* @return {Void}
|
||||||
|
*/
|
||||||
|
mounted() {
|
||||||
|
if(document) document.addEventListener('click', this.documentClick);
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* The destroyed lifecycle hook
|
||||||
|
*
|
||||||
|
* @return {Void}
|
||||||
|
*/
|
||||||
|
destroyed() {
|
||||||
|
document.removeEventListener('click', this.documentClick);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
12
site/.vuepress/config.js
Normal file
12
site/.vuepress/config.js
Normal file
@ -0,0 +1,12 @@
|
|||||||
|
const json = require("../pages.json");
|
||||||
|
const footer = require("../footer-nav.json");
|
||||||
|
|
||||||
|
module.exports = {
|
||||||
|
title: "StarlingX",
|
||||||
|
description: "StarlingX",
|
||||||
|
themeConfig: {
|
||||||
|
docsDir: "site",
|
||||||
|
nav: json.nav,
|
||||||
|
footer: footer
|
||||||
|
}
|
||||||
|
};
|
||||||
BIN
site/.vuepress/public/.DS_Store
vendored
Normal file
BIN
site/.vuepress/public/.DS_Store
vendored
Normal file
Binary file not shown.
138
site/.vuepress/public/admin/config.yml
Normal file
138
site/.vuepress/public/admin/config.yml
Normal file
@ -0,0 +1,138 @@
|
|||||||
|
backend:
|
||||||
|
name: github
|
||||||
|
repo: StarlingXWeb/starlingx-website
|
||||||
|
branch: master # Branch to update (optional; defaults to master)
|
||||||
|
publish_mode: editorial_workflow
|
||||||
|
media_folder: "site/.vuepress/public/images"
|
||||||
|
public_folder: "/images"
|
||||||
|
collections:
|
||||||
|
- name: "blog-posts" # Used in routes, e.g., /admin/collections/blog
|
||||||
|
label: "Blog Posts" # Used in the UI
|
||||||
|
folder: "site/blog" # The path to the folder where the documents are stored
|
||||||
|
create: true # Allow users to create new documents in this collection
|
||||||
|
slug: "{{slug}}" # Filename template, e.g., YYYY-MM-DD-title.md
|
||||||
|
fields: # The fields for each document, usually in front matter
|
||||||
|
- { label: "Title", name: "title", widget: "string" }
|
||||||
|
- { label: "Body", name: "body", widget: "markdown" }
|
||||||
|
- { label: "Author", name: "author", widget: "text" }
|
||||||
|
- { label: "Date", name: "date", widget: "date" }
|
||||||
|
- { label: "Cateogry", name: "category", widget: "text" }
|
||||||
|
editor:
|
||||||
|
preview: false
|
||||||
|
|
||||||
|
- name: "main-pages"
|
||||||
|
label: "Main Pages"
|
||||||
|
editor:
|
||||||
|
preview: false
|
||||||
|
|
||||||
|
files:
|
||||||
|
- label: "Home Page"
|
||||||
|
name: "home-page"
|
||||||
|
file: "site/index.md"
|
||||||
|
fields:
|
||||||
|
- label: Hero
|
||||||
|
name: hero
|
||||||
|
widget: object
|
||||||
|
fields:
|
||||||
|
- { label: "headline", name: headline, widget: string }
|
||||||
|
- label: Button
|
||||||
|
name: button
|
||||||
|
widget: object
|
||||||
|
fields:
|
||||||
|
- { label: "title", name: title, widget: string }
|
||||||
|
- { label: "url", name: url, widget: string }
|
||||||
|
- label: Values
|
||||||
|
name: values
|
||||||
|
widget: list
|
||||||
|
fields:
|
||||||
|
- { label: "Title", name: title, widget: string }
|
||||||
|
- { label: "Copy", name: copy, widget: text }
|
||||||
|
- label: Get Involved Steps
|
||||||
|
name: getInvolvedSteps
|
||||||
|
widget: list
|
||||||
|
fields:
|
||||||
|
- { label: "Title", name: title, widget: string }
|
||||||
|
- { label: "Entry", name: entry, widget: text }
|
||||||
|
- fields:
|
||||||
|
label: "Link"
|
||||||
|
name: link
|
||||||
|
widget: object
|
||||||
|
fields:
|
||||||
|
- { label: "URL", name: url, widget: string }
|
||||||
|
- { label: "Title", name: title, widget: string }
|
||||||
|
- label: Body
|
||||||
|
name: body
|
||||||
|
widget: markdown
|
||||||
|
|
||||||
|
- label: "Learn"
|
||||||
|
name: "learn"
|
||||||
|
file: "site/learn/index.md"
|
||||||
|
|
||||||
|
fields:
|
||||||
|
- { label: "Description", name: description, widget: string }
|
||||||
|
- { label: "Title", name: title, widget: string }
|
||||||
|
- { label: "Body", name: body, widget: markdown }
|
||||||
|
|
||||||
|
- label: "Software"
|
||||||
|
name: "software"
|
||||||
|
file: "site/software/index.md"
|
||||||
|
|
||||||
|
fields:
|
||||||
|
- { label: "Description", name: description, widget: string }
|
||||||
|
- { label: "Title", name: title, widget: string }
|
||||||
|
- { label: "Body", name: body, widget: markdown }
|
||||||
|
|
||||||
|
- label: "Community"
|
||||||
|
name: "community"
|
||||||
|
file: "site/community/index.md"
|
||||||
|
|
||||||
|
fields:
|
||||||
|
- { label: "Description", name: description, widget: string }
|
||||||
|
- { label: "Title", name: title, widget: string }
|
||||||
|
- { label: "Body", name: body, widget: markdown }
|
||||||
|
|
||||||
|
- label: "FAQs"
|
||||||
|
name: "faq"
|
||||||
|
file: "site/faq/index.md"
|
||||||
|
|
||||||
|
fields:
|
||||||
|
- { label: "Description", name: description, widget: string }
|
||||||
|
- { label: "Title", name: title, widget: string }
|
||||||
|
- { label: "Body", name: body, widget: markdown }
|
||||||
|
|
||||||
|
- name: "settings"
|
||||||
|
label: "Settings"
|
||||||
|
files:
|
||||||
|
- label: "Top Navigation"
|
||||||
|
name: "topnav"
|
||||||
|
file: "site/pages.json"
|
||||||
|
fields:
|
||||||
|
- label: Pages
|
||||||
|
name: nav
|
||||||
|
widget: list
|
||||||
|
fields:
|
||||||
|
- { label: Name, name: text, widget: string }
|
||||||
|
- { label: Link, name: link, widget: string }
|
||||||
|
|
||||||
|
- label: "Footer Navigation"
|
||||||
|
name: "footernav"
|
||||||
|
file: "site/footer-nav.json"
|
||||||
|
fields:
|
||||||
|
- label: About
|
||||||
|
name: nav
|
||||||
|
widget: list
|
||||||
|
fields:
|
||||||
|
- { label: Name, name: text, widget: string }
|
||||||
|
- { label: Link, name: link, widget: string }
|
||||||
|
- label: Connect
|
||||||
|
name: nav
|
||||||
|
widget: list
|
||||||
|
fields:
|
||||||
|
- { label: Name, name: text, widget: string }
|
||||||
|
- { label: Link, name: link, widget: string }
|
||||||
|
- label: Software
|
||||||
|
name: nav
|
||||||
|
widget: list
|
||||||
|
fields:
|
||||||
|
- { label: Name, name: text, widget: string }
|
||||||
|
- { label: Link, name: link, widget: string }
|
||||||
12
site/.vuepress/public/admin/index.html
Normal file
12
site/.vuepress/public/admin/index.html
Normal file
@ -0,0 +1,12 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
|
<title>Content Manager</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<!-- Include the script that builds the page and powers Netlify CMS -->
|
||||||
|
<script src="https://unpkg.com/netlify-cms@^2.0.0/dist/netlify-cms.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
BIN
site/.vuepress/public/collateral/.DS_Store
vendored
Normal file
BIN
site/.vuepress/public/collateral/.DS_Store
vendored
Normal file
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 2.4 MiB |
1
site/.vuepress/public/images/starlingx-usecases1.svg
Normal file
1
site/.vuepress/public/images/starlingx-usecases1.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 47 KiB |
1
site/.vuepress/public/images/starlingx-usecases2.svg
Normal file
1
site/.vuepress/public/images/starlingx-usecases2.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 44 KiB |
221
site/.vuepress/public/images/starlingx_usecases_healthcare.svg
Normal file
221
site/.vuepress/public/images/starlingx_usecases_healthcare.svg
Normal file
@ -0,0 +1,221 @@
|
|||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||||
|
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||||
|
viewBox="0 0 595 633.7" style="enable-background:new 0 0 595 633.7;" xml:space="preserve">
|
||||||
|
<style type="text/css">
|
||||||
|
.st0{clip-path:url(#SVGID_2_);}
|
||||||
|
.st1{opacity:5.000310e-02;clip-path:url(#SVGID_4_);}
|
||||||
|
.st2{clip-path:url(#SVGID_6_);fill:#231F20;}
|
||||||
|
.st3{clip-path:url(#SVGID_4_);fill:#FFFFFF;}
|
||||||
|
.st4{clip-path:url(#SVGID_4_);fill:#351D70;}
|
||||||
|
.st5{clip-path:url(#SVGID_4_);fill:#5956A5;}
|
||||||
|
.st6{fill:#FFFFFF;}
|
||||||
|
.st7{clip-path:url(#SVGID_8_);fill:none;stroke:#351D70;stroke-width:3;stroke-miterlimit:10;}
|
||||||
|
.st8{clip-path:url(#SVGID_8_);fill:#351D70;}
|
||||||
|
.st9{clip-path:url(#SVGID_8_);fill:#5956A5;}
|
||||||
|
.st10{clip-path:url(#SVGID_8_);fill:#FFFFFF;}
|
||||||
|
.st11{clip-path:url(#SVGID_10_);fill:#351D70;}
|
||||||
|
.st12{clip-path:url(#SVGID_12_);fill:#351D70;}
|
||||||
|
.st13{clip-path:url(#SVGID_14_);fill:#FFFFFF;}
|
||||||
|
.st14{clip-path:url(#SVGID_14_);fill:none;stroke:#351D70;stroke-width:3;stroke-miterlimit:10;}
|
||||||
|
</style>
|
||||||
|
<g>
|
||||||
|
<defs>
|
||||||
|
<rect id="SVGID_1_" width="595" height="633.7"/>
|
||||||
|
</defs>
|
||||||
|
<clipPath id="SVGID_2_">
|
||||||
|
<use xlink:href="#SVGID_1_" style="overflow:visible;"/>
|
||||||
|
</clipPath>
|
||||||
|
<g class="st0">
|
||||||
|
<defs>
|
||||||
|
<rect id="SVGID_3_" width="595" height="633.7"/>
|
||||||
|
</defs>
|
||||||
|
<clipPath id="SVGID_4_">
|
||||||
|
<use xlink:href="#SVGID_3_" style="overflow:visible;"/>
|
||||||
|
</clipPath>
|
||||||
|
<g class="st1">
|
||||||
|
<g>
|
||||||
|
<defs>
|
||||||
|
<rect id="SVGID_5_" x="1.5" y="1.5" width="592" height="630.7"/>
|
||||||
|
</defs>
|
||||||
|
<clipPath id="SVGID_6_">
|
||||||
|
<use xlink:href="#SVGID_5_" style="overflow:visible;"/>
|
||||||
|
</clipPath>
|
||||||
|
<rect x="1.5" y="1.5" class="st2" width="592" height="630.7"/>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<path class="st3" d="M209.7,459.4c-4.7,0-8.5-3.8-8.5-8.5v-196c0-4.7,3.8-8.5,8.5-8.5h175.5c4.7,0,8.5,3.8,8.5,8.5v196
|
||||||
|
c0,4.7-3.8,8.5-8.5,8.5H209.7z"/>
|
||||||
|
<path class="st4" d="M385.3,247.9c3.9,0,7,3.1,7,7v196c0,3.9-3.1,7-7,7H209.7c-3.9,0-7-3.1-7-7v-196c0-3.9,3.1-7,7-7H385.3
|
||||||
|
M385.3,244.9H209.7c-5.5,0-10,4.5-10,10v196c0,5.5,4.5,10,10,10h175.5c5.5,0,10-4.5,10-10v-196
|
||||||
|
C395.3,249.3,390.8,244.9,385.3,244.9"/>
|
||||||
|
<rect x="1.5" y="1.5" class="st5" width="592" height="72"/>
|
||||||
|
</g>
|
||||||
|
<g class="st0">
|
||||||
|
<path class="st6" d="M220.3,25.1h4.3v8.4h6.9v-8.4h4.3v21h-4.3v-8.5h-6.9v8.5h-4.3V25.1z"/>
|
||||||
|
<path class="st6" d="M239.1,38.3V38c0-4.8,3-8.2,7-8.2c4.6,0,6.8,3.8,6.8,8.5c0,0.2,0,0.8,0,1.4h-9.6c0.4,2.1,1.7,3.2,3.5,3.2
|
||||||
|
c1.3,0,2.3-0.6,3.4-1.6l2.2,2.6c-1.5,1.6-3.3,2.6-5.7,2.6C242.4,46.5,239.1,43.3,239.1,38.3z M248.8,36.9
|
||||||
|
c-0.2-2.2-1.1-3.6-2.7-3.6c-1.6,0-2.6,1.3-2.8,3.6H248.8z"/>
|
||||||
|
<path class="st6" d="M254.9,41.5v-0.2c0-3.5,2.3-5.1,5.6-5.1c1.3,0,2.4,0.3,3.4,0.7v-0.5c0-1.9-1.1-2.8-3-2.8
|
||||||
|
c-1.5,0-2.7,0.5-3.7,0.9l-1.2-3.3c1.6-0.8,3.2-1.3,5.5-1.3c2.2,0,3.8,0.6,4.9,1.6c1.1,1.1,1.6,2.8,1.6,4.9v9.7h-4.2v-1.7
|
||||||
|
c-1,1.3-2.3,2-4.2,2C257,46.4,254.9,44.7,254.9,41.5z M263.9,40.8v-1.4c-0.6-0.3-1.5-0.5-2.4-0.5c-1.6,0-2.5,0.8-2.5,2.2v0.1
|
||||||
|
c0,1.3,0.8,2,2.1,2C262.7,43.3,263.9,42.3,263.9,40.8z"/>
|
||||||
|
<path class="st6" d="M271.4,24.5h4.3v21.7h-4.3V24.5z"/>
|
||||||
|
<path class="st6" d="M279.9,42.1v-8.5h-1.6V30h1.6v-4.1h4.3V30h3.2v3.6h-3.2v7.6c0,0.9,0.4,1.4,1.3,1.4c0.7,0,1.3-0.2,1.8-0.5v3.4
|
||||||
|
c-0.8,0.5-1.9,0.8-3.1,0.8C281.7,46.4,279.9,45.4,279.9,42.1z"/>
|
||||||
|
<path class="st6" d="M290.2,24.5h4.3v7.7c0.9-1.3,2.1-2.5,4.1-2.5c3,0,4.7,2.1,4.7,5.4v10.9h-4.3v-9.7c0-1.9-0.8-2.9-2.3-2.9
|
||||||
|
c-1.4,0-2.3,1-2.3,2.9v9.7h-4.3V24.5z"/>
|
||||||
|
<path class="st6" d="M313,35.8v-0.3c0-6.4,4-10.7,9.5-10.7c3.1,0,5.1,1.1,6.8,2.8l-2.6,3.4c-1.3-1.3-2.6-2.1-4.3-2.1
|
||||||
|
c-2.8,0-4.9,2.6-4.9,6.7v0.1c0,4.2,2.2,6.7,5,6.7c1.7,0,2.9-0.8,4.3-2.2l2.6,3.1c-1.9,2-3.9,3.1-7.1,3.1
|
||||||
|
C316.7,46.4,313,42.2,313,35.8z"/>
|
||||||
|
<path class="st6" d="M331.1,41.5v-0.2c0-3.5,2.3-5.1,5.6-5.1c1.4,0,2.4,0.3,3.4,0.7v-0.5c0-1.9-1.1-2.8-3-2.8
|
||||||
|
c-1.5,0-2.7,0.5-3.7,0.9l-1.2-3.3c1.6-0.8,3.2-1.3,5.5-1.3c2.2,0,3.8,0.6,4.9,1.6c1.1,1.1,1.7,2.8,1.7,4.9v9.7H340v-1.7
|
||||||
|
c-1,1.3-2.3,2-4.2,2C333.2,46.4,331.1,44.7,331.1,41.5z M340.1,40.8v-1.4c-0.6-0.3-1.5-0.5-2.4-0.5c-1.6,0-2.5,0.8-2.5,2.2v0.1
|
||||||
|
c0,1.3,0.8,2,2.1,2C338.9,43.3,340.1,42.3,340.1,40.8z"/>
|
||||||
|
<path class="st6" d="M347.4,30h4.3v2.8c0.8-1.9,2.1-3.2,4.3-3.1v4.6h-0.2c-2.6,0-4.2,1.6-4.2,5v6.7h-4.3V30z"/>
|
||||||
|
<path class="st6" d="M357.4,38.3V38c0-4.8,3-8.2,7-8.2c4.6,0,6.8,3.8,6.8,8.5c0,0.2,0,0.8,0,1.4h-9.6c0.4,2.1,1.7,3.2,3.5,3.2
|
||||||
|
c1.3,0,2.3-0.6,3.4-1.6l2.2,2.6c-1.5,1.6-3.3,2.6-5.7,2.6C360.6,46.5,357.4,43.3,357.4,38.3z M367.1,36.9
|
||||||
|
c-0.2-2.2-1.1-3.6-2.7-3.6c-1.6,0-2.6,1.3-2.8,3.6H367.1z"/>
|
||||||
|
</g>
|
||||||
|
<g class="st0">
|
||||||
|
<defs>
|
||||||
|
<rect id="SVGID_7_" width="595" height="633.7"/>
|
||||||
|
</defs>
|
||||||
|
<clipPath id="SVGID_8_">
|
||||||
|
<use xlink:href="#SVGID_7_" style="overflow:visible;"/>
|
||||||
|
</clipPath>
|
||||||
|
<rect x="1.5" y="1.5" class="st7" width="592" height="630.7"/>
|
||||||
|
<path class="st8" d="M241.3,417.7c-2-0.5-2.5-0.8-2.5-1.5v0c0-0.6,0.5-1,1.5-1c1,0,2,0.4,3,1.1l1.3-1.9c-1.2-1-2.6-1.5-4.3-1.5
|
||||||
|
c-2.4,0-4.1,1.4-4.1,3.5v0c0,2.3,1.5,3,3.9,3.6c2,0.5,2.4,0.8,2.4,1.5v0c0,0.7-0.6,1.1-1.7,1.1c-1.3,0-2.4-0.6-3.5-1.4l-1.5,1.8
|
||||||
|
c1.4,1.3,3.2,1.9,5,1.9c2.5,0,4.3-1.3,4.3-3.6v0C245,419.1,243.7,418.3,241.3,417.7"/>
|
||||||
|
<polygon class="st8" points="249.3,415.3 252.9,415.3 252.9,424.7 255.4,424.7 255.4,415.3 259,415.3 259,413 249.3,413 "/>
|
||||||
|
<path class="st8" d="M266.6,412.9l-5,11.8h2.6l1.1-2.6h4.9l1.1,2.6h2.7l-5-11.8H266.6z M266.2,419.8l1.6-3.8l1.6,3.8H266.2z"/>
|
||||||
|
<path class="st8" d="M288.7,416.9L288.7,416.9c0-1.1-0.4-2.1-1-2.7c-0.8-0.8-1.9-1.2-3.4-1.2H279v11.7h2.6v-3.7h2l2.5,3.7h3
|
||||||
|
l-2.9-4.2C287.7,419.9,288.7,418.7,288.7,416.9 M286.1,417c0,1-0.7,1.7-2,1.7h-2.6v-3.4h2.6C285.4,415.3,286.1,415.9,286.1,417
|
||||||
|
L286.1,417z"/>
|
||||||
|
<polygon class="st8" points="296.8,413 294.2,413 294.2,424.7 302.6,424.7 302.6,422.3 296.8,422.3 "/>
|
||||||
|
<rect x="307.9" y="413" class="st8" width="2.6" height="11.7"/>
|
||||||
|
<polygon class="st8" points="324.4,420.2 318.9,413 316.5,413 316.5,424.7 319,424.7 319,417.2 324.7,424.7 326.9,424.7
|
||||||
|
326.9,413 324.4,413 "/>
|
||||||
|
<path class="st8" d="M338.4,420.2h2.6v1.7c-0.7,0.5-1.5,0.7-2.4,0.7c-2.1,0-3.5-1.6-3.5-3.7v0c0-2,1.5-3.6,3.4-3.6
|
||||||
|
c1.4,0,2.2,0.4,3.1,1.2l1.6-2c-1.2-1-2.5-1.6-4.6-1.6c-3.5,0-6.1,2.7-6.1,6v0c0,3.5,2.5,6,6.1,6c2.1,0,3.8-0.8,5-1.9v-5.1h-5.1
|
||||||
|
V420.2z"/>
|
||||||
|
<polygon class="st8" points="359.1,413 356.2,413 353.7,416.8 351.2,413 348.2,413 352.1,418.7 348.1,424.7 351,424.7
|
||||||
|
353.6,420.7 356.3,424.7 359.3,424.7 355.2,418.7 "/>
|
||||||
|
<polygon class="st9" points="294.2,301.9 278.4,280.9 235.7,280.9 272.9,330.3 "/>
|
||||||
|
<path class="st9" d="M290.7,354.2l25.9,34.5h42.7l-37.3-49.8C313.7,347.5,301.8,353.4,290.7,354.2"/>
|
||||||
|
<path class="st8" d="M265.1,379.4l22.8-30.4c0.1,0,0.2,0,0.3,0c11.8,0,25.6-7.3,33.1-17.6l23.4-31.2c6.7-8.4,14.5-12.2,14.5-12.2
|
||||||
|
c-6.3-2.6-15.8-4-15.8-4c-3.7-3.2-12.1-3.2-12.1-3.2c-14.7,0-21.7,9.3-21.7,9.3l-32.2,43c19.2-0.1,23-3.1,34.7-18.2l2.5-3.3
|
||||||
|
c2.5-3.3,6.3-5.3,10.5-5.3l-8.7,11.8c-12.7,16.5-18,20.3-40.2,20.3c-0.9,0-1.8,0-2.7,0l-37.7,50.3h9.2
|
||||||
|
C252,388.6,260.6,384.9,265.1,379.4"/>
|
||||||
|
<path class="st8" d="M269.5,208.9h-222c-5.5,0-10-4.5-10-10v-79.4c0-5.5,4.5-10,10-10h222c5.5,0,10,4.5,10,10v79.4
|
||||||
|
C279.5,204.4,275,208.9,269.5,208.9"/>
|
||||||
|
<line class="st10" x1="297.5" y1="460.9" x2="297.5" y2="498.5"/>
|
||||||
|
<line class="st7" x1="297.5" y1="460.9" x2="297.5" y2="498.5"/>
|
||||||
|
</g>
|
||||||
|
<g class="st0">
|
||||||
|
<path class="st6" d="M128.5,150.7h2.9v14h-2.9V150.7z"/>
|
||||||
|
<path class="st6" d="M134,154h2.8v1.4c0.6-0.9,1.4-1.6,2.8-1.6c1.2,0,2.1,0.6,2.6,1.6c0.8-0.9,1.7-1.6,3-1.6
|
||||||
|
c1.9,0,3.2,1.2,3.2,3.6v7.3h-2.8v-6.5c0-1.2-0.5-1.9-1.5-1.9c-0.9,0-1.5,0.7-1.5,1.9v6.5h-2.8v-6.5c0-1.2-0.5-1.9-1.5-1.9
|
||||||
|
c-0.9,0-1.5,0.7-1.5,1.9v6.5H134V154z"/>
|
||||||
|
<path class="st6" d="M150.2,161.6v-0.1c0-2.4,1.5-3.4,3.7-3.4c0.9,0,1.6,0.2,2.2,0.4v-0.3c0-1.2-0.7-1.9-2-1.9
|
||||||
|
c-1,0-1.8,0.3-2.5,0.6l-0.8-2.2c1-0.5,2.1-0.9,3.7-0.9c1.5,0,2.6,0.4,3.3,1.1c0.7,0.7,1.1,1.9,1.1,3.2v6.5h-2.8v-1.2
|
||||||
|
c-0.6,0.8-1.5,1.4-2.8,1.4C151.6,164.9,150.2,163.7,150.2,161.6z M156.2,161.2v-0.9c-0.4-0.2-1-0.3-1.6-0.3c-1,0-1.7,0.5-1.7,1.5
|
||||||
|
v0c0,0.9,0.6,1.3,1.4,1.3C155.4,162.8,156.2,162.2,156.2,161.2z"/>
|
||||||
|
<path class="st6" d="M161.2,166.9l0.9-2.2c0.9,0.5,1.9,0.8,3,0.8c1.8,0,2.6-0.8,2.6-2.5v-0.7c-0.7,0.9-1.6,1.7-3,1.7
|
||||||
|
c-2.1,0-4-1.7-4-5v-0.1c0-3.4,1.9-5,4-5c1.5,0,2.3,0.7,3,1.6V154h2.8v8.8c0,1.7-0.4,2.9-1.2,3.7c-0.9,0.9-2.3,1.3-4.1,1.3
|
||||||
|
C163.7,167.8,162.4,167.4,161.2,166.9z M167.7,158.8L167.7,158.8c0-1.6-0.9-2.6-2.1-2.6s-2.1,1-2.1,2.6v0c0,1.6,0.9,2.6,2.1,2.6
|
||||||
|
S167.7,160.4,167.7,158.8z"/>
|
||||||
|
<path class="st6" d="M172.9,150.3h3v2.6h-3V150.3z M172.9,154h2.8v10.7h-2.8V154z"/>
|
||||||
|
<path class="st6" d="M178.2,154h2.8v1.4c0.6-0.9,1.4-1.6,2.8-1.6c2,0,3.2,1.4,3.2,3.6v7.3h-2.8v-6.5c0-1.3-0.6-1.9-1.5-1.9
|
||||||
|
c-0.9,0-1.6,0.6-1.6,1.9v6.5h-2.8V154z"/>
|
||||||
|
<path class="st6" d="M189.2,166.9l0.9-2.2c0.9,0.5,1.9,0.8,3,0.8c1.8,0,2.6-0.8,2.6-2.5v-0.7c-0.7,0.9-1.6,1.7-3,1.7
|
||||||
|
c-2.1,0-4-1.7-4-5v-0.1c0-3.4,1.9-5,4-5c1.5,0,2.3,0.7,3,1.6V154h2.8v8.8c0,1.7-0.4,2.9-1.2,3.7c-0.9,0.9-2.3,1.3-4.1,1.3
|
||||||
|
C191.8,167.8,190.4,167.4,189.2,166.9z M195.8,158.8L195.8,158.8c0-1.6-0.9-2.6-2.1-2.6s-2.1,1-2.1,2.6v0c0,1.6,0.9,2.6,2.1,2.6
|
||||||
|
S195.8,160.4,195.8,158.8z"/>
|
||||||
|
</g>
|
||||||
|
<g class="st0">
|
||||||
|
<defs>
|
||||||
|
<rect id="SVGID_9_" width="595" height="633.7"/>
|
||||||
|
</defs>
|
||||||
|
<clipPath id="SVGID_10_">
|
||||||
|
<use xlink:href="#SVGID_9_" style="overflow:visible;"/>
|
||||||
|
</clipPath>
|
||||||
|
<path class="st11" d="M547.5,208.9h-222c-5.5,0-10-4.5-10-10v-79.4c0-5.5,4.5-10,10-10h222c5.5,0,10,4.5,10,10v79.4
|
||||||
|
C557.5,204.4,553,208.9,547.5,208.9"/>
|
||||||
|
</g>
|
||||||
|
<g class="st0">
|
||||||
|
<path class="st6" d="M388.7,150.7h4.5c4.1,0,6.7,2.8,6.7,6.9v0.2c0,4.1-2.6,6.9-6.7,6.9h-4.5V150.7z M391.6,153.3v8.8h1.6
|
||||||
|
c2.2,0,3.7-1.5,3.7-4.3v-0.1c0-2.8-1.5-4.3-3.7-4.3H391.6z"/>
|
||||||
|
<path class="st6" d="M402,150.3h3v2.6h-3V150.3z M402,154h2.8v10.7H402V154z"/>
|
||||||
|
<path class="st6" d="M406.7,161.6v-0.1c0-2.4,1.5-3.4,3.7-3.4c0.9,0,1.6,0.2,2.2,0.4v-0.3c0-1.2-0.7-1.9-2-1.9
|
||||||
|
c-1,0-1.8,0.3-2.5,0.6l-0.8-2.2c1-0.5,2.1-0.9,3.7-0.9c1.5,0,2.6,0.4,3.3,1.1c0.7,0.7,1.1,1.9,1.1,3.2v6.5h-2.8v-1.2
|
||||||
|
c-0.6,0.8-1.5,1.4-2.8,1.4C408.1,164.9,406.7,163.7,406.7,161.6z M412.7,161.2v-0.9c-0.4-0.2-1-0.3-1.6-0.3c-1,0-1.7,0.5-1.7,1.5
|
||||||
|
v0c0,0.9,0.6,1.3,1.4,1.3C411.9,162.8,412.7,162.2,412.7,161.2z"/>
|
||||||
|
<path class="st6" d="M417.7,166.9l0.9-2.2c0.9,0.5,1.9,0.8,3,0.8c1.8,0,2.6-0.8,2.6-2.5v-0.7c-0.7,0.9-1.6,1.7-3,1.7
|
||||||
|
c-2.1,0-4-1.7-4-5v-0.1c0-3.4,1.9-5,4-5c1.5,0,2.3,0.7,3,1.6V154h2.8v8.8c0,1.7-0.4,2.9-1.2,3.7c-0.9,0.9-2.3,1.3-4.1,1.3
|
||||||
|
C420.3,167.8,418.9,167.4,417.7,166.9z M424.3,158.8L424.3,158.8c0-1.6-0.9-2.6-2.1-2.6s-2.1,1-2.1,2.6v0c0,1.6,0.9,2.6,2.1,2.6
|
||||||
|
S424.3,160.4,424.3,158.8z"/>
|
||||||
|
<path class="st6" d="M429.3,154h2.8v1.4c0.6-0.9,1.4-1.6,2.8-1.6c2,0,3.2,1.4,3.2,3.6v7.3h-2.8v-6.5c0-1.3-0.6-1.9-1.5-1.9
|
||||||
|
c-0.9,0-1.6,0.6-1.6,1.9v6.5h-2.8V154z"/>
|
||||||
|
<path class="st6" d="M439.9,159.5v-0.2c0-3.2,2.2-5.5,5.1-5.5s5,2.3,5,5.5v0.2c0,3.2-2.1,5.5-5,5.5
|
||||||
|
C442,164.9,439.9,162.7,439.9,159.5z M447.2,159.4v-0.1c0-1.7-0.9-3.1-2.2-3.1c-1.4,0-2.2,1.3-2.2,3v0.1c0,1.7,0.9,3.1,2.3,3.1
|
||||||
|
C446.3,162.5,447.2,161.2,447.2,159.4z"/>
|
||||||
|
<path class="st6" d="M451,163.4l1.2-2c1,0.7,2,1.2,2.9,1.2c0.8,0,1.1-0.4,1.1-0.8v0c0-0.6-0.8-0.9-2-1.4c-1.5-0.7-2.8-1.4-2.8-3.2
|
||||||
|
v0c0-2.1,1.6-3.3,3.7-3.3c1.2,0,2.5,0.4,3.5,1.2l-1.1,2c-0.8-0.5-1.7-0.9-2.4-0.9c-0.7,0-1,0.3-1,0.8v0c0,0.6,0.8,0.9,1.9,1.4
|
||||||
|
c1.6,0.7,2.8,1.5,2.8,3.2v0c0,2.2-1.6,3.3-3.8,3.3C453.8,164.9,452.3,164.5,451,163.4z"/>
|
||||||
|
<path class="st6" d="M460.9,162v-5.6h-1.1V154h1.1v-2.7h2.8v2.7h2.1v2.4h-2.1v5.1c0,0.6,0.3,0.9,0.9,0.9c0.4,0,0.9-0.1,1.2-0.3
|
||||||
|
v2.3c-0.6,0.3-1.2,0.6-2.1,0.6C462.1,164.9,460.9,164.2,460.9,162z"/>
|
||||||
|
<path class="st6" d="M467.7,150.3h3v2.6h-3V150.3z M467.8,154h2.8v10.7h-2.8V154z"/>
|
||||||
|
<path class="st6" d="M472.6,159.5v-0.2c0-3.2,2.1-5.5,5-5.5c1.5,0,2.6,0.5,3.5,1.4l-1.5,2.1c-0.5-0.5-1.1-1-1.9-1
|
||||||
|
c-1.3,0-2.2,1.2-2.2,3v0.1c0,1.8,0.8,3,2.2,3c0.8,0,1.4-0.4,1.9-1l1.5,1.9c-0.9,1-2,1.6-3.6,1.6
|
||||||
|
C474.6,164.9,472.6,162.7,472.6,159.5z"/>
|
||||||
|
<path class="st6" d="M481.9,163.4l1.2-2c1,0.7,2,1.2,2.9,1.2c0.8,0,1.1-0.4,1.1-0.8v0c0-0.6-0.8-0.9-2-1.4
|
||||||
|
c-1.5-0.7-2.8-1.4-2.8-3.2v0c0-2.1,1.6-3.3,3.7-3.3c1.2,0,2.5,0.4,3.5,1.2l-1.1,2c-0.8-0.5-1.7-0.9-2.4-0.9c-0.7,0-1,0.3-1,0.8v0
|
||||||
|
c0,0.6,0.8,0.9,1.9,1.4c1.6,0.7,2.8,1.5,2.8,3.2v0c0,2.2-1.6,3.3-3.8,3.3C484.7,164.9,483.2,164.5,481.9,163.4z"/>
|
||||||
|
</g>
|
||||||
|
<g class="st0">
|
||||||
|
<defs>
|
||||||
|
<rect id="SVGID_11_" width="595" height="633.7"/>
|
||||||
|
</defs>
|
||||||
|
<clipPath id="SVGID_12_">
|
||||||
|
<use xlink:href="#SVGID_11_" style="overflow:visible;"/>
|
||||||
|
</clipPath>
|
||||||
|
<path class="st12" d="M408.5,596.2h-222c-5.5,0-10-4.5-10-10v-79.4c0-5.5,4.5-10,10-10h222c5.5,0,10,4.5,10,10v79.4
|
||||||
|
C418.5,591.8,414,596.2,408.5,596.2"/>
|
||||||
|
</g>
|
||||||
|
<g class="st0">
|
||||||
|
<path class="st6" d="M253.5,538.1h3l3.1,5.7l3.1-5.7h3.1v14H263v-8.9l-3.3,5.8h-0.1l-3.3-5.7v8.9h-2.8V538.1z"/>
|
||||||
|
<path class="st6" d="M267.9,546.8v-0.2c0-3.2,2.2-5.5,5.1-5.5c2.9,0,5,2.3,5,5.5v0.2c0,3.2-2.1,5.5-5,5.5S267.9,550,267.9,546.8z
|
||||||
|
M275.2,546.8v-0.1c0-1.7-0.9-3.1-2.2-3.1c-1.4,0-2.2,1.3-2.2,3v0.1c0,1.7,0.9,3.1,2.3,3.1C274.4,549.8,275.2,548.5,275.2,546.8z"
|
||||||
|
/>
|
||||||
|
<path class="st6" d="M279.9,541.3h2.8v1.4c0.6-0.9,1.4-1.6,2.8-1.6c2,0,3.2,1.4,3.2,3.6v7.3h-2.8v-6.5c0-1.3-0.6-1.9-1.5-1.9
|
||||||
|
c-0.9,0-1.6,0.6-1.6,1.9v6.5h-2.8V541.3z"/>
|
||||||
|
<path class="st6" d="M290.9,537.6h3v2.6h-3V537.6z M291,541.3h2.8v10.7H291V541.3z"/>
|
||||||
|
<path class="st6" d="M296.6,549.4v-5.6h-1.1v-2.4h1.1v-2.7h2.8v2.7h2.1v2.4h-2.1v5.1c0,0.6,0.3,0.9,0.9,0.9c0.4,0,0.9-0.1,1.2-0.3
|
||||||
|
v2.3c-0.6,0.3-1.2,0.6-2.1,0.6C297.8,552.2,296.6,551.6,296.6,549.4z"/>
|
||||||
|
<path class="st6" d="M302.7,546.8v-0.2c0-3.2,2.2-5.5,5.1-5.5c2.9,0,5,2.3,5,5.5v0.2c0,3.2-2.1,5.5-5,5.5S302.7,550,302.7,546.8z
|
||||||
|
M310,546.8v-0.1c0-1.7-0.9-3.1-2.2-3.1c-1.4,0-2.2,1.3-2.2,3v0.1c0,1.7,0.9,3.1,2.3,3.1C309.2,549.8,310,548.5,310,546.8z"/>
|
||||||
|
<path class="st6" d="M314.7,541.3h2.8v1.9c0.5-1.3,1.4-2.2,2.9-2.1v3.1h-0.1c-1.7,0-2.8,1.1-2.8,3.3v4.5h-2.8V541.3z"/>
|
||||||
|
<path class="st6" d="M322.1,537.6h3v2.6h-3V537.6z M322.1,541.3h2.8v10.7h-2.8V541.3z"/>
|
||||||
|
<path class="st6" d="M327.4,541.3h2.8v1.4c0.6-0.9,1.4-1.6,2.8-1.6c2,0,3.2,1.4,3.2,3.6v7.3h-2.8v-6.5c0-1.3-0.6-1.9-1.5-1.9
|
||||||
|
c-0.9,0-1.6,0.6-1.6,1.9v6.5h-2.8V541.3z"/>
|
||||||
|
<path class="st6" d="M338.4,554.2l0.9-2.2c0.9,0.5,1.9,0.8,3,0.8c1.8,0,2.6-0.8,2.6-2.5v-0.7c-0.7,0.9-1.6,1.7-3,1.7
|
||||||
|
c-2.1,0-4-1.7-4-5v-0.1c0-3.4,1.9-5,4-5c1.5,0,2.3,0.7,3,1.6v-1.4h2.8v8.8c0,1.7-0.4,2.9-1.2,3.7c-0.9,0.9-2.3,1.3-4.1,1.3
|
||||||
|
C341,555.1,339.6,554.8,338.4,554.2z M345,546.2L345,546.2c0-1.6-0.9-2.6-2.1-2.6s-2.1,1-2.1,2.6v0c0,1.6,0.9,2.6,2.1,2.6
|
||||||
|
S345,547.8,345,546.2z"/>
|
||||||
|
</g>
|
||||||
|
<g class="st0">
|
||||||
|
<defs>
|
||||||
|
<rect id="SVGID_13_" width="595" height="633.7"/>
|
||||||
|
</defs>
|
||||||
|
<clipPath id="SVGID_14_">
|
||||||
|
<use xlink:href="#SVGID_13_" style="overflow:visible;"/>
|
||||||
|
</clipPath>
|
||||||
|
<line class="st13" x1="391.5" y1="249.3" x2="425.6" y2="203.9"/>
|
||||||
|
<line class="st14" x1="391.5" y1="249.3" x2="425.6" y2="203.9"/>
|
||||||
|
<line class="st13" x1="204.3" y1="249.3" x2="170.2" y2="203.9"/>
|
||||||
|
<line class="st14" x1="204.3" y1="249.3" x2="170.2" y2="203.9"/>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 15 KiB |
@ -0,0 +1,241 @@
|
|||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||||
|
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||||
|
viewBox="0 0 595 633.7" style="enable-background:new 0 0 595 633.7;" xml:space="preserve">
|
||||||
|
<style type="text/css">
|
||||||
|
.st0{clip-path:url(#SVGID_2_);}
|
||||||
|
.st1{opacity:5.000310e-02;clip-path:url(#SVGID_4_);}
|
||||||
|
.st2{clip-path:url(#SVGID_6_);fill:#231F20;}
|
||||||
|
.st3{clip-path:url(#SVGID_2_);fill:#5956A5;}
|
||||||
|
.st4{fill:#FFFFFF;}
|
||||||
|
.st5{clip-path:url(#SVGID_8_);fill:none;stroke:#351D70;stroke-width:3;stroke-miterlimit:10;}
|
||||||
|
.st6{clip-path:url(#SVGID_8_);fill:#FFFFFF;}
|
||||||
|
.st7{clip-path:url(#SVGID_8_);fill:#351D70;}
|
||||||
|
.st8{clip-path:url(#SVGID_8_);fill:#5956A5;}
|
||||||
|
.st9{clip-path:url(#SVGID_8_);}
|
||||||
|
.st10{clip-path:url(#SVGID_10_);fill:#351D70;}
|
||||||
|
.st11{clip-path:url(#SVGID_10_);}
|
||||||
|
.st12{clip-path:url(#SVGID_12_);fill:#351D70;}
|
||||||
|
.st13{clip-path:url(#SVGID_12_);}
|
||||||
|
.st14{clip-path:url(#SVGID_14_);fill:#351D70;}
|
||||||
|
.st15{clip-path:url(#SVGID_14_);}
|
||||||
|
.st16{clip-path:url(#SVGID_16_);fill:#FFFFFF;}
|
||||||
|
.st17{clip-path:url(#SVGID_16_);fill:none;stroke:#351D70;stroke-width:3;stroke-miterlimit:10;}
|
||||||
|
</style>
|
||||||
|
<g>
|
||||||
|
<defs>
|
||||||
|
<rect id="SVGID_1_" width="595" height="633.7"/>
|
||||||
|
</defs>
|
||||||
|
<clipPath id="SVGID_2_">
|
||||||
|
<use xlink:href="#SVGID_1_" style="overflow:visible;"/>
|
||||||
|
</clipPath>
|
||||||
|
<g class="st0">
|
||||||
|
<defs>
|
||||||
|
<rect id="SVGID_3_" width="595" height="633.7"/>
|
||||||
|
</defs>
|
||||||
|
<clipPath id="SVGID_4_">
|
||||||
|
<use xlink:href="#SVGID_3_" style="overflow:visible;"/>
|
||||||
|
</clipPath>
|
||||||
|
<g class="st1">
|
||||||
|
<g>
|
||||||
|
<defs>
|
||||||
|
<rect id="SVGID_5_" x="1.5" y="1.5" width="592" height="630.7"/>
|
||||||
|
</defs>
|
||||||
|
<clipPath id="SVGID_6_">
|
||||||
|
<use xlink:href="#SVGID_5_" style="overflow:visible;"/>
|
||||||
|
</clipPath>
|
||||||
|
<rect x="1.5" y="1.5" class="st2" width="592" height="630.7"/>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<rect x="1.5" y="1.5" class="st3" width="592" height="72"/>
|
||||||
|
<g class="st0">
|
||||||
|
<path class="st4" d="M155,25.1h4.3v21H155V25.1z"/>
|
||||||
|
<path class="st4" d="M163.3,30h4.3v2.2c0.9-1.3,2.1-2.5,4.1-2.5c3,0,4.7,2.1,4.7,5.4v10.9h-4.3v-9.7c0-1.9-0.8-2.9-2.3-2.9
|
||||||
|
c-1.4,0-2.3,1-2.3,2.9v9.7h-4.3V30z"/>
|
||||||
|
<path class="st4" d="M179.2,38.3v-0.5c0-5.5,2.9-8.1,6.1-8.1c2.2,0,3.4,1.2,4.3,2.4v-7.6h4.3v21.7h-4.3v-2.2
|
||||||
|
c-0.9,1.3-2.2,2.5-4.3,2.5C182.1,46.4,179.2,43.8,179.2,38.3z M189.7,38.2v-0.3c0-2.7-1.4-4.5-3.1-4.5s-3.1,1.7-3.1,4.5v0.3
|
||||||
|
c0,2.7,1.3,4.5,3.1,4.5S189.7,41,189.7,38.2z"/>
|
||||||
|
<path class="st4" d="M197.2,41V30h4.2v9.7c0,1.9,0.8,2.8,2.3,2.8s2.3-1,2.3-2.8V30h4.3v16.1h-4.3V44c-0.9,1.3-2.1,2.5-4.1,2.5
|
||||||
|
C198.9,46.4,197.2,44.3,197.2,41z"/>
|
||||||
|
<path class="st4" d="M212.5,44.2l1.9-3c1.4,1.1,3,1.8,4.3,1.8c1.2,0,1.7-0.6,1.7-1.2v-0.1c0-0.9-1.2-1.3-2.9-2.1
|
||||||
|
c-2.3-1-4.2-2.1-4.2-4.9v-0.1c0-3.1,2.4-4.9,5.5-4.9c1.7,0,3.7,0.6,5.3,1.7l-1.7,3.1c-1.2-0.8-2.5-1.4-3.7-1.4
|
||||||
|
c-1,0-1.6,0.5-1.6,1.1v0.1c0,0.8,1.2,1.3,2.9,2.1c2.3,1.1,4.3,2.3,4.3,4.8v0.1c0,3.3-2.5,5-5.7,5
|
||||||
|
C216.7,46.4,214.5,45.8,212.5,44.2z"/>
|
||||||
|
<path class="st4" d="M227.2,42.1v-8.5h-1.6V30h1.6v-4.1h4.3V30h3.2v3.6h-3.2v7.6c0,0.9,0.4,1.4,1.3,1.4c0.7,0,1.3-0.2,1.8-0.5v3.4
|
||||||
|
c-0.8,0.5-1.9,0.8-3.1,0.8C229,46.4,227.2,45.4,227.2,42.1z"/>
|
||||||
|
<path class="st4" d="M237.5,30h4.3v2.8c0.8-1.9,2.1-3.2,4.4-3.1v4.6h-0.2c-2.6,0-4.2,1.6-4.2,5v6.7h-4.3V30z"/>
|
||||||
|
<path class="st4" d="M248.5,24.5h4.4v3.9h-4.4V24.5z M248.6,30h4.3v16.1h-4.3V30z"/>
|
||||||
|
<path class="st4" d="M255.7,41.5v-0.2c0-3.5,2.3-5.1,5.6-5.1c1.3,0,2.4,0.3,3.4,0.7v-0.5c0-1.9-1.1-2.8-3-2.8
|
||||||
|
c-1.5,0-2.7,0.5-3.7,0.9l-1.2-3.3c1.6-0.8,3.2-1.3,5.5-1.3c2.2,0,3.8,0.6,4.9,1.6c1.1,1.1,1.6,2.8,1.6,4.9v9.7h-4.2v-1.7
|
||||||
|
c-1,1.3-2.3,2-4.2,2C257.8,46.4,255.7,44.7,255.7,41.5z M264.7,40.8v-1.4c-0.6-0.3-1.5-0.5-2.4-0.5c-1.6,0-2.5,0.8-2.5,2.2v0.1
|
||||||
|
c0,1.3,0.8,2,2.1,2C263.5,43.3,264.7,42.3,264.7,40.8z"/>
|
||||||
|
<path class="st4" d="M272.2,24.5h4.3v21.7h-4.3V24.5z"/>
|
||||||
|
<path class="st4" d="M293.1,25h4.1l7.5,21.1h-4.5l-1.6-4.6h-7.2l-1.5,4.6h-4.4L293.1,25z M297.4,37.7l-2.3-6.8l-2.3,6.8H297.4z"/>
|
||||||
|
<path class="st4" d="M306.6,41V30h4.2v9.7c0,1.9,0.8,2.8,2.3,2.8s2.3-1,2.3-2.8V30h4.3v16.1h-4.3V44c-0.9,1.3-2.1,2.5-4.1,2.5
|
||||||
|
C308.3,46.4,306.6,44.3,306.6,41z"/>
|
||||||
|
<path class="st4" d="M323.8,42.1v-8.5h-1.6V30h1.6v-4.1h4.3V30h3.2v3.6H328v7.6c0,0.9,0.4,1.4,1.3,1.4c0.7,0,1.3-0.2,1.8-0.5v3.4
|
||||||
|
c-0.8,0.5-1.9,0.8-3.2,0.8C325.6,46.4,323.8,45.4,323.8,42.1z"/>
|
||||||
|
<path class="st4" d="M332.9,38.3V38c0-4.8,3.2-8.2,7.6-8.2c4.3,0,7.5,3.4,7.5,8.2v0.3c0,4.8-3.2,8.2-7.6,8.2
|
||||||
|
S332.9,43.1,332.9,38.3z M343.8,38.2V38c0-2.6-1.3-4.6-3.4-4.6c-2.1,0-3.4,1.9-3.4,4.6v0.2c0,2.6,1.3,4.6,3.4,4.6
|
||||||
|
C342.6,42.8,343.8,40.8,343.8,38.2z"/>
|
||||||
|
<path class="st4" d="M350.9,30h4.3v2.2c1-1.4,2.2-2.5,4.2-2.5c1.9,0,3.2,0.9,4,2.3c1.2-1.4,2.6-2.3,4.6-2.3c2.8,0,4.8,1.9,4.8,5.4
|
||||||
|
v11h-4.2v-9.7c0-1.9-0.8-2.9-2.2-2.9s-2.3,1-2.3,2.9v9.7h-4.3v-9.7c0-1.9-0.8-2.9-2.2-2.9c-1.4,0-2.3,1-2.3,2.9v9.7h-4.3V30z"/>
|
||||||
|
<path class="st4" d="M375.1,41.5v-0.2c0-3.5,2.3-5.1,5.6-5.1c1.3,0,2.4,0.3,3.4,0.7v-0.5c0-1.9-1.1-2.8-3-2.8
|
||||||
|
c-1.5,0-2.7,0.5-3.7,0.9l-1.2-3.3c1.6-0.8,3.2-1.3,5.5-1.3c2.2,0,3.8,0.6,4.9,1.6c1.1,1.1,1.7,2.8,1.7,4.9v9.7H384v-1.7
|
||||||
|
c-1,1.3-2.3,2-4.2,2C377.2,46.4,375.1,44.7,375.1,41.5z M384.1,40.8v-1.4c-0.6-0.3-1.5-0.5-2.4-0.5c-1.6,0-2.5,0.8-2.5,2.2v0.1
|
||||||
|
c0,1.3,0.8,2,2.1,2C382.9,43.3,384.1,42.3,384.1,40.8z"/>
|
||||||
|
<path class="st4" d="M392,42.1v-8.5h-1.6V30h1.6v-4.1h4.3V30h3.2v3.6h-3.2v7.6c0,0.9,0.4,1.4,1.3,1.4c0.7,0,1.3-0.2,1.8-0.5v3.4
|
||||||
|
c-0.8,0.5-1.9,0.8-3.2,0.8C393.8,46.4,392,45.4,392,42.1z"/>
|
||||||
|
<path class="st4" d="M402.3,24.5h4.4v3.9h-4.4V24.5z M402.4,30h4.3v16.1h-4.3V30z"/>
|
||||||
|
<path class="st4" d="M409.6,38.3V38c0-4.8,3.2-8.2,7.6-8.2c4.3,0,7.5,3.4,7.5,8.2v0.3c0,4.8-3.2,8.2-7.6,8.2
|
||||||
|
S409.6,43.1,409.6,38.3z M420.5,38.2V38c0-2.6-1.3-4.6-3.4-4.6c-2.1,0-3.4,1.9-3.4,4.6v0.2c0,2.6,1.3,4.6,3.4,4.6
|
||||||
|
C419.3,42.8,420.5,40.8,420.5,38.2z"/>
|
||||||
|
<path class="st4" d="M427.5,30h4.3v2.2c0.9-1.3,2.1-2.5,4.1-2.5c3,0,4.7,2.1,4.7,5.4v10.9h-4.3v-9.7c0-1.9-0.8-2.9-2.3-2.9
|
||||||
|
c-1.4,0-2.3,1-2.3,2.9v9.7h-4.3V30z"/>
|
||||||
|
</g>
|
||||||
|
<g class="st0">
|
||||||
|
<defs>
|
||||||
|
<rect id="SVGID_7_" width="595" height="633.7"/>
|
||||||
|
</defs>
|
||||||
|
<clipPath id="SVGID_8_">
|
||||||
|
<use xlink:href="#SVGID_7_" style="overflow:visible;"/>
|
||||||
|
</clipPath>
|
||||||
|
<rect x="1.5" y="1.5" class="st5" width="592" height="630.7"/>
|
||||||
|
<path class="st6" d="M209.7,459.4c-4.7,0-8.5-3.8-8.5-8.5v-196c0-4.7,3.8-8.5,8.5-8.5h175.5c4.7,0,8.5,3.8,8.5,8.5v196
|
||||||
|
c0,4.7-3.8,8.5-8.5,8.5H209.7z"/>
|
||||||
|
<path class="st7" d="M385.3,247.9c3.9,0,7,3.1,7,7v196c0,3.9-3.1,7-7,7H209.7c-3.9,0-7-3.1-7-7v-196c0-3.9,3.1-7,7-7H385.3
|
||||||
|
M385.3,244.9H209.7c-5.5,0-10,4.5-10,10v196c0,5.5,4.5,10,10,10h175.5c5.5,0,10-4.5,10-10v-196
|
||||||
|
C395.3,249.3,390.8,244.9,385.3,244.9"/>
|
||||||
|
<path class="st7" d="M241.3,417.7c-2-0.5-2.5-0.8-2.5-1.5v0c0-0.6,0.5-1,1.5-1c1,0,2,0.4,3,1.1l1.3-1.9c-1.2-1-2.6-1.5-4.3-1.5
|
||||||
|
c-2.4,0-4.1,1.4-4.1,3.5v0c0,2.3,1.5,3,3.9,3.6c2,0.5,2.4,0.8,2.4,1.5v0c0,0.7-0.6,1.1-1.7,1.1c-1.3,0-2.4-0.6-3.5-1.4l-1.5,1.8
|
||||||
|
c1.4,1.3,3.2,1.9,5,1.9c2.5,0,4.3-1.3,4.3-3.6v0C245,419.1,243.7,418.3,241.3,417.7"/>
|
||||||
|
<polygon class="st7" points="249.3,415.3 252.9,415.3 252.9,424.7 255.4,424.7 255.4,415.3 259,415.3 259,413 249.3,413 "/>
|
||||||
|
<path class="st7" d="M266.6,412.9l-5,11.8h2.6l1.1-2.6h4.9l1.1,2.6h2.7l-5-11.8H266.6z M266.2,419.8l1.6-3.8l1.6,3.8H266.2z"/>
|
||||||
|
<path class="st7" d="M288.7,416.9L288.7,416.9c0-1.1-0.4-2.1-1-2.7c-0.8-0.8-1.9-1.2-3.4-1.2H279v11.7h2.6v-3.7h2l2.5,3.7h3
|
||||||
|
l-2.9-4.2C287.7,419.9,288.7,418.7,288.7,416.9 M286.1,417c0,1-0.7,1.7-2,1.7h-2.6v-3.4h2.6C285.4,415.3,286.1,415.9,286.1,417
|
||||||
|
L286.1,417z"/>
|
||||||
|
<polygon class="st7" points="296.8,413 294.2,413 294.2,424.7 302.6,424.7 302.6,422.3 296.8,422.3 "/>
|
||||||
|
<rect x="307.9" y="413" class="st7" width="2.6" height="11.7"/>
|
||||||
|
<polygon class="st7" points="324.4,420.2 318.9,413 316.5,413 316.5,424.7 319,424.7 319,417.2 324.7,424.7 326.9,424.7
|
||||||
|
326.9,413 324.4,413 "/>
|
||||||
|
<path class="st7" d="M338.4,420.2h2.6v1.7c-0.7,0.5-1.5,0.7-2.4,0.7c-2.1,0-3.5-1.6-3.5-3.7v0c0-2,1.5-3.6,3.4-3.6
|
||||||
|
c1.4,0,2.2,0.4,3.1,1.2l1.6-2c-1.2-1-2.5-1.6-4.6-1.6c-3.5,0-6.1,2.7-6.1,6v0c0,3.5,2.5,6,6.1,6c2.1,0,3.8-0.8,5-1.9v-5.1h-5.1
|
||||||
|
V420.2z"/>
|
||||||
|
<polygon class="st7" points="359.1,413 356.2,413 353.7,416.8 351.2,413 348.2,413 352.1,418.7 348.1,424.7 351,424.7
|
||||||
|
353.6,420.7 356.3,424.7 359.3,424.7 355.2,418.7 "/>
|
||||||
|
<polygon class="st8" points="294.2,301.9 278.4,280.9 235.7,280.9 272.9,330.3 "/>
|
||||||
|
<path class="st8" d="M290.7,354.2l25.9,34.5h42.7l-37.3-49.8C313.7,347.5,301.8,353.4,290.7,354.2"/>
|
||||||
|
<path class="st7" d="M265.1,379.4l22.8-30.4c0.1,0,0.2,0,0.3,0c11.8,0,25.6-7.3,33.1-17.6l23.4-31.2c6.7-8.4,14.5-12.2,14.5-12.2
|
||||||
|
c-6.3-2.6-15.8-4-15.8-4c-3.7-3.2-12.1-3.2-12.1-3.2c-14.7,0-21.7,9.3-21.7,9.3l-32.2,43c19.2-0.1,23-3.1,34.7-18.2l2.5-3.3
|
||||||
|
c2.5-3.3,6.3-5.3,10.5-5.3l-8.7,11.8c-12.7,16.5-18,20.3-40.2,20.3c-0.9,0-1.8,0-2.7,0l-37.7,50.3h9.2
|
||||||
|
C252,388.6,260.6,384.9,265.1,379.4"/>
|
||||||
|
<path class="st7" d="M269.5,208.9h-222c-5.5,0-10-4.5-10-10v-79.4c0-5.5,4.5-10,10-10h222c5.5,0,10,4.5,10,10v79.4
|
||||||
|
C279.5,204.4,275,208.9,269.5,208.9"/>
|
||||||
|
<g class="st9">
|
||||||
|
<path class="st4" d="M120.8,150.7h5.3c1.6,0,2.9,0.5,3.8,1.3c0.8,0.8,1.2,1.9,1.2,3.2v0.1c0,2.1-1.1,3.5-2.6,4.1l3,5.2h-3.3
|
||||||
|
l-2.6-4.6h-1.8v4.6h-2.9V150.7z M125.8,157.5c1.5,0,2.3-0.8,2.3-2.1v0c0-1.4-0.9-2.1-2.3-2.1h-2.1v4.2H125.8z"/>
|
||||||
|
<path class="st4" d="M132.5,159.5v-0.2c0-3.2,2.2-5.5,5.1-5.5s5,2.3,5,5.5v0.2c0,3.2-2.1,5.5-5,5.5S132.5,162.7,132.5,159.5z
|
||||||
|
M139.8,159.4v-0.1c0-1.7-0.9-3.1-2.2-3.1c-1.4,0-2.2,1.3-2.2,3v0.1c0,1.7,0.9,3.1,2.3,3.1C138.9,162.5,139.8,161.2,139.8,159.4z
|
||||||
|
"/>
|
||||||
|
<path class="st4" d="M147.3,163.3v1.4h-2.8v-14.4h2.8v5.2c0.6-0.9,1.5-1.7,2.9-1.7c2.1,0,4.1,1.7,4.1,5.4v0.3
|
||||||
|
c0,3.7-1.9,5.4-4.1,5.4C148.7,164.9,147.9,164.1,147.3,163.3z M151.4,159.4v-0.2c0-1.8-0.9-3-2.1-3c-1.2,0-2.1,1.2-2.1,3v0.2
|
||||||
|
c0,1.8,0.9,3,2.1,3C150.5,162.4,151.4,161.3,151.4,159.4z"/>
|
||||||
|
<path class="st4" d="M155.7,159.5v-0.2c0-3.2,2.2-5.5,5.1-5.5s5,2.3,5,5.5v0.2c0,3.2-2.1,5.5-5,5.5S155.7,162.7,155.7,159.5z
|
||||||
|
M163,159.4v-0.1c0-1.7-0.9-3.1-2.2-3.1c-1.4,0-2.2,1.3-2.2,3v0.1c0,1.7,0.9,3.1,2.3,3.1C162.2,162.5,163,161.2,163,159.4z"/>
|
||||||
|
<path class="st4" d="M168.1,162v-5.6h-1.1V154h1.1v-2.7h2.8v2.7h2.1v2.4H171v5.1c0,0.6,0.3,0.9,0.9,0.9c0.4,0,0.9-0.1,1.2-0.3
|
||||||
|
v2.3c-0.6,0.3-1.2,0.6-2.1,0.6C169.3,164.9,168.1,164.2,168.1,162z"/>
|
||||||
|
<path class="st4" d="M175,150.3h3v2.6h-3V150.3z M175.1,154h2.8v10.7h-2.8V154z"/>
|
||||||
|
<path class="st4" d="M179.9,159.5v-0.2c0-3.2,2.1-5.5,5-5.5c1.5,0,2.6,0.5,3.5,1.4l-1.5,2.1c-0.5-0.5-1.1-1-1.9-1
|
||||||
|
c-1.3,0-2.2,1.2-2.2,3v0.1c0,1.8,0.8,3,2.2,3c0.8,0,1.4-0.4,1.9-1l1.5,1.9c-0.9,1-2,1.6-3.6,1.6
|
||||||
|
C181.9,164.9,179.9,162.7,179.9,159.5z"/>
|
||||||
|
<path class="st4" d="M189.2,163.4l1.2-2c1,0.7,2,1.2,2.9,1.2c0.8,0,1.1-0.4,1.1-0.8v0c0-0.6-0.8-0.9-2-1.4
|
||||||
|
c-1.5-0.7-2.8-1.4-2.8-3.2v0c0-2.1,1.6-3.3,3.7-3.3c1.2,0,2.5,0.4,3.5,1.2l-1.1,2c-0.8-0.5-1.7-0.9-2.4-0.9c-0.7,0-1,0.3-1,0.8v0
|
||||||
|
c0,0.6,0.8,0.9,1.9,1.4c1.6,0.7,2.8,1.5,2.8,3.2v0c0,2.2-1.6,3.3-3.8,3.3C192,164.9,190.5,164.5,189.2,163.4z"/>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<g class="st0">
|
||||||
|
<defs>
|
||||||
|
<rect id="SVGID_9_" width="595" height="633.7"/>
|
||||||
|
</defs>
|
||||||
|
<clipPath id="SVGID_10_">
|
||||||
|
<use xlink:href="#SVGID_9_" style="overflow:visible;"/>
|
||||||
|
</clipPath>
|
||||||
|
<path class="st10" d="M547.5,208.9h-222c-5.5,0-10-4.5-10-10v-79.4c0-5.5,4.5-10,10-10h222c5.5,0,10,4.5,10,10v79.4
|
||||||
|
C557.5,204.4,553,208.9,547.5,208.9"/>
|
||||||
|
<g class="st11">
|
||||||
|
<path class="st4" d="M385.4,150.7h4.5c4.1,0,6.7,2.8,6.7,6.9v0.2c0,4.1-2.6,6.9-6.7,6.9h-4.5V150.7z M388.3,153.3v8.8h1.6
|
||||||
|
c2.2,0,3.7-1.5,3.7-4.3v-0.1c0-2.8-1.5-4.3-3.7-4.3H388.3z"/>
|
||||||
|
<path class="st4" d="M398.6,150.3h3v2.6h-3V150.3z M398.7,154h2.8v10.7h-2.8V154z"/>
|
||||||
|
<path class="st4" d="M404,166.9l0.9-2.2c0.9,0.5,1.9,0.8,3,0.8c1.8,0,2.6-0.8,2.6-2.5v-0.7c-0.7,0.9-1.6,1.7-3,1.7
|
||||||
|
c-2.1,0-4-1.7-4-5v-0.1c0-3.4,1.9-5,4-5c1.5,0,2.3,0.7,3,1.6V154h2.8v8.8c0,1.7-0.4,2.9-1.2,3.7c-0.9,0.9-2.3,1.3-4.1,1.3
|
||||||
|
C406.6,167.8,405.2,167.4,404,166.9z M410.6,158.8L410.6,158.8c0-1.6-0.9-2.6-2.1-2.6c-1.2,0-2.1,1-2.1,2.6v0
|
||||||
|
c0,1.6,0.9,2.6,2.1,2.6C409.7,161.5,410.6,160.4,410.6,158.8z"/>
|
||||||
|
<path class="st4" d="M415.7,150.3h3v2.6h-3V150.3z M415.8,154h2.8v10.7h-2.8V154z"/>
|
||||||
|
<path class="st4" d="M421.4,162v-5.6h-1.1V154h1.1v-2.7h2.8v2.7h2.1v2.4h-2.1v5.1c0,0.6,0.3,0.9,0.9,0.9c0.4,0,0.9-0.1,1.2-0.3
|
||||||
|
v2.3c-0.6,0.3-1.2,0.6-2.1,0.6C422.6,164.9,421.4,164.2,421.4,162z"/>
|
||||||
|
<path class="st4" d="M427.7,161.6v-0.1c0-2.4,1.5-3.4,3.7-3.4c0.9,0,1.6,0.2,2.2,0.4v-0.3c0-1.2-0.7-1.9-2-1.9
|
||||||
|
c-1,0-1.8,0.3-2.5,0.6l-0.8-2.2c1-0.5,2.1-0.9,3.7-0.9c1.5,0,2.6,0.4,3.3,1.1c0.7,0.7,1.1,1.9,1.1,3.2v6.5h-2.8v-1.2
|
||||||
|
c-0.6,0.8-1.5,1.4-2.8,1.4C429.1,164.9,427.7,163.7,427.7,161.6z M433.7,161.2v-0.9c-0.4-0.2-1-0.3-1.6-0.3c-1,0-1.7,0.5-1.7,1.5
|
||||||
|
v0c0,0.9,0.6,1.3,1.4,1.3C432.9,162.8,433.7,162.2,433.7,161.2z"/>
|
||||||
|
<path class="st4" d="M438.7,150.3h2.8v14.4h-2.8V150.3z"/>
|
||||||
|
<path class="st4" d="M451.4,153.4h-3.5v-2.7h9.9v2.7h-3.5v11.3h-2.9V153.4z"/>
|
||||||
|
<path class="st4" d="M457.9,154h2.9l1.5,6.3l1.7-6.4h2.4l1.7,6.4l1.5-6.4h2.8l-2.9,10.8h-2.6l-1.7-6.4l-1.7,6.4h-2.6L457.9,154z"
|
||||||
|
/>
|
||||||
|
<path class="st4" d="M473.9,150.3h3v2.6h-3V150.3z M474,154h2.8v10.7H474V154z"/>
|
||||||
|
<path class="st4" d="M479.2,154h2.8v1.4c0.6-0.9,1.4-1.6,2.8-1.6c2,0,3.2,1.4,3.2,3.6v7.3h-2.8v-6.5c0-1.3-0.6-1.9-1.5-1.9
|
||||||
|
c-0.9,0-1.6,0.6-1.6,1.9v6.5h-2.8V154z"/>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<g class="st0">
|
||||||
|
<defs>
|
||||||
|
<rect id="SVGID_11_" width="595" height="633.7"/>
|
||||||
|
</defs>
|
||||||
|
<clipPath id="SVGID_12_">
|
||||||
|
<use xlink:href="#SVGID_11_" style="overflow:visible;"/>
|
||||||
|
</clipPath>
|
||||||
|
<path class="st12" d="M269.5,596.2h-222c-5.5,0-10-4.5-10-10v-79.4c0-5.5,4.5-10,10-10h222c5.5,0,10,4.5,10,10v79.4
|
||||||
|
C279.5,591.8,275,596.2,269.5,596.2"/>
|
||||||
|
<g class="st13">
|
||||||
|
<path class="st4" d="M136.7,541.3h3l2,7.1l2-7.1h2.9l-3.6,10.8h-2.6L136.7,541.3z"/>
|
||||||
|
<path class="st4" d="M148.3,538.1h4.7c3.1,0,5.1,1.8,5.1,4.8v0c0,3.2-2.3,4.8-5.2,4.9h-1.6v4.3h-2.9V538.1z M152.8,545.2
|
||||||
|
c1.5,0,2.3-0.9,2.3-2.2v0c0-1.5-0.8-2.3-2.4-2.3h-1.6v4.5H152.8z"/>
|
||||||
|
<path class="st4" d="M160,538.1h2.9v11.3h5.7v2.7H160V538.1z"/>
|
||||||
|
<path class="st4" d="M169.2,545.2V545c0-4.2,2.6-7.1,6.3-7.1c2.1,0,3.4,0.8,4.5,1.9l-1.7,2.2c-0.8-0.9-1.7-1.4-2.9-1.4
|
||||||
|
c-1.9,0-3.3,1.7-3.3,4.5v0.1c0,2.8,1.4,4.5,3.3,4.5c1.1,0,1.9-0.5,2.9-1.5l1.7,2.1c-1.3,1.3-2.6,2.1-4.7,2.1
|
||||||
|
C171.7,552.3,169.2,549.4,169.2,545.2z"/>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<g class="st0">
|
||||||
|
<defs>
|
||||||
|
<rect id="SVGID_13_" width="595" height="633.7"/>
|
||||||
|
</defs>
|
||||||
|
<clipPath id="SVGID_14_">
|
||||||
|
<use xlink:href="#SVGID_13_" style="overflow:visible;"/>
|
||||||
|
</clipPath>
|
||||||
|
<path class="st14" d="M547.5,596.2h-222c-5.5,0-10-4.5-10-10v-79.4c0-5.5,4.5-10,10-10h222c5.5,0,10,4.5,10,10v79.4
|
||||||
|
C557.5,591.8,553,596.2,547.5,596.2"/>
|
||||||
|
<g class="st15">
|
||||||
|
<path class="st4" d="M420.8,538.1h2.9v5.6h4.6v-5.6h2.9v14h-2.9v-5.7h-4.6v5.7h-2.9V538.1z"/>
|
||||||
|
<path class="st4" d="M434,538.1h3l3.1,5.7l3.1-5.7h3.1v14h-2.8v-8.9l-3.3,5.8h-0.1l-3.3-5.7v8.9H434V538.1z"/>
|
||||||
|
<path class="st4" d="M449.2,538.1h2.9v14h-2.9V538.1z"/>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<g class="st0">
|
||||||
|
<defs>
|
||||||
|
<rect id="SVGID_15_" width="595" height="633.7"/>
|
||||||
|
</defs>
|
||||||
|
<clipPath id="SVGID_16_">
|
||||||
|
<use xlink:href="#SVGID_15_" style="overflow:visible;"/>
|
||||||
|
</clipPath>
|
||||||
|
<line class="st16" x1="391.5" y1="249.3" x2="425.6" y2="203.9"/>
|
||||||
|
<line class="st17" x1="391.5" y1="249.3" x2="425.6" y2="203.9"/>
|
||||||
|
<line class="st16" x1="204.3" y1="249.3" x2="170.2" y2="203.9"/>
|
||||||
|
<line class="st17" x1="204.3" y1="249.3" x2="170.2" y2="203.9"/>
|
||||||
|
<line class="st16" x1="204.3" y1="456.4" x2="170.2" y2="501.9"/>
|
||||||
|
<line class="st17" x1="204.3" y1="456.4" x2="170.2" y2="501.9"/>
|
||||||
|
<line class="st16" x1="392.5" y1="456.4" x2="426.6" y2="501.9"/>
|
||||||
|
<line class="st17" x1="392.5" y1="456.4" x2="426.6" y2="501.9"/>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 15 KiB |
140
site/.vuepress/public/images/starlingx_usecases_uCPE.svg
Normal file
140
site/.vuepress/public/images/starlingx_usecases_uCPE.svg
Normal file
@ -0,0 +1,140 @@
|
|||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||||
|
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||||
|
viewBox="0 0 595 633.7" style="enable-background:new 0 0 595 633.7;" xml:space="preserve">
|
||||||
|
<style type="text/css">
|
||||||
|
.st0{clip-path:url(#SVGID_2_);}
|
||||||
|
.st1{opacity:5.000310e-02;clip-path:url(#SVGID_4_);}
|
||||||
|
.st2{clip-path:url(#SVGID_6_);fill:#231F20;}
|
||||||
|
.st3{clip-path:url(#SVGID_2_);fill:#5956A5;}
|
||||||
|
.st4{fill:#FFFFFF;}
|
||||||
|
.st5{font-family:'GothamNarrow-Bold';}
|
||||||
|
.st6{font-size:30px;}
|
||||||
|
.st7{clip-path:url(#SVGID_8_);fill:none;stroke:#351D70;stroke-width:3;stroke-miterlimit:10;}
|
||||||
|
.st8{clip-path:url(#SVGID_8_);fill:#FFFFFF;}
|
||||||
|
.st9{clip-path:url(#SVGID_8_);fill:#351D70;}
|
||||||
|
.st10{clip-path:url(#SVGID_8_);fill:#5956A5;}
|
||||||
|
.st11{font-size:20px;}
|
||||||
|
.st12{clip-path:url(#SVGID_10_);fill:#351D70;}
|
||||||
|
.st13{clip-path:url(#SVGID_12_);fill:#351D70;}
|
||||||
|
.st14{letter-spacing:-1;}
|
||||||
|
.st15{clip-path:url(#SVGID_14_);fill:#FFFFFF;}
|
||||||
|
.st16{clip-path:url(#SVGID_14_);fill:none;stroke:#351D70;stroke-width:3;stroke-miterlimit:10;}
|
||||||
|
</style>
|
||||||
|
<g>
|
||||||
|
<defs>
|
||||||
|
<rect id="SVGID_1_" width="595" height="633.7"/>
|
||||||
|
</defs>
|
||||||
|
<clipPath id="SVGID_2_">
|
||||||
|
<use xlink:href="#SVGID_1_" style="overflow:visible;"/>
|
||||||
|
</clipPath>
|
||||||
|
<g class="st0">
|
||||||
|
<defs>
|
||||||
|
<rect id="SVGID_3_" width="595" height="633.7"/>
|
||||||
|
</defs>
|
||||||
|
<clipPath id="SVGID_4_">
|
||||||
|
<use xlink:href="#SVGID_3_" style="overflow:visible;"/>
|
||||||
|
</clipPath>
|
||||||
|
<g class="st1">
|
||||||
|
<g>
|
||||||
|
<defs>
|
||||||
|
<rect id="SVGID_5_" x="1.5" y="1.5" width="592" height="630.7"/>
|
||||||
|
</defs>
|
||||||
|
<clipPath id="SVGID_6_">
|
||||||
|
<use xlink:href="#SVGID_5_" style="overflow:visible;"/>
|
||||||
|
</clipPath>
|
||||||
|
<rect x="1.5" y="1.5" class="st2" width="592" height="630.7"/>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<rect x="1.6" y="1.5" class="st3" width="592" height="72"/>
|
||||||
|
<g class="st0">
|
||||||
|
<text transform="matrix(1 0 0 1 267.0996 46.1234)" class="st4 st5 st6">uCPE</text>
|
||||||
|
</g>
|
||||||
|
<g class="st0">
|
||||||
|
<defs>
|
||||||
|
<rect id="SVGID_7_" width="595" height="633.7"/>
|
||||||
|
</defs>
|
||||||
|
<clipPath id="SVGID_8_">
|
||||||
|
<use xlink:href="#SVGID_7_" style="overflow:visible;"/>
|
||||||
|
</clipPath>
|
||||||
|
<rect x="1.5" y="1.5" class="st7" width="592" height="630.7"/>
|
||||||
|
<path class="st8" d="M209.7,459.4c-4.7,0-8.5-3.8-8.5-8.5v-196c0-4.7,3.8-8.5,8.5-8.5h175.5c4.7,0,8.5,3.8,8.5,8.5v196
|
||||||
|
c0,4.7-3.8,8.5-8.5,8.5H209.7z"/>
|
||||||
|
<path class="st9" d="M385.2,247.9c3.9,0,7,3.1,7,7v196c0,3.9-3.1,7-7,7H209.7c-3.9,0-7-3.1-7-7v-196c0-3.9,3.1-7,7-7H385.2
|
||||||
|
M385.2,244.9H209.7c-5.5,0-10,4.5-10,10v196c0,5.5,4.5,10,10,10h175.5c5.5,0,10-4.5,10-10v-196
|
||||||
|
C395.2,249.3,390.8,244.9,385.2,244.9"/>
|
||||||
|
<path class="st9" d="M241.3,417.7c-2-0.5-2.5-0.8-2.5-1.5v0c0-0.6,0.5-1,1.5-1c1,0,2,0.4,3,1.1l1.3-1.9c-1.2-1-2.6-1.5-4.3-1.5
|
||||||
|
c-2.4,0-4.1,1.4-4.1,3.5v0c0,2.3,1.5,3,3.9,3.6c2,0.5,2.4,0.8,2.4,1.5v0c0,0.7-0.6,1.1-1.7,1.1c-1.3,0-2.4-0.6-3.5-1.4l-1.5,1.8
|
||||||
|
c1.4,1.3,3.2,1.9,5,1.9c2.5,0,4.3-1.3,4.3-3.6v0C245,419.1,243.6,418.3,241.3,417.7"/>
|
||||||
|
<polygon class="st9" points="249.3,415.3 252.9,415.3 252.9,424.7 255.4,424.7 255.4,415.3 259,415.3 259,413 249.3,413 "/>
|
||||||
|
<path class="st9" d="M266.6,412.9l-5,11.8h2.6l1.1-2.6h4.9l1.1,2.6h2.7l-5-11.8H266.6z M266.2,419.8l1.6-3.8l1.6,3.8H266.2z"/>
|
||||||
|
<path class="st9" d="M288.7,416.9L288.7,416.9c0-1.1-0.4-2.1-1-2.7c-0.8-0.8-1.9-1.2-3.4-1.2H279v11.7h2.6v-3.7h2l2.5,3.7h3
|
||||||
|
l-2.9-4.2C287.7,419.9,288.7,418.7,288.7,416.9 M286.1,417c0,1-0.7,1.7-2,1.7h-2.6v-3.4h2.6C285.4,415.3,286.1,415.9,286.1,417
|
||||||
|
L286.1,417z"/>
|
||||||
|
<polygon class="st9" points="296.8,413 294.2,413 294.2,424.7 302.6,424.7 302.6,422.3 296.8,422.3 "/>
|
||||||
|
<rect x="307.8" y="413" class="st9" width="2.6" height="11.7"/>
|
||||||
|
<polygon class="st9" points="324.3,420.2 318.9,413 316.5,413 316.5,424.7 319,424.7 319,417.2 324.7,424.7 326.9,424.7
|
||||||
|
326.9,413 324.3,413 "/>
|
||||||
|
<path class="st9" d="M338.4,420.2h2.6v1.7c-0.7,0.5-1.5,0.7-2.4,0.7c-2.1,0-3.5-1.6-3.5-3.7v0c0-2,1.5-3.6,3.4-3.6
|
||||||
|
c1.4,0,2.2,0.4,3.1,1.2l1.6-2c-1.2-1-2.5-1.6-4.6-1.6c-3.5,0-6.1,2.7-6.1,6v0c0,3.5,2.5,6,6.1,6c2.1,0,3.8-0.8,5-1.9v-5.1h-5.1
|
||||||
|
V420.2z"/>
|
||||||
|
<polygon class="st9" points="359.1,413 356.2,413 353.7,416.8 351.2,413 348.2,413 352.1,418.7 348.1,424.7 351,424.7
|
||||||
|
353.6,420.7 356.2,424.7 359.2,424.7 355.2,418.7 "/>
|
||||||
|
<polygon class="st10" points="294.2,301.9 278.4,280.9 235.7,280.9 272.9,330.3 "/>
|
||||||
|
<path class="st10" d="M290.7,354.2l25.9,34.5h42.7l-37.3-49.8C313.7,347.5,301.8,353.4,290.7,354.2"/>
|
||||||
|
<path class="st9" d="M265.1,379.4l22.8-30.4c0.1,0,0.2,0,0.3,0c11.8,0,25.6-7.3,33.1-17.6l23.4-31.2c6.7-8.4,14.5-12.2,14.5-12.2
|
||||||
|
c-6.3-2.6-15.8-4-15.8-4c-3.7-3.2-12.1-3.2-12.1-3.2c-14.7,0-21.7,9.3-21.7,9.3l-32.2,43c19.2-0.1,23-3.1,34.7-18.2l2.5-3.3
|
||||||
|
c2.5-3.3,6.3-5.3,10.5-5.3l-8.7,11.8c-12.7,16.5-18,20.3-40.2,20.3c-0.9,0-1.8,0-2.7,0l-37.7,50.3h9.2
|
||||||
|
C252,388.6,260.6,384.9,265.1,379.4"/>
|
||||||
|
<path class="st9" d="M269.5,208.9h-222c-5.5,0-10-4.5-10-10v-79.4c0-5.5,4.5-10,10-10h222c5.5,0,10,4.5,10,10v79.4
|
||||||
|
C279.5,204.4,275,208.9,269.5,208.9"/>
|
||||||
|
<line class="st8" x1="297.5" y1="460.9" x2="297.5" y2="498.5"/>
|
||||||
|
<line class="st7" x1="297.5" y1="460.9" x2="297.5" y2="498.5"/>
|
||||||
|
</g>
|
||||||
|
<g class="st0">
|
||||||
|
<text transform="matrix(1 0 0 1 70.606 153.7015)"><tspan x="0" y="0" class="st4 st5 st11">Intrusion De</tspan><tspan x="107.6" y="0" class="st4 st5 st11">t</tspan><tspan x="114.6" y="0" class="st4 st5 st11">ection</tspan></text>
|
||||||
|
</g>
|
||||||
|
<g class="st0">
|
||||||
|
<text transform="matrix(1 0 0 1 65.7461 177.7015)"><tspan x="0" y="0" class="st4 st5 st11">Intrusion P</tspan><tspan x="95.2" y="0" class="st4 st5 st11">r</tspan><tspan x="102.2" y="0" class="st4 st5 st11">e</tspan><tspan x="112.4" y="0" class="st4 st5 st11">v</tspan><tspan x="122.4" y="0" class="st4 st5 st11">ention</tspan></text>
|
||||||
|
</g>
|
||||||
|
<g class="st0">
|
||||||
|
<defs>
|
||||||
|
<rect id="SVGID_9_" width="595" height="633.7"/>
|
||||||
|
</defs>
|
||||||
|
<clipPath id="SVGID_10_">
|
||||||
|
<use xlink:href="#SVGID_9_" style="overflow:visible;"/>
|
||||||
|
</clipPath>
|
||||||
|
<path class="st12" d="M547.5,208.9h-222c-5.5,0-10-4.5-10-10v-79.4c0-5.5,4.5-10,10-10h222c5.5,0,10,4.5,10,10v79.4
|
||||||
|
C557.5,204.4,553,208.9,547.5,208.9"/>
|
||||||
|
</g>
|
||||||
|
<g class="st0">
|
||||||
|
<text transform="matrix(1 0 0 1 360.835 164.6956)"><tspan x="0" y="0" class="st4 st5 st11">C</tspan><tspan x="12.2" y="0" class="st4 st5 st11">on</tspan><tspan x="34.7" y="0" class="st4 st5 st11">t</tspan><tspan x="41.7" y="0" class="st4 st5 st11">ent Deli</tspan><tspan x="109.9" y="0" class="st4 st5 st11">v</tspan><tspan x="119.8" y="0" class="st4 st5 st11">ery</tspan></text>
|
||||||
|
</g>
|
||||||
|
<g class="st0">
|
||||||
|
<defs>
|
||||||
|
<rect id="SVGID_11_" width="595" height="633.7"/>
|
||||||
|
</defs>
|
||||||
|
<clipPath id="SVGID_12_">
|
||||||
|
<use xlink:href="#SVGID_11_" style="overflow:visible;"/>
|
||||||
|
</clipPath>
|
||||||
|
<path class="st13" d="M408.5,596.2h-222c-5.5,0-10-4.5-10-10v-79.4c0-5.5,4.5-10,10-10h222c5.5,0,10,4.5,10,10v79.4
|
||||||
|
C418.5,591.8,414,596.2,408.5,596.2"/>
|
||||||
|
</g>
|
||||||
|
<g class="st0">
|
||||||
|
<text transform="matrix(1 0 0 1 263.4248 552.0687)"><tspan x="0" y="0" class="st4 st5 st11">SD</tspan><tspan x="24.5" y="0" class="st4 st5 st11">-</tspan><tspan x="31.5" y="0" class="st4 st5 st11 st14">W</tspan><tspan x="49.1" y="0" class="st4 st5 st11">AN</tspan></text>
|
||||||
|
</g>
|
||||||
|
<g class="st0">
|
||||||
|
<defs>
|
||||||
|
<rect id="SVGID_13_" width="595" height="633.7"/>
|
||||||
|
</defs>
|
||||||
|
<clipPath id="SVGID_14_">
|
||||||
|
<use xlink:href="#SVGID_13_" style="overflow:visible;"/>
|
||||||
|
</clipPath>
|
||||||
|
<line class="st15" x1="391.5" y1="249.3" x2="425.5" y2="203.9"/>
|
||||||
|
<line class="st16" x1="391.5" y1="249.3" x2="425.5" y2="203.9"/>
|
||||||
|
<line class="st15" x1="204.3" y1="249.3" x2="170.2" y2="203.9"/>
|
||||||
|
<line class="st16" x1="204.3" y1="249.3" x2="170.2" y2="203.9"/>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 7.5 KiB |
BIN
site/.vuepress/theme/.DS_Store
vendored
Normal file
BIN
site/.vuepress/theme/.DS_Store
vendored
Normal file
Binary file not shown.
30
site/.vuepress/theme/Layout.vue
Normal file
30
site/.vuepress/theme/Layout.vue
Normal file
@ -0,0 +1,30 @@
|
|||||||
|
<template>
|
||||||
|
<div class="wrapper">
|
||||||
|
<base-header />
|
||||||
|
|
||||||
|
<component v-if="layout" :is="layout" />
|
||||||
|
<home v-else-if="$page.frontmatter.home" />
|
||||||
|
<page v-else />
|
||||||
|
|
||||||
|
<base-footer />
|
||||||
|
</div><!-- /.wrapper -->
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import Page from './Page.vue'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
components: { Page },
|
||||||
|
computed: {
|
||||||
|
layout() {
|
||||||
|
if (this.$page.frontmatter.layout) {
|
||||||
|
return this.$page.frontmatter.layout
|
||||||
|
} else if (this.$page.path.startsWith('/blog/') && this.$page.path != '/blog/') {
|
||||||
|
return 'BlogSingle'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style src="./sass/style.scss" lang="scss"></style>
|
||||||
18
site/.vuepress/theme/Page.vue
Normal file
18
site/.vuepress/theme/Page.vue
Normal file
@ -0,0 +1,18 @@
|
|||||||
|
<template>
|
||||||
|
<main class="main">
|
||||||
|
<hero class="hero-intro is-primary" containerClass="container-thin" withEntry :title="$page.title">
|
||||||
|
<template slot="entry">
|
||||||
|
<p>{{$page.frontmatter.description}}</p>
|
||||||
|
</template>
|
||||||
|
</hero>
|
||||||
|
|
||||||
|
<base-section class="section-article-simple" containerClass="container-thin">
|
||||||
|
<article class="article-simple default-page">
|
||||||
|
|
||||||
|
<Content :custom="false" />
|
||||||
|
|
||||||
|
</article><!-- /.article-simple -->
|
||||||
|
|
||||||
|
</base-section>
|
||||||
|
</main><!-- /.main -->
|
||||||
|
</template>
|
||||||
19
site/.vuepress/theme/enhanceApp.js
Normal file
19
site/.vuepress/theme/enhanceApp.js
Normal file
@ -0,0 +1,19 @@
|
|||||||
|
// import Buefy from "buefy";
|
||||||
|
|
||||||
|
import Field from "buefy/dist/components/field";
|
||||||
|
import Input from "buefy/dist/components/input";
|
||||||
|
import Checkbox from "buefy/dist/components/checkbox";
|
||||||
|
import Tag from "buefy/dist/components/tag";
|
||||||
|
|
||||||
|
export default ({
|
||||||
|
Vue, // the version of Vue being used in the VuePress app
|
||||||
|
options, // the options for the root Vue instance
|
||||||
|
router, // the router instance for the app
|
||||||
|
siteData // site metadata
|
||||||
|
}) => {
|
||||||
|
// ...apply enhancements to the app
|
||||||
|
Vue.use(Field);
|
||||||
|
Vue.use(Input);
|
||||||
|
Vue.use(Checkbox);
|
||||||
|
Vue.use(Tag);
|
||||||
|
};
|
||||||
BIN
site/.vuepress/theme/images/.DS_Store
vendored
Normal file
BIN
site/.vuepress/theme/images/.DS_Store
vendored
Normal file
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 2.4 MiB |
BIN
site/.vuepress/theme/images/article-image-placeholder.png
Normal file
BIN
site/.vuepress/theme/images/article-image-placeholder.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
BIN
site/.vuepress/theme/images/bar-logo.png
Normal file
BIN
site/.vuepress/theme/images/bar-logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
35
site/.vuepress/theme/images/bar-logo.svg
Normal file
35
site/.vuepress/theme/images/bar-logo.svg
Normal file
@ -0,0 +1,35 @@
|
|||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||||
|
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||||
|
viewBox="0 0 50 50" style="enable-background:new 0 0 50 50;" xml:space="preserve">
|
||||||
|
<style type="text/css">
|
||||||
|
.st0{fill:#ED1944;}
|
||||||
|
.st1{fill:#FFFFFF;}
|
||||||
|
</style>
|
||||||
|
<g>
|
||||||
|
<g>
|
||||||
|
<g>
|
||||||
|
<g>
|
||||||
|
<g>
|
||||||
|
<path class="st0" d="M37.2,43.6c-1.2,0.8-2.5,1.4-3.8,2c-2.8,1.2-5.8,1.8-8.9,1.7c-3.1,0-6.1-0.6-8.9-1.9
|
||||||
|
c-2.7-1.2-5.2-2.8-7.3-5c-2.1-2.1-3.7-4.6-4.9-7.3c-1.2-2.8-1.8-5.8-1.7-8.9c0-3.1,0.6-6.1,1.9-8.9c1.2-2.7,2.8-5.2,5-7.3
|
||||||
|
c2.1-2.1,4.6-3.7,7.3-4.9c2.8-1.2,5.8-1.8,8.9-1.7c3.1,0,6.1,0.6,8.9,1.9c2.7,1.2,5.2,2.8,7.3,5c2.1,2.1,3.7,4.6,4.9,7.3
|
||||||
|
c1.2,2.8,1.8,5.8,1.7,8.9c0,3.1-0.6,6.1-1.9,8.9c-1.2,2.7-2.8,5.2-5,7.3C39.6,41.8,38.4,42.7,37.2,43.6z"/>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
<g>
|
||||||
|
<path class="st1" d="M20.3,17.2c0-2.5,2.2-4.6,4.8-4.3c2.3,0.2,4,2.2,3.9,4.5l0,5.5l-1.3,0c-0.2,0-0.2,0.2-0.2,0.3l2.6,3.5
|
||||||
|
c0.1,0.2,0.4,0.2,0.6,0l2.7-3.5c0.1-0.1,0-0.3-0.1-0.3l-1.3,0l0-5.5c0-4-3.1-7.5-7.2-7.6c-4.2-0.1-7.7,3.2-7.7,7.4l0,1.1
|
||||||
|
c0,0.8,0.7,1.5,1.5,1.5l0,0c0.8,0,1.5-0.7,1.5-1.5L20.3,17.2z"/>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
<path class="st1" d="M28.9,31.6c0,2.5-2.2,4.6-4.8,4.3c-2.3-0.2-4-2.2-3.9-4.5l0-5.5l1.3,0c0.2,0,0.2-0.2,0.2-0.3L19,22
|
||||||
|
c-0.1-0.2-0.4-0.2-0.6,0l-2.7,3.5c-0.1,0.1,0,0.3,0.1,0.3l1.3,0l0,5.5c0,4,3.1,7.5,7.2,7.6c4.2,0.1,7.7-3.2,7.7-7.4l0-1.1
|
||||||
|
c0-0.8-0.7-1.5-1.5-1.5l0,0c-0.8,0-1.5,0.7-1.5,1.5L28.9,31.6z"/>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.6 KiB |
BIN
site/.vuepress/theme/images/hero-image.png
Normal file
BIN
site/.vuepress/theme/images/hero-image.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 322 KiB |
BIN
site/.vuepress/theme/images/sample-photo.png
Normal file
BIN
site/.vuepress/theme/images/sample-photo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 475 KiB |
BIN
site/.vuepress/theme/images/watermark.png
Normal file
BIN
site/.vuepress/theme/images/watermark.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.8 KiB |
1100
site/.vuepress/theme/sass/bulma/CHANGELOG.md
Normal file
1100
site/.vuepress/theme/sass/bulma/CHANGELOG.md
Normal file
File diff suppressed because it is too large
Load Diff
21
site/.vuepress/theme/sass/bulma/LICENSE
Normal file
21
site/.vuepress/theme/sass/bulma/LICENSE
Normal file
@ -0,0 +1,21 @@
|
|||||||
|
The MIT License (MIT)
|
||||||
|
|
||||||
|
Copyright (c) 2018 Jeremy Thomas
|
||||||
|
|
||||||
|
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||||
|
of this software and associated documentation files (the "Software"), to deal
|
||||||
|
in the Software without restriction, including without limitation the rights
|
||||||
|
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||||
|
copies of the Software, and to permit persons to whom the Software is
|
||||||
|
furnished to do so, subject to the following conditions:
|
||||||
|
|
||||||
|
The above copyright notice and this permission notice shall be included in
|
||||||
|
all copies or substantial portions of the Software.
|
||||||
|
|
||||||
|
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||||
|
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||||
|
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||||
|
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||||
|
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||||
|
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
||||||
|
THE SOFTWARE.
|
||||||
106
site/.vuepress/theme/sass/bulma/README.md
Normal file
106
site/.vuepress/theme/sass/bulma/README.md
Normal file
@ -0,0 +1,106 @@
|
|||||||
|
# [Bulma](https://bulma.io)
|
||||||
|
|
||||||
|
Bulma is a **modern CSS framework** based on [Flexbox](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Using_CSS_flexible_boxes).
|
||||||
|
|
||||||
|
[](https://www.npmjs.com/package/bulma)
|
||||||
|
[](https://www.npmjs.com/package/bulma)
|
||||||
|
[](https://gitter.im/jgthms/bulma)
|
||||||
|
[](https://travis-ci.org/jgthms/bulma)
|
||||||
|
|
||||||
|
<a href="https://bulma.io"><img src="https://raw.githubusercontent.com/jgthms/bulma/master/docs/images/bulma-banner.png" alt="Bulma: a Flexbox CSS framework" style="max-width:100%;" width="600" height="315"></a>
|
||||||
|
|
||||||
|
## Quick install
|
||||||
|
|
||||||
|
Bulma is constantly in development! Try it out now:
|
||||||
|
|
||||||
|
### NPM
|
||||||
|
|
||||||
|
```sh
|
||||||
|
npm install bulma
|
||||||
|
```
|
||||||
|
|
||||||
|
**or**
|
||||||
|
|
||||||
|
### Yarn
|
||||||
|
|
||||||
|
```sh
|
||||||
|
yarn add bulma
|
||||||
|
```
|
||||||
|
|
||||||
|
### Bower
|
||||||
|
|
||||||
|
```sh
|
||||||
|
bower install bulma
|
||||||
|
```
|
||||||
|
|
||||||
|
### Import
|
||||||
|
After installation, you can import the CSS file into your project using this snippet:
|
||||||
|
|
||||||
|
```sh
|
||||||
|
import 'bulma/css/bulma.css'
|
||||||
|
```
|
||||||
|
|
||||||
|
### CDN
|
||||||
|
|
||||||
|
[https://cdnjs.com/libraries/bulma](https://cdnjs.com/libraries/bulma)
|
||||||
|
|
||||||
|
Feel free to raise an issue or submit a pull request.
|
||||||
|
|
||||||
|
## CSS only
|
||||||
|
|
||||||
|
Bulma is a **CSS** framework. As such, the sole output is a single CSS file: [bulma.css](https://github.com/jgthms/bulma/blob/master/css/bulma.css)
|
||||||
|
|
||||||
|
You can either use that file, "out of the box", or download the Sass source files to customize the [variables](https://bulma.io/documentation/overview/variables/).
|
||||||
|
|
||||||
|
There is **no** JavaScript included. People generally want to use their own JS implementation (and usually already have one). Bulma can be considered "environment agnostic": it's just the style layer on top of the logic.
|
||||||
|
|
||||||
|
## Browser Support
|
||||||
|
|
||||||
|
Bulma uses [autoprefixer](https://github.com/postcss/autoprefixer) to make (most) Flexbox features compatible with earlier browser versions. According to [Can I use](https://caniuse.com/#feat=flexbox), Bulma is compatible with **recent** versions of:
|
||||||
|
|
||||||
|
* Chrome
|
||||||
|
* Edge
|
||||||
|
* Firefox
|
||||||
|
* Opera
|
||||||
|
* Safari
|
||||||
|
|
||||||
|
Internet Explorer (10+) is only partially supported.
|
||||||
|
|
||||||
|
## Documentation
|
||||||
|
|
||||||
|
The documentation resides in the [docs](docs) directory, and is built with the Ruby-based [Jekyll](https://jekyllrb.com/) tool.
|
||||||
|
|
||||||
|
Browse the [online documentation here.](https://bulma.io/documentation/overview/start/)
|
||||||
|
|
||||||
|
## Related projects
|
||||||
|
|
||||||
|
| Project | Description |
|
||||||
|
|------------------------------------------------------------------------------------|--------------------------------------------------------------------|
|
||||||
|
| [Bulma with Attribute Modules](https://github.com/j5bot/bulma-attribute-selectors) | Adds support for attribute-based selectors. |
|
||||||
|
| [Bulma with Rails](https://github.com/joshuajansen/bulma-rails) | Integrates Bulma with the rails asset pipeline |
|
||||||
|
| [Vue Admin](https://github.com/vue-bulma/vue-admin) | Vue Admin framework powered by Bulma |
|
||||||
|
| [Bulmaswatch](https://github.com/jenil/bulmaswatch) | Free themes for Bulma |
|
||||||
|
| [Goldfish](https://github.com/Caiyeon/goldfish) | Vault UI with Bulma, Golang, and Vue Admin |
|
||||||
|
| [ember-bulma](https://github.com/open-tux/ember-bulma) | Ember addon providing a collection of UI components for Bulma |
|
||||||
|
| [Bloomer](https://bloomer.js.org) | A set of React components for Bulma |
|
||||||
|
| [Re-bulma](https://github.com/bokuweb/re-bulma) | Bulma components build with React |
|
||||||
|
| [React-bulma](https://github.com/kulakowka/react-bulma) | React.js components for Bulma |
|
||||||
|
| [Buefy](https://buefy.github.io) | Lightweight UI components for Vue.js based on Bulma |
|
||||||
|
| [vue-bulma-components](https://github.com/vouill/vue-bulma-components) | Bulma components for Vue.js with straightforward syntax |
|
||||||
|
| [BulmaJS](https://github.com/VizuaaLOG/BulmaJS) | Javascript integration for Bulma. Written in ES6 with a data-* API |
|
||||||
|
| [Bulma.styl](https://github.com/log1x/bulma.styl) | 1:1 Stylus translation of Bulma |
|
||||||
|
| [elm-bulma](https://github.com/surprisetalk/elm-bulma) | Bulma + Elm |
|
||||||
|
| [elm-bulma-classes](https://github.com/ahstro/elm-bulma-classes) | Bulma classes prepared for usage with Elm |
|
||||||
|
| [Bulma Customizer](https://bulma-customizer.bstash.io/) | Bulma Customizer – Create your own **bespoke** Bulma build |
|
||||||
|
| [Fulma](https://mangelmaxime.github.io/Fulma/) | Wrapper around Bulma for [fable-react](https://github.com/fable-compiler/fable-react) |
|
||||||
|
| [Laravel Enso](https://github.com/laravel-enso/enso) | SPA Admin Panel built with Bulma, VueJS and Laravel |
|
||||||
|
| [Django Bulma](https://github.com/timonweb/django-bulma) | Integrates Bulma with Django |
|
||||||
|
| [Bulma Templates](https://github.com/dansup/bulma-templates) | Free Templates for Bulma |
|
||||||
|
| [React Bulma Components](https://github.com/couds/react-bulma-components) | Another React wrap on React for Bulma.io |
|
||||||
|
| [purescript-bulma](https://github.com/sectore/purescript-bulma) | PureScript bindings for Bulma |
|
||||||
|
| [Vue Datatable](https://github.com/laravel-enso/vuedatatable) | Bulma themed datatable based on Vue, Laravel & JSON templates |
|
||||||
|
| [bulma-fluent](https://mubaidr.github.io/bulma-fluent/) | Fluent Design Theme for Bulma inspired by Microsoft’s Fluent Design System |
|
||||||
|
|
||||||
|
## Copyright and license
|
||||||
|
|
||||||
|
Code copyright 2018 Jeremy Thomas. Code released under [the MIT license](https://github.com/jgthms/bulma/blob/master/LICENSE).
|
||||||
8
site/.vuepress/theme/sass/bulma/bulma.sass
vendored
Normal file
8
site/.vuepress/theme/sass/bulma/bulma.sass
vendored
Normal file
@ -0,0 +1,8 @@
|
|||||||
|
@charset "utf-8"
|
||||||
|
/*! bulma.io v0.7.1 | MIT License | github.com/jgthms/bulma */
|
||||||
|
@import "sass/utilities/_all"
|
||||||
|
@import "sass/base/_all"
|
||||||
|
@import "sass/elements/_all"
|
||||||
|
@import "sass/components/_all"
|
||||||
|
@import "sass/grid/_all"
|
||||||
|
@import "sass/layout/_all"
|
||||||
9671
site/.vuepress/theme/sass/bulma/css/bulma.css
vendored
Normal file
9671
site/.vuepress/theme/sass/bulma/css/bulma.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
1
site/.vuepress/theme/sass/bulma/css/bulma.css.map
Normal file
1
site/.vuepress/theme/sass/bulma/css/bulma.css.map
Normal file
File diff suppressed because one or more lines are too long
1
site/.vuepress/theme/sass/bulma/css/bulma.min.css
vendored
Normal file
1
site/.vuepress/theme/sass/bulma/css/bulma.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
47
site/.vuepress/theme/sass/bulma/package.json
Normal file
47
site/.vuepress/theme/sass/bulma/package.json
Normal file
@ -0,0 +1,47 @@
|
|||||||
|
{
|
||||||
|
"name": "bulma",
|
||||||
|
"version": "0.7.1",
|
||||||
|
"homepage": "https://bulma.io",
|
||||||
|
"author": "Jeremy Thomas <bbxdesign@gmail.com> (https://jgthms.com)",
|
||||||
|
"description": "Modern CSS framework based on Flexbox",
|
||||||
|
"main": "bulma.sass",
|
||||||
|
"style": "bulma/css/bulma.min.css",
|
||||||
|
"repository": {
|
||||||
|
"type": "git",
|
||||||
|
"url": "git+https://github.com/jgthms/bulma.git"
|
||||||
|
},
|
||||||
|
"license": "MIT",
|
||||||
|
"keywords": [
|
||||||
|
"css",
|
||||||
|
"sass",
|
||||||
|
"flexbox",
|
||||||
|
"responsive",
|
||||||
|
"framework"
|
||||||
|
],
|
||||||
|
"bugs": {
|
||||||
|
"url": "https://github.com/jgthms/bulma/issues"
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"autoprefixer": "^8.2.0",
|
||||||
|
"clean-css-cli": "^4.1.11",
|
||||||
|
"node-sass": "^4.8.3",
|
||||||
|
"postcss-cli": "^5.0.0",
|
||||||
|
"rimraf": "^2.6.2"
|
||||||
|
},
|
||||||
|
"scripts": {
|
||||||
|
"build": "npm run build-clean && npm run build-sass && npm run build-autoprefix && npm run build-cleancss",
|
||||||
|
"build-autoprefix": "postcss --use autoprefixer --map false --output css/bulma.css css/bulma.css",
|
||||||
|
"build-cleancss": "cleancss -o css/bulma.min.css css/bulma.css",
|
||||||
|
"build-clean": "rimraf css",
|
||||||
|
"build-sass": "node-sass --output-style expanded --source-map true bulma.sass css/bulma.css",
|
||||||
|
"deploy": "npm run build",
|
||||||
|
"start": "npm run build-sass -- --watch"
|
||||||
|
},
|
||||||
|
"files": [
|
||||||
|
"css",
|
||||||
|
"sass",
|
||||||
|
"bulma.sass",
|
||||||
|
"LICENSE",
|
||||||
|
"README.md"
|
||||||
|
]
|
||||||
|
}
|
||||||
BIN
site/.vuepress/theme/sass/bulma/sass/.DS_Store
vendored
Normal file
BIN
site/.vuepress/theme/sass/bulma/sass/.DS_Store
vendored
Normal file
Binary file not shown.
5
site/.vuepress/theme/sass/bulma/sass/base/_all.sass
Normal file
5
site/.vuepress/theme/sass/bulma/sass/base/_all.sass
Normal file
@ -0,0 +1,5 @@
|
|||||||
|
@charset "utf-8"
|
||||||
|
|
||||||
|
@import "minireset.sass"
|
||||||
|
@import "generic.sass"
|
||||||
|
@import "helpers.sass"
|
||||||
127
site/.vuepress/theme/sass/bulma/sass/base/generic.sass
Normal file
127
site/.vuepress/theme/sass/bulma/sass/base/generic.sass
Normal file
@ -0,0 +1,127 @@
|
|||||||
|
$body-background-color: $white !default
|
||||||
|
$body-size: 16px !default
|
||||||
|
$body-rendering: optimizeLegibility !default
|
||||||
|
$body-family: $family-primary !default
|
||||||
|
$body-color: $text !default
|
||||||
|
$body-weight: $weight-normal !default
|
||||||
|
$body-line-height: 1.5 !default
|
||||||
|
|
||||||
|
$code-family: $family-code !default
|
||||||
|
$code-padding: 0.25em 0.5em 0.25em !default
|
||||||
|
$code-weight: normal !default
|
||||||
|
$code-size: 0.875em !default
|
||||||
|
|
||||||
|
$hr-background-color: $background !default
|
||||||
|
$hr-height: 2px !default
|
||||||
|
$hr-margin: 1.5rem 0 !default
|
||||||
|
|
||||||
|
$strong-color: $text-strong !default
|
||||||
|
$strong-weight: $weight-bold !default
|
||||||
|
|
||||||
|
html
|
||||||
|
background-color: $body-background-color
|
||||||
|
font-size: $body-size
|
||||||
|
-moz-osx-font-smoothing: grayscale
|
||||||
|
-webkit-font-smoothing: antialiased
|
||||||
|
min-width: 300px
|
||||||
|
overflow-x: hidden
|
||||||
|
overflow-y: scroll
|
||||||
|
text-rendering: $body-rendering
|
||||||
|
text-size-adjust: 100%
|
||||||
|
|
||||||
|
article,
|
||||||
|
aside,
|
||||||
|
figure,
|
||||||
|
footer,
|
||||||
|
header,
|
||||||
|
hgroup,
|
||||||
|
section
|
||||||
|
display: block
|
||||||
|
|
||||||
|
body,
|
||||||
|
button,
|
||||||
|
input,
|
||||||
|
select,
|
||||||
|
textarea
|
||||||
|
font-family: $body-family
|
||||||
|
|
||||||
|
code,
|
||||||
|
pre
|
||||||
|
-moz-osx-font-smoothing: auto
|
||||||
|
-webkit-font-smoothing: auto
|
||||||
|
font-family: $code-family
|
||||||
|
|
||||||
|
body
|
||||||
|
color: $body-color
|
||||||
|
font-size: 1rem
|
||||||
|
font-weight: $body-weight
|
||||||
|
line-height: $body-line-height
|
||||||
|
|
||||||
|
// Inline
|
||||||
|
|
||||||
|
a
|
||||||
|
color: $link
|
||||||
|
cursor: pointer
|
||||||
|
text-decoration: none
|
||||||
|
strong
|
||||||
|
color: currentColor
|
||||||
|
&:hover
|
||||||
|
color: $link-hover
|
||||||
|
|
||||||
|
code
|
||||||
|
background-color: $code-background
|
||||||
|
color: $code
|
||||||
|
font-size: $code-size
|
||||||
|
font-weight: $code-weight
|
||||||
|
padding: $code-padding
|
||||||
|
|
||||||
|
hr
|
||||||
|
background-color: $hr-background-color
|
||||||
|
border: none
|
||||||
|
display: block
|
||||||
|
height: $hr-height
|
||||||
|
margin: $hr-margin
|
||||||
|
|
||||||
|
img
|
||||||
|
height: auto
|
||||||
|
max-width: 100%
|
||||||
|
|
||||||
|
input[type="checkbox"],
|
||||||
|
input[type="radio"]
|
||||||
|
vertical-align: baseline
|
||||||
|
|
||||||
|
small
|
||||||
|
font-size: 0.875em
|
||||||
|
|
||||||
|
span
|
||||||
|
font-style: inherit
|
||||||
|
font-weight: inherit
|
||||||
|
|
||||||
|
strong
|
||||||
|
color: $strong-color
|
||||||
|
font-weight: $strong-weight
|
||||||
|
|
||||||
|
// Block
|
||||||
|
|
||||||
|
pre
|
||||||
|
+overflow-touch
|
||||||
|
background-color: $pre-background
|
||||||
|
color: $pre
|
||||||
|
font-size: 0.875em
|
||||||
|
overflow-x: auto
|
||||||
|
padding: 1.25rem 1.5rem
|
||||||
|
white-space: pre
|
||||||
|
word-wrap: normal
|
||||||
|
code
|
||||||
|
background-color: transparent
|
||||||
|
color: currentColor
|
||||||
|
font-size: 1em
|
||||||
|
padding: 0
|
||||||
|
|
||||||
|
table
|
||||||
|
td,
|
||||||
|
th
|
||||||
|
text-align: left
|
||||||
|
vertical-align: top
|
||||||
|
th
|
||||||
|
color: $text-strong
|
||||||
251
site/.vuepress/theme/sass/bulma/sass/base/helpers.sass
Normal file
251
site/.vuepress/theme/sass/bulma/sass/base/helpers.sass
Normal file
@ -0,0 +1,251 @@
|
|||||||
|
// Float
|
||||||
|
|
||||||
|
.is-clearfix
|
||||||
|
+clearfix
|
||||||
|
|
||||||
|
.is-pulled-left
|
||||||
|
float: left !important
|
||||||
|
|
||||||
|
.is-pulled-right
|
||||||
|
float: right !important
|
||||||
|
|
||||||
|
// Overflow
|
||||||
|
|
||||||
|
.is-clipped
|
||||||
|
overflow: hidden !important
|
||||||
|
|
||||||
|
// Overlay
|
||||||
|
|
||||||
|
.is-overlay
|
||||||
|
+overlay
|
||||||
|
|
||||||
|
// Typography
|
||||||
|
|
||||||
|
=typography-size($target:'')
|
||||||
|
@each $size in $sizes
|
||||||
|
$i: index($sizes, $size)
|
||||||
|
.is-size-#{$i}#{if($target == '', '', '-' + $target)}
|
||||||
|
font-size: $size !important
|
||||||
|
|
||||||
|
+typography-size()
|
||||||
|
|
||||||
|
+mobile
|
||||||
|
+typography-size('mobile')
|
||||||
|
|
||||||
|
+tablet
|
||||||
|
+typography-size('tablet')
|
||||||
|
|
||||||
|
+touch
|
||||||
|
+typography-size('touch')
|
||||||
|
|
||||||
|
+desktop
|
||||||
|
+typography-size('desktop')
|
||||||
|
|
||||||
|
+widescreen
|
||||||
|
+typography-size('widescreen')
|
||||||
|
|
||||||
|
+fullhd
|
||||||
|
+typography-size('fullhd')
|
||||||
|
|
||||||
|
$alignments: ('centered': 'center', 'justified': 'justify', 'left': 'left', 'right': 'right')
|
||||||
|
|
||||||
|
@each $alignment, $text-align in $alignments
|
||||||
|
.has-text-#{$alignment}
|
||||||
|
text-align: #{$text-align} !important
|
||||||
|
|
||||||
|
@each $alignment, $text-align in $alignments
|
||||||
|
+mobile
|
||||||
|
.has-text-#{$alignment}-mobile
|
||||||
|
text-align: #{$text-align} !important
|
||||||
|
+tablet
|
||||||
|
.has-text-#{$alignment}-tablet
|
||||||
|
text-align: #{$text-align} !important
|
||||||
|
+tablet-only
|
||||||
|
.has-text-#{$alignment}-tablet-only
|
||||||
|
text-align: #{$text-align} !important
|
||||||
|
+touch
|
||||||
|
.has-text-#{$alignment}-touch
|
||||||
|
text-align: #{$text-align} !important
|
||||||
|
+desktop
|
||||||
|
.has-text-#{$alignment}-desktop
|
||||||
|
text-align: #{$text-align} !important
|
||||||
|
+desktop-only
|
||||||
|
.has-text-#{$alignment}-desktop-only
|
||||||
|
text-align: #{$text-align} !important
|
||||||
|
+widescreen
|
||||||
|
.has-text-#{$alignment}-widescreen
|
||||||
|
text-align: #{$text-align} !important
|
||||||
|
+widescreen-only
|
||||||
|
.has-text-#{$alignment}-widescreen-only
|
||||||
|
text-align: #{$text-align} !important
|
||||||
|
+fullhd
|
||||||
|
.has-text-#{$alignment}-fullhd
|
||||||
|
text-align: #{$text-align} !important
|
||||||
|
|
||||||
|
.is-capitalized
|
||||||
|
text-transform: capitalize !important
|
||||||
|
|
||||||
|
.is-lowercase
|
||||||
|
text-transform: lowercase !important
|
||||||
|
|
||||||
|
.is-uppercase
|
||||||
|
text-transform: uppercase !important
|
||||||
|
|
||||||
|
.is-italic
|
||||||
|
font-style: italic !important
|
||||||
|
|
||||||
|
@each $name, $pair in $colors
|
||||||
|
$color: nth($pair, 1)
|
||||||
|
.has-text-#{$name}
|
||||||
|
color: $color !important
|
||||||
|
a.has-text-#{$name}
|
||||||
|
&:hover,
|
||||||
|
&:focus
|
||||||
|
color: darken($color, 10%) !important
|
||||||
|
.has-background-#{$name}
|
||||||
|
background-color: $color !important
|
||||||
|
|
||||||
|
@each $name, $shade in $shades
|
||||||
|
.has-text-#{$name}
|
||||||
|
color: $shade !important
|
||||||
|
.has-background-#{$name}
|
||||||
|
background-color: $shade !important
|
||||||
|
|
||||||
|
.has-text-weight-light
|
||||||
|
font-weight: $weight-light !important
|
||||||
|
.has-text-weight-normal
|
||||||
|
font-weight: $weight-normal !important
|
||||||
|
.has-text-weight-semibold
|
||||||
|
font-weight: $weight-semibold !important
|
||||||
|
.has-text-weight-bold
|
||||||
|
font-weight: $weight-bold !important
|
||||||
|
|
||||||
|
// Visibility
|
||||||
|
|
||||||
|
$displays: 'block' 'flex' 'inline' 'inline-block' 'inline-flex'
|
||||||
|
|
||||||
|
@each $display in $displays
|
||||||
|
.is-#{$display}
|
||||||
|
display: #{$display} !important
|
||||||
|
+mobile
|
||||||
|
.is-#{$display}-mobile
|
||||||
|
display: #{$display} !important
|
||||||
|
+tablet
|
||||||
|
.is-#{$display}-tablet
|
||||||
|
display: #{$display} !important
|
||||||
|
+tablet-only
|
||||||
|
.is-#{$display}-tablet-only
|
||||||
|
display: #{$display} !important
|
||||||
|
+touch
|
||||||
|
.is-#{$display}-touch
|
||||||
|
display: #{$display} !important
|
||||||
|
+desktop
|
||||||
|
.is-#{$display}-desktop
|
||||||
|
display: #{$display} !important
|
||||||
|
+desktop-only
|
||||||
|
.is-#{$display}-desktop-only
|
||||||
|
display: #{$display} !important
|
||||||
|
+widescreen
|
||||||
|
.is-#{$display}-widescreen
|
||||||
|
display: #{$display} !important
|
||||||
|
+widescreen-only
|
||||||
|
.is-#{$display}-widescreen-only
|
||||||
|
display: #{$display} !important
|
||||||
|
+fullhd
|
||||||
|
.is-#{$display}-fullhd
|
||||||
|
display: #{$display} !important
|
||||||
|
|
||||||
|
.is-hidden
|
||||||
|
display: none !important
|
||||||
|
|
||||||
|
+mobile
|
||||||
|
.is-hidden-mobile
|
||||||
|
display: none !important
|
||||||
|
|
||||||
|
+tablet
|
||||||
|
.is-hidden-tablet
|
||||||
|
display: none !important
|
||||||
|
|
||||||
|
+tablet-only
|
||||||
|
.is-hidden-tablet-only
|
||||||
|
display: none !important
|
||||||
|
|
||||||
|
+touch
|
||||||
|
.is-hidden-touch
|
||||||
|
display: none !important
|
||||||
|
|
||||||
|
+desktop
|
||||||
|
.is-hidden-desktop
|
||||||
|
display: none !important
|
||||||
|
|
||||||
|
+desktop-only
|
||||||
|
.is-hidden-desktop-only
|
||||||
|
display: none !important
|
||||||
|
|
||||||
|
+widescreen
|
||||||
|
.is-hidden-widescreen
|
||||||
|
display: none !important
|
||||||
|
|
||||||
|
+widescreen-only
|
||||||
|
.is-hidden-widescreen-only
|
||||||
|
display: none !important
|
||||||
|
|
||||||
|
+fullhd
|
||||||
|
.is-hidden-fullhd
|
||||||
|
display: none !important
|
||||||
|
|
||||||
|
.is-invisible
|
||||||
|
visibility: hidden !important
|
||||||
|
|
||||||
|
+mobile
|
||||||
|
.is-invisible-mobile
|
||||||
|
visibility: hidden !important
|
||||||
|
|
||||||
|
+tablet
|
||||||
|
.is-invisible-tablet
|
||||||
|
visibility: hidden !important
|
||||||
|
|
||||||
|
+tablet-only
|
||||||
|
.is-invisible-tablet-only
|
||||||
|
visibility: hidden !important
|
||||||
|
|
||||||
|
+touch
|
||||||
|
.is-invisible-touch
|
||||||
|
visibility: hidden !important
|
||||||
|
|
||||||
|
+desktop
|
||||||
|
.is-invisible-desktop
|
||||||
|
visibility: hidden !important
|
||||||
|
|
||||||
|
+desktop-only
|
||||||
|
.is-invisible-desktop-only
|
||||||
|
visibility: hidden !important
|
||||||
|
|
||||||
|
+widescreen
|
||||||
|
.is-invisible-widescreen
|
||||||
|
visibility: hidden !important
|
||||||
|
|
||||||
|
+widescreen-only
|
||||||
|
.is-invisible-widescreen-only
|
||||||
|
visibility: hidden !important
|
||||||
|
|
||||||
|
+fullhd
|
||||||
|
.is-invisible-fullhd
|
||||||
|
visibility: hidden !important
|
||||||
|
|
||||||
|
// Other
|
||||||
|
|
||||||
|
.is-marginless
|
||||||
|
margin: 0 !important
|
||||||
|
|
||||||
|
.is-paddingless
|
||||||
|
padding: 0 !important
|
||||||
|
|
||||||
|
.is-radiusless
|
||||||
|
border-radius: 0 !important
|
||||||
|
|
||||||
|
.is-shadowless
|
||||||
|
box-shadow: none !important
|
||||||
|
|
||||||
|
.is-unselectable
|
||||||
|
+unselectable
|
||||||
79
site/.vuepress/theme/sass/bulma/sass/base/minireset.sass
Normal file
79
site/.vuepress/theme/sass/bulma/sass/base/minireset.sass
Normal file
@ -0,0 +1,79 @@
|
|||||||
|
/*! minireset.css v0.0.3 | MIT License | github.com/jgthms/minireset.css */
|
||||||
|
// Blocks
|
||||||
|
html,
|
||||||
|
body,
|
||||||
|
p,
|
||||||
|
ol,
|
||||||
|
ul,
|
||||||
|
li,
|
||||||
|
dl,
|
||||||
|
dt,
|
||||||
|
dd,
|
||||||
|
blockquote,
|
||||||
|
figure,
|
||||||
|
fieldset,
|
||||||
|
legend,
|
||||||
|
textarea,
|
||||||
|
pre,
|
||||||
|
iframe,
|
||||||
|
hr,
|
||||||
|
h1,
|
||||||
|
h2,
|
||||||
|
h3,
|
||||||
|
h4,
|
||||||
|
h5,
|
||||||
|
h6
|
||||||
|
margin: 0
|
||||||
|
padding: 0
|
||||||
|
|
||||||
|
// Headings
|
||||||
|
h1,
|
||||||
|
h2,
|
||||||
|
h3,
|
||||||
|
h4,
|
||||||
|
h5,
|
||||||
|
h6
|
||||||
|
font-size: 100%
|
||||||
|
font-weight: normal
|
||||||
|
|
||||||
|
// List
|
||||||
|
ul
|
||||||
|
list-style: none
|
||||||
|
|
||||||
|
// Form
|
||||||
|
button,
|
||||||
|
input,
|
||||||
|
select,
|
||||||
|
textarea
|
||||||
|
margin: 0
|
||||||
|
|
||||||
|
// Box sizing
|
||||||
|
html
|
||||||
|
box-sizing: border-box
|
||||||
|
|
||||||
|
*
|
||||||
|
&,
|
||||||
|
&::before,
|
||||||
|
&::after
|
||||||
|
box-sizing: inherit
|
||||||
|
|
||||||
|
// Media
|
||||||
|
img,
|
||||||
|
audio,
|
||||||
|
video
|
||||||
|
height: auto
|
||||||
|
max-width: 100%
|
||||||
|
|
||||||
|
// Iframe
|
||||||
|
iframe
|
||||||
|
border: 0
|
||||||
|
|
||||||
|
// Table
|
||||||
|
table
|
||||||
|
border-collapse: collapse
|
||||||
|
border-spacing: 0
|
||||||
|
|
||||||
|
td,
|
||||||
|
th
|
||||||
|
padding: 0
|
||||||
|
text-align: left
|
||||||
14
site/.vuepress/theme/sass/bulma/sass/components/_all.sass
Normal file
14
site/.vuepress/theme/sass/bulma/sass/components/_all.sass
Normal file
@ -0,0 +1,14 @@
|
|||||||
|
@charset "utf-8"
|
||||||
|
|
||||||
|
@import "breadcrumb.sass"
|
||||||
|
@import "card.sass"
|
||||||
|
@import "dropdown.sass"
|
||||||
|
@import "level.sass"
|
||||||
|
@import "media.sass"
|
||||||
|
@import "menu.sass"
|
||||||
|
@import "message.sass"
|
||||||
|
@import "modal.sass"
|
||||||
|
@import "navbar.sass"
|
||||||
|
@import "pagination.sass"
|
||||||
|
@import "panel.sass"
|
||||||
|
@import "tabs.sass"
|
||||||
@ -0,0 +1,75 @@
|
|||||||
|
$breadcrumb-item-color: $link !default
|
||||||
|
$breadcrumb-item-hover-color: $link-hover !default
|
||||||
|
$breadcrumb-item-active-color: $text-strong !default
|
||||||
|
|
||||||
|
$breadcrumb-item-padding-vertical: 0 !default
|
||||||
|
$breadcrumb-item-padding-horizontal: 0.75em !default
|
||||||
|
|
||||||
|
$breadcrumb-item-separator-color: $grey-light !default
|
||||||
|
|
||||||
|
.breadcrumb
|
||||||
|
+block
|
||||||
|
+unselectable
|
||||||
|
font-size: $size-normal
|
||||||
|
white-space: nowrap
|
||||||
|
a
|
||||||
|
align-items: center
|
||||||
|
color: $breadcrumb-item-color
|
||||||
|
display: flex
|
||||||
|
justify-content: center
|
||||||
|
padding: $breadcrumb-item-padding-vertical $breadcrumb-item-padding-horizontal
|
||||||
|
&:hover
|
||||||
|
color: $breadcrumb-item-hover-color
|
||||||
|
li
|
||||||
|
align-items: center
|
||||||
|
display: flex
|
||||||
|
&:first-child a
|
||||||
|
padding-left: 0
|
||||||
|
&.is-active
|
||||||
|
a
|
||||||
|
color: $breadcrumb-item-active-color
|
||||||
|
cursor: default
|
||||||
|
pointer-events: none
|
||||||
|
& + li::before
|
||||||
|
color: $breadcrumb-item-separator-color
|
||||||
|
content: "\0002f"
|
||||||
|
ul,
|
||||||
|
ol
|
||||||
|
align-items: flex-start
|
||||||
|
display: flex
|
||||||
|
flex-wrap: wrap
|
||||||
|
justify-content: flex-start
|
||||||
|
.icon
|
||||||
|
&:first-child
|
||||||
|
margin-right: 0.5em
|
||||||
|
&:last-child
|
||||||
|
margin-left: 0.5em
|
||||||
|
// Alignment
|
||||||
|
&.is-centered
|
||||||
|
ol,
|
||||||
|
ul
|
||||||
|
justify-content: center
|
||||||
|
&.is-right
|
||||||
|
ol,
|
||||||
|
ul
|
||||||
|
justify-content: flex-end
|
||||||
|
// Sizes
|
||||||
|
&.is-small
|
||||||
|
font-size: $size-small
|
||||||
|
&.is-medium
|
||||||
|
font-size: $size-medium
|
||||||
|
&.is-large
|
||||||
|
font-size: $size-large
|
||||||
|
// Styles
|
||||||
|
&.has-arrow-separator
|
||||||
|
li + li::before
|
||||||
|
content: "\02192"
|
||||||
|
&.has-bullet-separator
|
||||||
|
li + li::before
|
||||||
|
content: "\02022"
|
||||||
|
&.has-dot-separator
|
||||||
|
li + li::before
|
||||||
|
content: "\000b7"
|
||||||
|
&.has-succeeds-separator
|
||||||
|
li + li::before
|
||||||
|
content: "\0227B"
|
||||||
74
site/.vuepress/theme/sass/bulma/sass/components/card.sass
Normal file
74
site/.vuepress/theme/sass/bulma/sass/components/card.sass
Normal file
@ -0,0 +1,74 @@
|
|||||||
|
$card-color: $text !default
|
||||||
|
$card-background-color: $white !default
|
||||||
|
$card-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1) !default
|
||||||
|
|
||||||
|
$card-header-background-color: none !default
|
||||||
|
$card-header-color: $text-strong !default
|
||||||
|
$card-header-shadow: 0 1px 2px rgba($black, 0.1) !default
|
||||||
|
$card-header-weight: $weight-bold !default
|
||||||
|
|
||||||
|
$card-content-background-color: none !default
|
||||||
|
|
||||||
|
$card-footer-background-color: none !default
|
||||||
|
$card-footer-border-top: 1px solid $border !default
|
||||||
|
|
||||||
|
.card
|
||||||
|
background-color: $card-background-color
|
||||||
|
box-shadow: $card-shadow
|
||||||
|
color: $card-color
|
||||||
|
max-width: 100%
|
||||||
|
position: relative
|
||||||
|
|
||||||
|
.card-header
|
||||||
|
background-color: $card-header-background-color
|
||||||
|
align-items: stretch
|
||||||
|
box-shadow: $card-header-shadow
|
||||||
|
display: flex
|
||||||
|
|
||||||
|
.card-header-title
|
||||||
|
align-items: center
|
||||||
|
color: $card-header-color
|
||||||
|
display: flex
|
||||||
|
flex-grow: 1
|
||||||
|
font-weight: $card-header-weight
|
||||||
|
padding: 0.75rem
|
||||||
|
&.is-centered
|
||||||
|
justify-content: center
|
||||||
|
|
||||||
|
.card-header-icon
|
||||||
|
align-items: center
|
||||||
|
cursor: pointer
|
||||||
|
display: flex
|
||||||
|
justify-content: center
|
||||||
|
padding: 0.75rem
|
||||||
|
|
||||||
|
.card-image
|
||||||
|
display: block
|
||||||
|
position: relative
|
||||||
|
|
||||||
|
.card-content
|
||||||
|
background-color: $card-content-background-color
|
||||||
|
padding: 1.5rem
|
||||||
|
|
||||||
|
.card-footer
|
||||||
|
background-color: $card-footer-background-color
|
||||||
|
border-top: $card-footer-border-top
|
||||||
|
align-items: stretch
|
||||||
|
display: flex
|
||||||
|
|
||||||
|
.card-footer-item
|
||||||
|
align-items: center
|
||||||
|
display: flex
|
||||||
|
flex-basis: 0
|
||||||
|
flex-grow: 1
|
||||||
|
flex-shrink: 0
|
||||||
|
justify-content: center
|
||||||
|
padding: 0.75rem
|
||||||
|
&:not(:last-child)
|
||||||
|
border-right: $card-footer-border-top
|
||||||
|
|
||||||
|
// Combinations
|
||||||
|
|
||||||
|
.card
|
||||||
|
.media:not(:last-child)
|
||||||
|
margin-bottom: 0.75rem
|
||||||
@ -0,0 +1,74 @@
|
|||||||
|
$dropdown-content-background-color: $white !default
|
||||||
|
$dropdown-content-arrow: $link !default
|
||||||
|
$dropdown-content-offset: 4px !default
|
||||||
|
$dropdown-content-radius: $radius !default
|
||||||
|
$dropdown-content-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1) !default
|
||||||
|
$dropdown-content-z: 20 !default
|
||||||
|
|
||||||
|
$dropdown-item-color: $grey-dark !default
|
||||||
|
$dropdown-item-hover-color: $black !default
|
||||||
|
$dropdown-item-hover-background-color: $background !default
|
||||||
|
$dropdown-item-active-color: $link-invert !default
|
||||||
|
$dropdown-item-active-background-color: $link !default
|
||||||
|
|
||||||
|
$dropdown-divider-background-color: $border !default
|
||||||
|
|
||||||
|
.dropdown
|
||||||
|
display: inline-flex
|
||||||
|
position: relative
|
||||||
|
vertical-align: top
|
||||||
|
&.is-active,
|
||||||
|
&.is-hoverable:hover
|
||||||
|
.dropdown-menu
|
||||||
|
display: block
|
||||||
|
&.is-right
|
||||||
|
.dropdown-menu
|
||||||
|
left: auto
|
||||||
|
right: 0
|
||||||
|
&.is-up
|
||||||
|
.dropdown-menu
|
||||||
|
bottom: 100%
|
||||||
|
padding-bottom: $dropdown-content-offset
|
||||||
|
padding-top: initial
|
||||||
|
top: auto
|
||||||
|
|
||||||
|
.dropdown-menu
|
||||||
|
display: none
|
||||||
|
left: 0
|
||||||
|
min-width: 12rem
|
||||||
|
padding-top: $dropdown-content-offset
|
||||||
|
position: absolute
|
||||||
|
top: 100%
|
||||||
|
z-index: $dropdown-content-z
|
||||||
|
|
||||||
|
.dropdown-content
|
||||||
|
background-color: $dropdown-content-background-color
|
||||||
|
border-radius: $dropdown-content-radius
|
||||||
|
box-shadow: $dropdown-content-shadow
|
||||||
|
padding-bottom: 0.5rem
|
||||||
|
padding-top: 0.5rem
|
||||||
|
|
||||||
|
.dropdown-item
|
||||||
|
color: $dropdown-item-color
|
||||||
|
display: block
|
||||||
|
font-size: 0.875rem
|
||||||
|
line-height: 1.5
|
||||||
|
padding: 0.375rem 1rem
|
||||||
|
position: relative
|
||||||
|
|
||||||
|
a.dropdown-item
|
||||||
|
padding-right: 3rem
|
||||||
|
white-space: nowrap
|
||||||
|
&:hover
|
||||||
|
background-color: $dropdown-item-hover-background-color
|
||||||
|
color: $dropdown-item-hover-color
|
||||||
|
&.is-active
|
||||||
|
background-color: $dropdown-item-active-background-color
|
||||||
|
color: $dropdown-item-active-color
|
||||||
|
|
||||||
|
.dropdown-divider
|
||||||
|
background-color: $dropdown-divider-background-color
|
||||||
|
border: none
|
||||||
|
display: block
|
||||||
|
height: 1px
|
||||||
|
margin: 0.5rem 0
|
||||||
75
site/.vuepress/theme/sass/bulma/sass/components/level.sass
Normal file
75
site/.vuepress/theme/sass/bulma/sass/components/level.sass
Normal file
@ -0,0 +1,75 @@
|
|||||||
|
.level
|
||||||
|
+block
|
||||||
|
align-items: center
|
||||||
|
justify-content: space-between
|
||||||
|
code
|
||||||
|
border-radius: $radius
|
||||||
|
img
|
||||||
|
display: inline-block
|
||||||
|
vertical-align: top
|
||||||
|
// Modifiers
|
||||||
|
&.is-mobile
|
||||||
|
display: flex
|
||||||
|
.level-left,
|
||||||
|
.level-right
|
||||||
|
display: flex
|
||||||
|
.level-left + .level-right
|
||||||
|
margin-top: 0
|
||||||
|
.level-item
|
||||||
|
&:not(:last-child)
|
||||||
|
margin-bottom: 0
|
||||||
|
&:not(.is-narrow)
|
||||||
|
flex-grow: 1
|
||||||
|
margin-right: 0.75rem
|
||||||
|
// Responsiveness
|
||||||
|
+tablet
|
||||||
|
display: flex
|
||||||
|
& > .level-item
|
||||||
|
&:not(.is-narrow)
|
||||||
|
flex-grow: 1
|
||||||
|
|
||||||
|
.level-item
|
||||||
|
align-items: center
|
||||||
|
display: flex
|
||||||
|
flex-basis: auto
|
||||||
|
flex-grow: 0
|
||||||
|
flex-shrink: 0
|
||||||
|
justify-content: center
|
||||||
|
.title,
|
||||||
|
.subtitle
|
||||||
|
margin-bottom: 0
|
||||||
|
// Responsiveness
|
||||||
|
+mobile
|
||||||
|
&:not(:last-child)
|
||||||
|
margin-bottom: 0.75rem
|
||||||
|
|
||||||
|
.level-left,
|
||||||
|
.level-right
|
||||||
|
flex-basis: auto
|
||||||
|
flex-grow: 0
|
||||||
|
flex-shrink: 0
|
||||||
|
.level-item
|
||||||
|
// Modifiers
|
||||||
|
&.is-flexible
|
||||||
|
flex-grow: 1
|
||||||
|
// Responsiveness
|
||||||
|
+tablet
|
||||||
|
&:not(:last-child)
|
||||||
|
margin-right: 0.75rem
|
||||||
|
|
||||||
|
.level-left
|
||||||
|
align-items: center
|
||||||
|
justify-content: flex-start
|
||||||
|
// Responsiveness
|
||||||
|
+mobile
|
||||||
|
& + .level-right
|
||||||
|
margin-top: 1.5rem
|
||||||
|
+tablet
|
||||||
|
display: flex
|
||||||
|
|
||||||
|
.level-right
|
||||||
|
align-items: center
|
||||||
|
justify-content: flex-end
|
||||||
|
// Responsiveness
|
||||||
|
+tablet
|
||||||
|
display: flex
|
||||||
44
site/.vuepress/theme/sass/bulma/sass/components/media.sass
Normal file
44
site/.vuepress/theme/sass/bulma/sass/components/media.sass
Normal file
@ -0,0 +1,44 @@
|
|||||||
|
.media
|
||||||
|
align-items: flex-start
|
||||||
|
display: flex
|
||||||
|
text-align: left
|
||||||
|
.content:not(:last-child)
|
||||||
|
margin-bottom: 0.75rem
|
||||||
|
.media
|
||||||
|
border-top: 1px solid rgba($border, 0.5)
|
||||||
|
display: flex
|
||||||
|
padding-top: 0.75rem
|
||||||
|
.content:not(:last-child),
|
||||||
|
.control:not(:last-child)
|
||||||
|
margin-bottom: 0.5rem
|
||||||
|
.media
|
||||||
|
padding-top: 0.5rem
|
||||||
|
& + .media
|
||||||
|
margin-top: 0.5rem
|
||||||
|
& + .media
|
||||||
|
border-top: 1px solid rgba($border, 0.5)
|
||||||
|
margin-top: 1rem
|
||||||
|
padding-top: 1rem
|
||||||
|
// Sizes
|
||||||
|
&.is-large
|
||||||
|
& + .media
|
||||||
|
margin-top: 1.5rem
|
||||||
|
padding-top: 1.5rem
|
||||||
|
|
||||||
|
.media-left,
|
||||||
|
.media-right
|
||||||
|
flex-basis: auto
|
||||||
|
flex-grow: 0
|
||||||
|
flex-shrink: 0
|
||||||
|
|
||||||
|
.media-left
|
||||||
|
margin-right: 1rem
|
||||||
|
|
||||||
|
.media-right
|
||||||
|
margin-left: 1rem
|
||||||
|
|
||||||
|
.media-content
|
||||||
|
flex-basis: auto
|
||||||
|
flex-grow: 1
|
||||||
|
flex-shrink: 1
|
||||||
|
text-align: left
|
||||||
50
site/.vuepress/theme/sass/bulma/sass/components/menu.sass
Normal file
50
site/.vuepress/theme/sass/bulma/sass/components/menu.sass
Normal file
@ -0,0 +1,50 @@
|
|||||||
|
$menu-item-color: $text !default
|
||||||
|
$menu-item-radius: $radius-small !default
|
||||||
|
$menu-item-hover-color: $text-strong !default
|
||||||
|
$menu-item-hover-background-color: $background !default
|
||||||
|
$menu-item-active-color: $link-invert !default
|
||||||
|
$menu-item-active-background-color: $link !default
|
||||||
|
|
||||||
|
$menu-list-border-left: 1px solid $border !default
|
||||||
|
|
||||||
|
$menu-label-color: $text-light !default
|
||||||
|
|
||||||
|
.menu
|
||||||
|
font-size: $size-normal
|
||||||
|
// Sizes
|
||||||
|
&.is-small
|
||||||
|
font-size: $size-small
|
||||||
|
&.is-medium
|
||||||
|
font-size: $size-medium
|
||||||
|
&.is-large
|
||||||
|
font-size: $size-large
|
||||||
|
|
||||||
|
.menu-list
|
||||||
|
line-height: 1.25
|
||||||
|
a
|
||||||
|
border-radius: $menu-item-radius
|
||||||
|
color: $menu-item-color
|
||||||
|
display: block
|
||||||
|
padding: 0.5em 0.75em
|
||||||
|
&:hover
|
||||||
|
background-color: $menu-item-hover-background-color
|
||||||
|
color: $menu-item-hover-color
|
||||||
|
// Modifiers
|
||||||
|
&.is-active
|
||||||
|
background-color: $menu-item-active-background-color
|
||||||
|
color: $menu-item-active-color
|
||||||
|
li
|
||||||
|
ul
|
||||||
|
border-left: $menu-list-border-left
|
||||||
|
margin: 0.75em
|
||||||
|
padding-left: 0.75em
|
||||||
|
|
||||||
|
.menu-label
|
||||||
|
color: $menu-label-color
|
||||||
|
font-size: 0.75em
|
||||||
|
letter-spacing: 0.1em
|
||||||
|
text-transform: uppercase
|
||||||
|
&:not(:first-child)
|
||||||
|
margin-top: 1em
|
||||||
|
&:not(:last-child)
|
||||||
|
margin-bottom: 1em
|
||||||
86
site/.vuepress/theme/sass/bulma/sass/components/message.sass
Normal file
86
site/.vuepress/theme/sass/bulma/sass/components/message.sass
Normal file
@ -0,0 +1,86 @@
|
|||||||
|
$message-background-color: $background !default
|
||||||
|
$message-radius: $radius !default
|
||||||
|
|
||||||
|
$message-header-background-color: $text !default
|
||||||
|
$message-header-color: $text-invert !default
|
||||||
|
$message-header-weight: $weight-bold !default
|
||||||
|
$message-header-padding: 0.75em 1em !default
|
||||||
|
$message-header-radius: $radius !default
|
||||||
|
|
||||||
|
$message-body-border-color: $border !default
|
||||||
|
$message-body-border-width: 0 0 0 4px !default
|
||||||
|
$message-body-color: $text !default
|
||||||
|
$message-body-padding: 1.25em 1.5em !default
|
||||||
|
$message-body-radius: $radius !default
|
||||||
|
|
||||||
|
$message-body-pre-background-color: $white !default
|
||||||
|
$message-body-pre-code-background-color: transparent !default
|
||||||
|
|
||||||
|
$message-header-body-border-width: 0 !default
|
||||||
|
|
||||||
|
.message
|
||||||
|
+block
|
||||||
|
background-color: $message-background-color
|
||||||
|
border-radius: $message-radius
|
||||||
|
font-size: $size-normal
|
||||||
|
strong
|
||||||
|
color: currentColor
|
||||||
|
a:not(.button):not(.tag)
|
||||||
|
color: currentColor
|
||||||
|
text-decoration: underline
|
||||||
|
// Sizes
|
||||||
|
&.is-small
|
||||||
|
font-size: $size-small
|
||||||
|
&.is-medium
|
||||||
|
font-size: $size-medium
|
||||||
|
&.is-large
|
||||||
|
font-size: $size-large
|
||||||
|
// Colors
|
||||||
|
@each $name, $pair in $colors
|
||||||
|
$color: nth($pair, 1)
|
||||||
|
$color-invert: nth($pair, 2)
|
||||||
|
$color-lightning: max((100% - lightness($color)) - 2%, 0%)
|
||||||
|
$color-luminance: colorLuminance($color)
|
||||||
|
$darken-percentage: $color-luminance * 70%
|
||||||
|
$desaturate-percentage: $color-luminance * 30%
|
||||||
|
&.is-#{$name}
|
||||||
|
background-color: lighten($color, $color-lightning)
|
||||||
|
.message-header
|
||||||
|
background-color: $color
|
||||||
|
color: $color-invert
|
||||||
|
.message-body
|
||||||
|
border-color: $color
|
||||||
|
color: desaturate(darken($color, $darken-percentage), $desaturate-percentage)
|
||||||
|
|
||||||
|
.message-header
|
||||||
|
align-items: center
|
||||||
|
background-color: $message-header-background-color
|
||||||
|
border-radius: $message-header-radius $message-header-radius 0 0
|
||||||
|
color: $message-header-color
|
||||||
|
display: flex
|
||||||
|
font-weight: $message-header-weight
|
||||||
|
justify-content: space-between
|
||||||
|
line-height: 1.25
|
||||||
|
padding: $message-header-padding
|
||||||
|
position: relative
|
||||||
|
.delete
|
||||||
|
flex-grow: 0
|
||||||
|
flex-shrink: 0
|
||||||
|
margin-left: 0.75em
|
||||||
|
& + .message-body
|
||||||
|
border-width: $message-header-body-border-width
|
||||||
|
border-top-left-radius: 0
|
||||||
|
border-top-right-radius: 0
|
||||||
|
|
||||||
|
.message-body
|
||||||
|
border-color: $message-body-border-color
|
||||||
|
border-radius: $message-body-radius
|
||||||
|
border-style: solid
|
||||||
|
border-width: $message-body-border-width
|
||||||
|
color: $message-body-color
|
||||||
|
padding: $message-body-padding
|
||||||
|
code,
|
||||||
|
pre
|
||||||
|
background-color: $message-body-pre-background-color
|
||||||
|
pre code
|
||||||
|
background-color: $message-body-pre-code-background-color
|
||||||
111
site/.vuepress/theme/sass/bulma/sass/components/modal.sass
Normal file
111
site/.vuepress/theme/sass/bulma/sass/components/modal.sass
Normal file
@ -0,0 +1,111 @@
|
|||||||
|
$modal-z: 40 !default
|
||||||
|
|
||||||
|
$modal-background-background-color: rgba($black, 0.86) !default
|
||||||
|
|
||||||
|
$modal-content-width: 640px !default
|
||||||
|
$modal-content-margin-mobile: 20px !default
|
||||||
|
$modal-content-spacing-mobile: 160px !default
|
||||||
|
$modal-content-spacing-tablet: 40px !default
|
||||||
|
|
||||||
|
$modal-close-dimensions: 40px !default
|
||||||
|
$modal-close-right: 20px !default
|
||||||
|
$modal-close-top: 20px !default
|
||||||
|
|
||||||
|
$modal-card-spacing: 40px !default
|
||||||
|
|
||||||
|
$modal-card-head-background-color: $background !default
|
||||||
|
$modal-card-head-border-bottom: 1px solid $border !default
|
||||||
|
$modal-card-head-padding: 20px !default
|
||||||
|
$modal-card-head-radius: $radius-large !default
|
||||||
|
|
||||||
|
$modal-card-title-color: $text-strong !default
|
||||||
|
$modal-card-title-line-height: 1 !default
|
||||||
|
$modal-card-title-size: $size-4 !default
|
||||||
|
|
||||||
|
$modal-card-foot-radius: $radius-large !default
|
||||||
|
$modal-card-foot-border-top: 1px solid $border !default
|
||||||
|
|
||||||
|
$modal-card-body-background-color: $white !default
|
||||||
|
$modal-card-body-padding: 20px !default
|
||||||
|
|
||||||
|
.modal
|
||||||
|
+overlay
|
||||||
|
align-items: center
|
||||||
|
display: none
|
||||||
|
justify-content: center
|
||||||
|
overflow: hidden
|
||||||
|
position: fixed
|
||||||
|
z-index: $modal-z
|
||||||
|
// Modifiers
|
||||||
|
&.is-active
|
||||||
|
display: flex
|
||||||
|
|
||||||
|
.modal-background
|
||||||
|
+overlay
|
||||||
|
background-color: $modal-background-background-color
|
||||||
|
|
||||||
|
.modal-content,
|
||||||
|
.modal-card
|
||||||
|
margin: 0 $modal-content-margin-mobile
|
||||||
|
max-height: calc(100vh - #{$modal-content-spacing-mobile})
|
||||||
|
overflow: auto
|
||||||
|
position: relative
|
||||||
|
width: 100%
|
||||||
|
// Responsiveness
|
||||||
|
+tablet
|
||||||
|
margin: 0 auto
|
||||||
|
max-height: calc(100vh - #{$modal-content-spacing-tablet})
|
||||||
|
width: $modal-content-width
|
||||||
|
|
||||||
|
.modal-close
|
||||||
|
+delete
|
||||||
|
background: none
|
||||||
|
height: $modal-close-dimensions
|
||||||
|
position: fixed
|
||||||
|
right: $modal-close-right
|
||||||
|
top: $modal-close-top
|
||||||
|
width: $modal-close-dimensions
|
||||||
|
|
||||||
|
.modal-card
|
||||||
|
display: flex
|
||||||
|
flex-direction: column
|
||||||
|
max-height: calc(100vh - #{$modal-card-spacing})
|
||||||
|
overflow: hidden
|
||||||
|
|
||||||
|
.modal-card-head,
|
||||||
|
.modal-card-foot
|
||||||
|
align-items: center
|
||||||
|
background-color: $modal-card-head-background-color
|
||||||
|
display: flex
|
||||||
|
flex-shrink: 0
|
||||||
|
justify-content: flex-start
|
||||||
|
padding: $modal-card-head-padding
|
||||||
|
position: relative
|
||||||
|
|
||||||
|
.modal-card-head
|
||||||
|
border-bottom: $modal-card-head-border-bottom
|
||||||
|
border-top-left-radius: $modal-card-head-radius
|
||||||
|
border-top-right-radius: $modal-card-head-radius
|
||||||
|
|
||||||
|
.modal-card-title
|
||||||
|
color: $modal-card-title-color
|
||||||
|
flex-grow: 1
|
||||||
|
flex-shrink: 0
|
||||||
|
font-size: $modal-card-title-size
|
||||||
|
line-height: $modal-card-title-line-height
|
||||||
|
|
||||||
|
.modal-card-foot
|
||||||
|
border-bottom-left-radius: $modal-card-foot-radius
|
||||||
|
border-bottom-right-radius: $modal-card-foot-radius
|
||||||
|
border-top: $modal-card-foot-border-top
|
||||||
|
.button
|
||||||
|
&:not(:last-child)
|
||||||
|
margin-right: 10px
|
||||||
|
|
||||||
|
.modal-card-body
|
||||||
|
+overflow-touch
|
||||||
|
background-color: $modal-card-body-background-color
|
||||||
|
flex-grow: 1
|
||||||
|
flex-shrink: 1
|
||||||
|
overflow: auto
|
||||||
|
padding: $modal-card-body-padding
|
||||||
414
site/.vuepress/theme/sass/bulma/sass/components/navbar.sass
Normal file
414
site/.vuepress/theme/sass/bulma/sass/components/navbar.sass
Normal file
@ -0,0 +1,414 @@
|
|||||||
|
$navbar-background-color: $white !default
|
||||||
|
$navbar-box-shadow-size: 0 2px 0 0 !default
|
||||||
|
$navbar-box-shadow-color: $background !default
|
||||||
|
$navbar-height: 3.25rem !default
|
||||||
|
$navbar-padding-vertical: 1rem !default
|
||||||
|
$navbar-padding-horizontal: 2rem !default
|
||||||
|
$navbar-z: 30 !default
|
||||||
|
$navbar-fixed-z: 30 !default
|
||||||
|
|
||||||
|
$navbar-item-color: $grey-dark !default
|
||||||
|
$navbar-item-hover-color: $link !default
|
||||||
|
$navbar-item-hover-background-color: $white-bis !default
|
||||||
|
$navbar-item-active-color: $black !default
|
||||||
|
$navbar-item-active-background-color: transparent !default
|
||||||
|
$navbar-item-img-max-height: 1.75rem !default
|
||||||
|
|
||||||
|
$navbar-tab-hover-background-color: transparent !default
|
||||||
|
$navbar-tab-hover-border-bottom-color: $link !default
|
||||||
|
$navbar-tab-active-color: $link !default
|
||||||
|
$navbar-tab-active-background-color: transparent !default
|
||||||
|
$navbar-tab-active-border-bottom-color: $link !default
|
||||||
|
$navbar-tab-active-border-bottom-style: solid !default
|
||||||
|
$navbar-tab-active-border-bottom-width: 3px !default
|
||||||
|
|
||||||
|
$navbar-dropdown-background-color: $white !default
|
||||||
|
$navbar-dropdown-border-top: 2px solid $border !default
|
||||||
|
$navbar-dropdown-offset: -4px !default
|
||||||
|
$navbar-dropdown-arrow: $link !default
|
||||||
|
$navbar-dropdown-radius: $radius-large !default
|
||||||
|
$navbar-dropdown-z: 20 !default
|
||||||
|
|
||||||
|
$navbar-dropdown-boxed-radius: $radius-large !default
|
||||||
|
$navbar-dropdown-boxed-shadow: 0 8px 8px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1) !default
|
||||||
|
|
||||||
|
$navbar-dropdown-item-hover-color: $black !default
|
||||||
|
$navbar-dropdown-item-hover-background-color: $background !default
|
||||||
|
$navbar-dropdown-item-active-color: $link !default
|
||||||
|
$navbar-dropdown-item-active-background-color: $background !default
|
||||||
|
|
||||||
|
$navbar-divider-background-color: $background !default
|
||||||
|
$navbar-divider-height: 2px !default
|
||||||
|
|
||||||
|
$navbar-bottom-box-shadow-size: 0 -2px 0 0 !default
|
||||||
|
|
||||||
|
=navbar-fixed
|
||||||
|
left: 0
|
||||||
|
position: fixed
|
||||||
|
right: 0
|
||||||
|
z-index: $navbar-fixed-z
|
||||||
|
|
||||||
|
.navbar
|
||||||
|
background-color: $navbar-background-color
|
||||||
|
min-height: $navbar-height
|
||||||
|
position: relative
|
||||||
|
z-index: $navbar-z
|
||||||
|
@each $name, $pair in $colors
|
||||||
|
$color: nth($pair, 1)
|
||||||
|
$color-invert: nth($pair, 2)
|
||||||
|
&.is-#{$name}
|
||||||
|
background-color: $color
|
||||||
|
color: $color-invert
|
||||||
|
.navbar-brand
|
||||||
|
& > .navbar-item,
|
||||||
|
.navbar-link
|
||||||
|
color: $color-invert
|
||||||
|
& > a.navbar-item,
|
||||||
|
.navbar-link
|
||||||
|
&:hover,
|
||||||
|
&.is-active
|
||||||
|
background-color: darken($color, 5%)
|
||||||
|
color: $color-invert
|
||||||
|
.navbar-link
|
||||||
|
&::after
|
||||||
|
border-color: $color-invert
|
||||||
|
+desktop
|
||||||
|
.navbar-start,
|
||||||
|
.navbar-end
|
||||||
|
& > .navbar-item,
|
||||||
|
.navbar-link
|
||||||
|
color: $color-invert
|
||||||
|
& > a.navbar-item,
|
||||||
|
.navbar-link
|
||||||
|
&:hover,
|
||||||
|
&.is-active
|
||||||
|
background-color: darken($color, 5%)
|
||||||
|
color: $color-invert
|
||||||
|
.navbar-link
|
||||||
|
&::after
|
||||||
|
border-color: $color-invert
|
||||||
|
.navbar-item.has-dropdown:hover .navbar-link,
|
||||||
|
.navbar-item.has-dropdown.is-active .navbar-link
|
||||||
|
background-color: darken($color, 5%)
|
||||||
|
color: $color-invert
|
||||||
|
.navbar-dropdown
|
||||||
|
a.navbar-item
|
||||||
|
&.is-active
|
||||||
|
background-color: $color
|
||||||
|
color: $color-invert
|
||||||
|
& > .container
|
||||||
|
align-items: stretch
|
||||||
|
display: flex
|
||||||
|
min-height: $navbar-height
|
||||||
|
width: 100%
|
||||||
|
&.has-shadow
|
||||||
|
box-shadow: $navbar-box-shadow-size $navbar-box-shadow-color
|
||||||
|
&.is-fixed-bottom,
|
||||||
|
&.is-fixed-top
|
||||||
|
+navbar-fixed
|
||||||
|
&.is-fixed-bottom
|
||||||
|
bottom: 0
|
||||||
|
&.has-shadow
|
||||||
|
box-shadow: $navbar-bottom-box-shadow-size $navbar-box-shadow-color
|
||||||
|
&.is-fixed-top
|
||||||
|
top: 0
|
||||||
|
|
||||||
|
html,
|
||||||
|
body
|
||||||
|
&.has-navbar-fixed-top
|
||||||
|
padding-top: $navbar-height
|
||||||
|
&.has-navbar-fixed-bottom
|
||||||
|
padding-bottom: $navbar-height
|
||||||
|
|
||||||
|
.navbar-brand,
|
||||||
|
.navbar-tabs
|
||||||
|
align-items: stretch
|
||||||
|
display: flex
|
||||||
|
flex-shrink: 0
|
||||||
|
min-height: $navbar-height
|
||||||
|
|
||||||
|
.navbar-brand
|
||||||
|
a.navbar-item
|
||||||
|
&:hover
|
||||||
|
background-color: transparent
|
||||||
|
|
||||||
|
.navbar-tabs
|
||||||
|
+overflow-touch
|
||||||
|
max-width: 100vw
|
||||||
|
overflow-x: auto
|
||||||
|
overflow-y: hidden
|
||||||
|
|
||||||
|
.navbar-burger
|
||||||
|
+hamburger($navbar-height)
|
||||||
|
margin-left: auto
|
||||||
|
|
||||||
|
.navbar-menu
|
||||||
|
display: none
|
||||||
|
|
||||||
|
.navbar-item,
|
||||||
|
.navbar-link
|
||||||
|
color: $navbar-item-color
|
||||||
|
display: block
|
||||||
|
line-height: 1.5
|
||||||
|
padding: 0.5rem 0.75rem
|
||||||
|
position: relative
|
||||||
|
.icon
|
||||||
|
&:only-child
|
||||||
|
margin-left: -0.25rem
|
||||||
|
margin-right: -0.25rem
|
||||||
|
|
||||||
|
a.navbar-item,
|
||||||
|
.navbar-link
|
||||||
|
cursor: pointer
|
||||||
|
&:hover,
|
||||||
|
&.is-active
|
||||||
|
background-color: $navbar-item-hover-background-color
|
||||||
|
color: $navbar-item-hover-color
|
||||||
|
|
||||||
|
.navbar-item
|
||||||
|
display: block
|
||||||
|
flex-grow: 0
|
||||||
|
flex-shrink: 0
|
||||||
|
img
|
||||||
|
max-height: $navbar-item-img-max-height
|
||||||
|
&.has-dropdown
|
||||||
|
padding: 0
|
||||||
|
&.is-expanded
|
||||||
|
flex-grow: 1
|
||||||
|
flex-shrink: 1
|
||||||
|
&.is-tab
|
||||||
|
border-bottom: 1px solid transparent
|
||||||
|
min-height: $navbar-height
|
||||||
|
padding-bottom: calc(0.5rem - 1px)
|
||||||
|
&:hover
|
||||||
|
background-color: $navbar-tab-hover-background-color
|
||||||
|
border-bottom-color: $navbar-tab-hover-border-bottom-color
|
||||||
|
&.is-active
|
||||||
|
background-color: $navbar-tab-active-background-color
|
||||||
|
border-bottom-color: $navbar-tab-active-border-bottom-color
|
||||||
|
border-bottom-style: $navbar-tab-active-border-bottom-style
|
||||||
|
border-bottom-width: $navbar-tab-active-border-bottom-width
|
||||||
|
color: $navbar-tab-active-color
|
||||||
|
padding-bottom: calc(0.5rem - #{$navbar-tab-active-border-bottom-width})
|
||||||
|
|
||||||
|
.navbar-content
|
||||||
|
flex-grow: 1
|
||||||
|
flex-shrink: 1
|
||||||
|
|
||||||
|
.navbar-link
|
||||||
|
padding-right: 2.5em
|
||||||
|
&::after
|
||||||
|
+arrow($navbar-dropdown-arrow)
|
||||||
|
margin-top: -0.375em
|
||||||
|
right: 1.125em
|
||||||
|
|
||||||
|
.navbar-dropdown
|
||||||
|
font-size: 0.875rem
|
||||||
|
padding-bottom: 0.5rem
|
||||||
|
padding-top: 0.5rem
|
||||||
|
.navbar-item
|
||||||
|
padding-left: 1.5rem
|
||||||
|
padding-right: 1.5rem
|
||||||
|
|
||||||
|
.navbar-divider
|
||||||
|
background-color: $navbar-divider-background-color
|
||||||
|
border: none
|
||||||
|
display: none
|
||||||
|
height: $navbar-divider-height
|
||||||
|
margin: 0.5rem 0
|
||||||
|
|
||||||
|
+touch
|
||||||
|
.navbar > .container
|
||||||
|
display: block
|
||||||
|
.navbar-brand,
|
||||||
|
.navbar-tabs
|
||||||
|
.navbar-item
|
||||||
|
align-items: center
|
||||||
|
display: flex
|
||||||
|
.navbar-link
|
||||||
|
&::after
|
||||||
|
display: none
|
||||||
|
.navbar-menu
|
||||||
|
background-color: $navbar-background-color
|
||||||
|
box-shadow: 0 8px 16px rgba($black, 0.1)
|
||||||
|
padding: 0.5rem 0
|
||||||
|
&.is-active
|
||||||
|
display: block
|
||||||
|
// Fixed navbar
|
||||||
|
.navbar
|
||||||
|
&.is-fixed-bottom-touch,
|
||||||
|
&.is-fixed-top-touch
|
||||||
|
+navbar-fixed
|
||||||
|
&.is-fixed-bottom-touch
|
||||||
|
bottom: 0
|
||||||
|
&.has-shadow
|
||||||
|
box-shadow: 0 -2px 3px rgba($black, 0.1)
|
||||||
|
&.is-fixed-top-touch
|
||||||
|
top: 0
|
||||||
|
&.is-fixed-top,
|
||||||
|
&.is-fixed-top-touch
|
||||||
|
.navbar-menu
|
||||||
|
+overflow-touch
|
||||||
|
max-height: calc(100vh - #{$navbar-height})
|
||||||
|
overflow: auto
|
||||||
|
html,
|
||||||
|
body
|
||||||
|
&.has-navbar-fixed-top-touch
|
||||||
|
padding-top: $navbar-height
|
||||||
|
&.has-navbar-fixed-bottom-touch
|
||||||
|
padding-bottom: $navbar-height
|
||||||
|
|
||||||
|
+desktop
|
||||||
|
.navbar,
|
||||||
|
.navbar-menu,
|
||||||
|
.navbar-start,
|
||||||
|
.navbar-end
|
||||||
|
align-items: stretch
|
||||||
|
display: flex
|
||||||
|
.navbar
|
||||||
|
min-height: $navbar-height
|
||||||
|
&.is-spaced
|
||||||
|
padding: $navbar-padding-vertical $navbar-padding-horizontal
|
||||||
|
.navbar-start,
|
||||||
|
.navbar-end
|
||||||
|
align-items: center
|
||||||
|
a.navbar-item,
|
||||||
|
.navbar-link
|
||||||
|
border-radius: $radius
|
||||||
|
&.is-transparent
|
||||||
|
a.navbar-item,
|
||||||
|
.navbar-link
|
||||||
|
&:hover,
|
||||||
|
&.is-active
|
||||||
|
background-color: transparent !important
|
||||||
|
.navbar-item.has-dropdown
|
||||||
|
&.is-active,
|
||||||
|
&.is-hoverable:hover
|
||||||
|
.navbar-link
|
||||||
|
background-color: transparent !important
|
||||||
|
.navbar-dropdown
|
||||||
|
a.navbar-item
|
||||||
|
&:hover
|
||||||
|
background-color: $navbar-dropdown-item-hover-background-color
|
||||||
|
color: $navbar-dropdown-item-hover-color
|
||||||
|
&.is-active
|
||||||
|
background-color: $navbar-dropdown-item-active-background-color
|
||||||
|
color: $navbar-dropdown-item-active-color
|
||||||
|
.navbar-burger
|
||||||
|
display: none
|
||||||
|
.navbar-item,
|
||||||
|
.navbar-link
|
||||||
|
align-items: center
|
||||||
|
display: flex
|
||||||
|
.navbar-item
|
||||||
|
display: flex
|
||||||
|
&.has-dropdown
|
||||||
|
align-items: stretch
|
||||||
|
&.has-dropdown-up
|
||||||
|
.navbar-link::after
|
||||||
|
transform: rotate(135deg) translate(0.25em, -0.25em)
|
||||||
|
.navbar-dropdown
|
||||||
|
border-bottom: $navbar-dropdown-border-top
|
||||||
|
border-radius: $navbar-dropdown-radius $navbar-dropdown-radius 0 0
|
||||||
|
border-top: none
|
||||||
|
bottom: 100%
|
||||||
|
box-shadow: 0 -8px 8px rgba($black, 0.1)
|
||||||
|
top: auto
|
||||||
|
&.is-active,
|
||||||
|
&.is-hoverable:hover
|
||||||
|
.navbar-dropdown
|
||||||
|
display: block
|
||||||
|
.navbar.is-spaced &,
|
||||||
|
&.is-boxed
|
||||||
|
opacity: 1
|
||||||
|
pointer-events: auto
|
||||||
|
transform: translateY(0)
|
||||||
|
.navbar-menu
|
||||||
|
flex-grow: 1
|
||||||
|
flex-shrink: 0
|
||||||
|
.navbar-start
|
||||||
|
justify-content: flex-start
|
||||||
|
margin-right: auto
|
||||||
|
.navbar-end
|
||||||
|
justify-content: flex-end
|
||||||
|
margin-left: auto
|
||||||
|
.navbar-dropdown
|
||||||
|
background-color: $navbar-dropdown-background-color
|
||||||
|
border-bottom-left-radius: $navbar-dropdown-radius
|
||||||
|
border-bottom-right-radius: $navbar-dropdown-radius
|
||||||
|
border-top: $navbar-dropdown-border-top
|
||||||
|
box-shadow: 0 8px 8px rgba($black, 0.1)
|
||||||
|
display: none
|
||||||
|
font-size: 0.875rem
|
||||||
|
left: 0
|
||||||
|
min-width: 100%
|
||||||
|
position: absolute
|
||||||
|
top: 100%
|
||||||
|
z-index: $navbar-dropdown-z
|
||||||
|
.navbar-item
|
||||||
|
padding: 0.375rem 1rem
|
||||||
|
white-space: nowrap
|
||||||
|
a.navbar-item
|
||||||
|
padding-right: 3rem
|
||||||
|
&:hover
|
||||||
|
background-color: $navbar-dropdown-item-hover-background-color
|
||||||
|
color: $navbar-dropdown-item-hover-color
|
||||||
|
&.is-active
|
||||||
|
background-color: $navbar-dropdown-item-active-background-color
|
||||||
|
color: $navbar-dropdown-item-active-color
|
||||||
|
.navbar.is-spaced &,
|
||||||
|
&.is-boxed
|
||||||
|
border-radius: $navbar-dropdown-boxed-radius
|
||||||
|
border-top: none
|
||||||
|
box-shadow: $navbar-dropdown-boxed-shadow
|
||||||
|
display: block
|
||||||
|
opacity: 0
|
||||||
|
pointer-events: none
|
||||||
|
top: calc(100% + (#{$navbar-dropdown-offset}))
|
||||||
|
transform: translateY(-5px)
|
||||||
|
transition-duration: $speed
|
||||||
|
transition-property: opacity, transform
|
||||||
|
&.is-right
|
||||||
|
left: auto
|
||||||
|
right: 0
|
||||||
|
.navbar-divider
|
||||||
|
display: block
|
||||||
|
.navbar > .container,
|
||||||
|
.container > .navbar
|
||||||
|
.navbar-brand
|
||||||
|
margin-left: -1rem
|
||||||
|
.navbar-menu
|
||||||
|
margin-right: -1rem
|
||||||
|
// Fixed navbar
|
||||||
|
.navbar
|
||||||
|
&.is-fixed-bottom-desktop,
|
||||||
|
&.is-fixed-top-desktop
|
||||||
|
+navbar-fixed
|
||||||
|
&.is-fixed-bottom-desktop
|
||||||
|
bottom: 0
|
||||||
|
&.has-shadow
|
||||||
|
box-shadow: 0 -2px 3px rgba($black, 0.1)
|
||||||
|
&.is-fixed-top-desktop
|
||||||
|
top: 0
|
||||||
|
html,
|
||||||
|
body
|
||||||
|
&.has-navbar-fixed-top-desktop
|
||||||
|
padding-top: $navbar-height
|
||||||
|
&.has-navbar-fixed-bottom-desktop
|
||||||
|
padding-bottom: $navbar-height
|
||||||
|
&.has-spaced-navbar-fixed-top
|
||||||
|
padding-top: $navbar-height + ($navbar-padding-vertical * 2)
|
||||||
|
&.has-spaced-navbar-fixed-bottom
|
||||||
|
padding-bottom: $navbar-height + ($navbar-padding-vertical * 2)
|
||||||
|
// Hover/Active states
|
||||||
|
a.navbar-item,
|
||||||
|
.navbar-link
|
||||||
|
&.is-active
|
||||||
|
color: $navbar-item-active-color
|
||||||
|
&.is-active:not(:hover)
|
||||||
|
background-color: $navbar-item-active-background-color
|
||||||
|
.navbar-item.has-dropdown
|
||||||
|
&:hover,
|
||||||
|
&.is-active
|
||||||
|
.navbar-link
|
||||||
|
background-color: $navbar-item-hover-background-color
|
||||||
143
site/.vuepress/theme/sass/bulma/sass/components/pagination.sass
Normal file
143
site/.vuepress/theme/sass/bulma/sass/components/pagination.sass
Normal file
@ -0,0 +1,143 @@
|
|||||||
|
$pagination-color: $grey-darker !default
|
||||||
|
$pagination-border-color: $grey-lighter !default
|
||||||
|
$pagination-margin: -0.25rem !default
|
||||||
|
|
||||||
|
$pagination-hover-color: $link-hover !default
|
||||||
|
$pagination-hover-border-color: $link-hover-border !default
|
||||||
|
|
||||||
|
$pagination-focus-color: $link-focus !default
|
||||||
|
$pagination-focus-border-color: $link-focus-border !default
|
||||||
|
|
||||||
|
$pagination-active-color: $link-active !default
|
||||||
|
$pagination-active-border-color: $link-active-border !default
|
||||||
|
|
||||||
|
$pagination-disabled-color: $grey !default
|
||||||
|
$pagination-disabled-background-color: $grey-lighter !default
|
||||||
|
$pagination-disabled-border-color: $grey-lighter !default
|
||||||
|
|
||||||
|
$pagination-current-color: $link-invert !default
|
||||||
|
$pagination-current-background-color: $link !default
|
||||||
|
$pagination-current-border-color: $link !default
|
||||||
|
|
||||||
|
$pagination-ellipsis-color: $grey-light !default
|
||||||
|
|
||||||
|
$pagination-shadow-inset: inset 0 1px 2px rgba($black, 0.2)
|
||||||
|
|
||||||
|
.pagination
|
||||||
|
font-size: $size-normal
|
||||||
|
margin: $pagination-margin
|
||||||
|
// Sizes
|
||||||
|
&.is-small
|
||||||
|
font-size: $size-small
|
||||||
|
&.is-medium
|
||||||
|
font-size: $size-medium
|
||||||
|
&.is-large
|
||||||
|
font-size: $size-large
|
||||||
|
&.is-rounded
|
||||||
|
.pagination-previous,
|
||||||
|
.pagination-next
|
||||||
|
padding-left: 1em
|
||||||
|
padding-right: 1em
|
||||||
|
border-radius: $radius-rounded
|
||||||
|
.pagination-link
|
||||||
|
border-radius: $radius-rounded
|
||||||
|
|
||||||
|
.pagination,
|
||||||
|
.pagination-list
|
||||||
|
align-items: center
|
||||||
|
display: flex
|
||||||
|
justify-content: center
|
||||||
|
text-align: center
|
||||||
|
|
||||||
|
.pagination-previous,
|
||||||
|
.pagination-next,
|
||||||
|
.pagination-link,
|
||||||
|
.pagination-ellipsis
|
||||||
|
+control
|
||||||
|
+unselectable
|
||||||
|
font-size: 1em
|
||||||
|
padding-left: 0.5em
|
||||||
|
padding-right: 0.5em
|
||||||
|
justify-content: center
|
||||||
|
margin: 0.25rem
|
||||||
|
text-align: center
|
||||||
|
|
||||||
|
.pagination-previous,
|
||||||
|
.pagination-next,
|
||||||
|
.pagination-link
|
||||||
|
border-color: $pagination-border-color
|
||||||
|
color: $pagination-color
|
||||||
|
min-width: 2.25em
|
||||||
|
&:hover
|
||||||
|
border-color: $pagination-hover-border-color
|
||||||
|
color: $pagination-hover-color
|
||||||
|
&:focus
|
||||||
|
border-color: $pagination-focus-border-color
|
||||||
|
&:active
|
||||||
|
box-shadow: $pagination-shadow-inset
|
||||||
|
&[disabled]
|
||||||
|
background-color: $pagination-disabled-background-color
|
||||||
|
border-color: $pagination-disabled-border-color
|
||||||
|
box-shadow: none
|
||||||
|
color: $pagination-disabled-color
|
||||||
|
opacity: 0.5
|
||||||
|
|
||||||
|
.pagination-previous,
|
||||||
|
.pagination-next
|
||||||
|
padding-left: 0.75em
|
||||||
|
padding-right: 0.75em
|
||||||
|
white-space: nowrap
|
||||||
|
|
||||||
|
.pagination-link
|
||||||
|
&.is-current
|
||||||
|
background-color: $pagination-current-background-color
|
||||||
|
border-color: $pagination-current-border-color
|
||||||
|
color: $pagination-current-color
|
||||||
|
|
||||||
|
.pagination-ellipsis
|
||||||
|
color: $pagination-ellipsis-color
|
||||||
|
pointer-events: none
|
||||||
|
|
||||||
|
.pagination-list
|
||||||
|
flex-wrap: wrap
|
||||||
|
|
||||||
|
+mobile
|
||||||
|
.pagination
|
||||||
|
flex-wrap: wrap
|
||||||
|
.pagination-previous,
|
||||||
|
.pagination-next
|
||||||
|
flex-grow: 1
|
||||||
|
flex-shrink: 1
|
||||||
|
.pagination-list
|
||||||
|
li
|
||||||
|
flex-grow: 1
|
||||||
|
flex-shrink: 1
|
||||||
|
|
||||||
|
+tablet
|
||||||
|
.pagination-list
|
||||||
|
flex-grow: 1
|
||||||
|
flex-shrink: 1
|
||||||
|
justify-content: flex-start
|
||||||
|
order: 1
|
||||||
|
.pagination-previous
|
||||||
|
order: 2
|
||||||
|
.pagination-next
|
||||||
|
order: 3
|
||||||
|
.pagination
|
||||||
|
justify-content: space-between
|
||||||
|
&.is-centered
|
||||||
|
.pagination-previous
|
||||||
|
order: 1
|
||||||
|
.pagination-list
|
||||||
|
justify-content: center
|
||||||
|
order: 2
|
||||||
|
.pagination-next
|
||||||
|
order: 3
|
||||||
|
&.is-right
|
||||||
|
.pagination-previous
|
||||||
|
order: 1
|
||||||
|
.pagination-next
|
||||||
|
order: 2
|
||||||
|
.pagination-list
|
||||||
|
justify-content: flex-end
|
||||||
|
order: 3
|
||||||
101
site/.vuepress/theme/sass/bulma/sass/components/panel.sass
Normal file
101
site/.vuepress/theme/sass/bulma/sass/components/panel.sass
Normal file
@ -0,0 +1,101 @@
|
|||||||
|
$panel-item-border: 1px solid $border !default
|
||||||
|
|
||||||
|
$panel-heading-background-color: $background !default
|
||||||
|
$panel-heading-color: $text-strong !default
|
||||||
|
$panel-heading-line-height: 1.25 !default
|
||||||
|
$panel-heading-padding: 0.5em 0.75em !default
|
||||||
|
$panel-heading-radius: $radius !default
|
||||||
|
$panel-heading-size: 1.25em !default
|
||||||
|
$panel-heading-weight: $weight-light !default
|
||||||
|
|
||||||
|
$panel-tab-border-bottom: 1px solid $border !default
|
||||||
|
$panel-tab-active-border-bottom-color: $link-active-border !default
|
||||||
|
$panel-tab-active-color: $link-active !default
|
||||||
|
|
||||||
|
$panel-list-item-color: $text !default
|
||||||
|
$panel-list-item-hover-color: $link !default
|
||||||
|
|
||||||
|
$panel-block-color: $text-strong !default
|
||||||
|
$panel-block-hover-background-color: $background !default
|
||||||
|
$panel-block-active-border-left-color: $link !default
|
||||||
|
$panel-block-active-color: $link-active !default
|
||||||
|
$panel-block-active-icon-color: $link !default
|
||||||
|
|
||||||
|
$panel-icon-color: $text-light !default
|
||||||
|
|
||||||
|
.panel
|
||||||
|
font-size: $size-normal
|
||||||
|
&:not(:last-child)
|
||||||
|
margin-bottom: 1.5rem
|
||||||
|
|
||||||
|
.panel-heading,
|
||||||
|
.panel-tabs,
|
||||||
|
.panel-block
|
||||||
|
border-bottom: $panel-item-border
|
||||||
|
border-left: $panel-item-border
|
||||||
|
border-right: $panel-item-border
|
||||||
|
&:first-child
|
||||||
|
border-top: $panel-item-border
|
||||||
|
|
||||||
|
.panel-heading
|
||||||
|
background-color: $panel-heading-background-color
|
||||||
|
border-radius: $panel-heading-radius $panel-heading-radius 0 0
|
||||||
|
color: $panel-heading-color
|
||||||
|
font-size: $panel-heading-size
|
||||||
|
font-weight: $panel-heading-weight
|
||||||
|
line-height: $panel-heading-line-height
|
||||||
|
padding: $panel-heading-padding
|
||||||
|
|
||||||
|
.panel-tabs
|
||||||
|
align-items: flex-end
|
||||||
|
display: flex
|
||||||
|
font-size: 0.875em
|
||||||
|
justify-content: center
|
||||||
|
a
|
||||||
|
border-bottom: $panel-tab-border-bottom
|
||||||
|
margin-bottom: -1px
|
||||||
|
padding: 0.5em
|
||||||
|
// Modifiers
|
||||||
|
&.is-active
|
||||||
|
border-bottom-color: $panel-tab-active-border-bottom-color
|
||||||
|
color: $panel-tab-active-color
|
||||||
|
|
||||||
|
.panel-list
|
||||||
|
a
|
||||||
|
color: $panel-list-item-color
|
||||||
|
&:hover
|
||||||
|
color: $panel-list-item-hover-color
|
||||||
|
|
||||||
|
.panel-block
|
||||||
|
align-items: center
|
||||||
|
color: $panel-block-color
|
||||||
|
display: flex
|
||||||
|
justify-content: flex-start
|
||||||
|
padding: 0.5em 0.75em
|
||||||
|
input[type="checkbox"]
|
||||||
|
margin-right: 0.75em
|
||||||
|
& > .control
|
||||||
|
flex-grow: 1
|
||||||
|
flex-shrink: 1
|
||||||
|
width: 100%
|
||||||
|
&.is-wrapped
|
||||||
|
flex-wrap: wrap
|
||||||
|
&.is-active
|
||||||
|
border-left-color: $panel-block-active-border-left-color
|
||||||
|
color: $panel-block-active-color
|
||||||
|
.panel-icon
|
||||||
|
color: $panel-block-active-icon-color
|
||||||
|
|
||||||
|
a.panel-block,
|
||||||
|
label.panel-block
|
||||||
|
cursor: pointer
|
||||||
|
&:hover
|
||||||
|
background-color: $panel-block-hover-background-color
|
||||||
|
|
||||||
|
.panel-icon
|
||||||
|
+fa(14px, 1em)
|
||||||
|
color: $panel-icon-color
|
||||||
|
margin-right: 0.75em
|
||||||
|
.fa
|
||||||
|
font-size: inherit
|
||||||
|
line-height: inherit
|
||||||
151
site/.vuepress/theme/sass/bulma/sass/components/tabs.sass
Normal file
151
site/.vuepress/theme/sass/bulma/sass/components/tabs.sass
Normal file
@ -0,0 +1,151 @@
|
|||||||
|
$tabs-border-bottom-color: $border !default
|
||||||
|
$tabs-border-bottom-style: solid !default
|
||||||
|
$tabs-border-bottom-width: 1px !default
|
||||||
|
$tabs-link-color: $text !default
|
||||||
|
$tabs-link-hover-border-bottom-color: $text-strong !default
|
||||||
|
$tabs-link-hover-color: $text-strong !default
|
||||||
|
$tabs-link-active-border-bottom-color: $link !default
|
||||||
|
$tabs-link-active-color: $link !default
|
||||||
|
$tabs-link-padding: 0.5em 1em !default
|
||||||
|
|
||||||
|
$tabs-boxed-link-radius: $radius !default
|
||||||
|
$tabs-boxed-link-hover-background-color: $background !default
|
||||||
|
$tabs-boxed-link-hover-border-bottom-color: $border !default
|
||||||
|
|
||||||
|
$tabs-boxed-link-active-background-color: $white !default
|
||||||
|
$tabs-boxed-link-active-border-color: $border !default
|
||||||
|
$tabs-boxed-link-active-border-bottom-color: transparent !default
|
||||||
|
|
||||||
|
$tabs-toggle-link-border-color: $border !default
|
||||||
|
$tabs-toggle-link-border-style: solid !default
|
||||||
|
$tabs-toggle-link-border-width: 1px !default
|
||||||
|
$tabs-toggle-link-hover-background-color: $background !default
|
||||||
|
$tabs-toggle-link-hover-border-color: $border-hover !default
|
||||||
|
$tabs-toggle-link-radius: $radius !default
|
||||||
|
$tabs-toggle-link-active-background-color: $link !default
|
||||||
|
$tabs-toggle-link-active-border-color: $link !default
|
||||||
|
$tabs-toggle-link-active-color: $link-invert !default
|
||||||
|
|
||||||
|
.tabs
|
||||||
|
+block
|
||||||
|
+overflow-touch
|
||||||
|
+unselectable
|
||||||
|
align-items: stretch
|
||||||
|
display: flex
|
||||||
|
font-size: $size-normal
|
||||||
|
justify-content: space-between
|
||||||
|
overflow: hidden
|
||||||
|
overflow-x: auto
|
||||||
|
white-space: nowrap
|
||||||
|
a
|
||||||
|
align-items: center
|
||||||
|
border-bottom-color: $tabs-border-bottom-color
|
||||||
|
border-bottom-style: $tabs-border-bottom-style
|
||||||
|
border-bottom-width: $tabs-border-bottom-width
|
||||||
|
color: $tabs-link-color
|
||||||
|
display: flex
|
||||||
|
justify-content: center
|
||||||
|
margin-bottom: -#{$tabs-border-bottom-width}
|
||||||
|
padding: $tabs-link-padding
|
||||||
|
vertical-align: top
|
||||||
|
&:hover
|
||||||
|
border-bottom-color: $tabs-link-hover-border-bottom-color
|
||||||
|
color: $tabs-link-hover-color
|
||||||
|
li
|
||||||
|
display: block
|
||||||
|
&.is-active
|
||||||
|
a
|
||||||
|
border-bottom-color: $tabs-link-active-border-bottom-color
|
||||||
|
color: $tabs-link-active-color
|
||||||
|
ul
|
||||||
|
align-items: center
|
||||||
|
border-bottom-color: $tabs-border-bottom-color
|
||||||
|
border-bottom-style: $tabs-border-bottom-style
|
||||||
|
border-bottom-width: $tabs-border-bottom-width
|
||||||
|
display: flex
|
||||||
|
flex-grow: 1
|
||||||
|
flex-shrink: 0
|
||||||
|
justify-content: flex-start
|
||||||
|
&.is-left
|
||||||
|
padding-right: 0.75em
|
||||||
|
&.is-center
|
||||||
|
flex: none
|
||||||
|
justify-content: center
|
||||||
|
padding-left: 0.75em
|
||||||
|
padding-right: 0.75em
|
||||||
|
&.is-right
|
||||||
|
justify-content: flex-end
|
||||||
|
padding-left: 0.75em
|
||||||
|
.icon
|
||||||
|
&:first-child
|
||||||
|
margin-right: 0.5em
|
||||||
|
&:last-child
|
||||||
|
margin-left: 0.5em
|
||||||
|
// Alignment
|
||||||
|
&.is-centered
|
||||||
|
ul
|
||||||
|
justify-content: center
|
||||||
|
&.is-right
|
||||||
|
ul
|
||||||
|
justify-content: flex-end
|
||||||
|
// Styles
|
||||||
|
&.is-boxed
|
||||||
|
a
|
||||||
|
border: 1px solid transparent
|
||||||
|
border-radius: $tabs-boxed-link-radius $tabs-boxed-link-radius 0 0
|
||||||
|
&:hover
|
||||||
|
background-color: $tabs-boxed-link-hover-background-color
|
||||||
|
border-bottom-color: $tabs-boxed-link-hover-border-bottom-color
|
||||||
|
li
|
||||||
|
&.is-active
|
||||||
|
a
|
||||||
|
background-color: $tabs-boxed-link-active-background-color
|
||||||
|
border-color: $tabs-boxed-link-active-border-color
|
||||||
|
border-bottom-color: $tabs-boxed-link-active-border-bottom-color !important
|
||||||
|
&.is-fullwidth
|
||||||
|
li
|
||||||
|
flex-grow: 1
|
||||||
|
flex-shrink: 0
|
||||||
|
&.is-toggle
|
||||||
|
a
|
||||||
|
border-color: $tabs-toggle-link-border-color
|
||||||
|
border-style: $tabs-toggle-link-border-style
|
||||||
|
border-width: $tabs-toggle-link-border-width
|
||||||
|
margin-bottom: 0
|
||||||
|
position: relative
|
||||||
|
&:hover
|
||||||
|
background-color: $tabs-toggle-link-hover-background-color
|
||||||
|
border-color: $tabs-toggle-link-hover-border-color
|
||||||
|
z-index: 2
|
||||||
|
li
|
||||||
|
& + li
|
||||||
|
margin-left: -#{$tabs-toggle-link-border-width}
|
||||||
|
&:first-child a
|
||||||
|
border-radius: $tabs-toggle-link-radius 0 0 $tabs-toggle-link-radius
|
||||||
|
&:last-child a
|
||||||
|
border-radius: 0 $tabs-toggle-link-radius $tabs-toggle-link-radius 0
|
||||||
|
&.is-active
|
||||||
|
a
|
||||||
|
background-color: $tabs-toggle-link-active-background-color
|
||||||
|
border-color: $tabs-toggle-link-active-border-color
|
||||||
|
color: $tabs-toggle-link-active-color
|
||||||
|
z-index: 1
|
||||||
|
ul
|
||||||
|
border-bottom: none
|
||||||
|
&.is-toggle-rounded
|
||||||
|
li
|
||||||
|
&:first-child a
|
||||||
|
border-bottom-left-radius: $radius-rounded
|
||||||
|
border-top-left-radius: $radius-rounded
|
||||||
|
padding-left: 1.25em
|
||||||
|
&:last-child a
|
||||||
|
border-bottom-right-radius: $radius-rounded
|
||||||
|
border-top-right-radius: $radius-rounded
|
||||||
|
padding-right: 1.25em
|
||||||
|
// Sizes
|
||||||
|
&.is-small
|
||||||
|
font-size: $size-small
|
||||||
|
&.is-medium
|
||||||
|
font-size: $size-medium
|
||||||
|
&.is-large
|
||||||
|
font-size: $size-large
|
||||||
15
site/.vuepress/theme/sass/bulma/sass/elements/_all.sass
Normal file
15
site/.vuepress/theme/sass/bulma/sass/elements/_all.sass
Normal file
@ -0,0 +1,15 @@
|
|||||||
|
@charset "utf-8"
|
||||||
|
|
||||||
|
@import "box.sass"
|
||||||
|
@import "button.sass"
|
||||||
|
@import "container.sass"
|
||||||
|
@import "form.sass"
|
||||||
|
@import "icon.sass"
|
||||||
|
@import "image.sass"
|
||||||
|
@import "notification.sass"
|
||||||
|
@import "progress.sass"
|
||||||
|
@import "table.sass"
|
||||||
|
@import "tag.sass"
|
||||||
|
@import "title.sass"
|
||||||
|
|
||||||
|
@import "other.sass"
|
||||||
24
site/.vuepress/theme/sass/bulma/sass/elements/box.sass
Normal file
24
site/.vuepress/theme/sass/bulma/sass/elements/box.sass
Normal file
@ -0,0 +1,24 @@
|
|||||||
|
$box-color: $text !default
|
||||||
|
$box-background-color: $white !default
|
||||||
|
$box-radius: $radius-large !default
|
||||||
|
$box-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1) !default
|
||||||
|
$box-padding: 1.25rem !default
|
||||||
|
|
||||||
|
$box-link-hover-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px $link !default
|
||||||
|
$box-link-active-shadow: inset 0 1px 2px rgba($black, 0.2), 0 0 0 1px $link !default
|
||||||
|
|
||||||
|
.box
|
||||||
|
+block
|
||||||
|
background-color: $box-background-color
|
||||||
|
border-radius: $box-radius
|
||||||
|
box-shadow: $box-shadow
|
||||||
|
color: $box-color
|
||||||
|
display: block
|
||||||
|
padding: $box-padding
|
||||||
|
|
||||||
|
a.box
|
||||||
|
&:hover,
|
||||||
|
&:focus
|
||||||
|
box-shadow: $box-link-hover-shadow
|
||||||
|
&:active
|
||||||
|
box-shadow: $box-link-active-shadow
|
||||||
255
site/.vuepress/theme/sass/bulma/sass/elements/button.sass
Normal file
255
site/.vuepress/theme/sass/bulma/sass/elements/button.sass
Normal file
@ -0,0 +1,255 @@
|
|||||||
|
$button-color: $grey-darker !default
|
||||||
|
$button-background-color: $white !default
|
||||||
|
|
||||||
|
$button-border-color: $grey-lighter !default
|
||||||
|
$button-border-width: $control-border-width !default
|
||||||
|
|
||||||
|
$button-padding-vertical: calc(0.375em - #{$button-border-width}) !default
|
||||||
|
$button-padding-horizontal: 0.75em !default
|
||||||
|
|
||||||
|
$button-hover-color: $link-hover !default
|
||||||
|
$button-hover-border-color: $link-hover-border !default
|
||||||
|
|
||||||
|
$button-focus-color: $link-focus !default
|
||||||
|
$button-focus-border-color: $link-focus-border !default
|
||||||
|
$button-focus-box-shadow-size: 0 0 0 0.125em !default
|
||||||
|
$button-focus-box-shadow-color: rgba($link, 0.25) !default
|
||||||
|
|
||||||
|
$button-active-color: $link-active !default
|
||||||
|
$button-active-border-color: $link-active-border !default
|
||||||
|
|
||||||
|
$button-text-color: $text !default
|
||||||
|
$button-text-hover-background-color: $background !default
|
||||||
|
$button-text-hover-color: $text-strong !default
|
||||||
|
|
||||||
|
$button-disabled-background-color: $white !default
|
||||||
|
$button-disabled-border-color: $grey-lighter !default
|
||||||
|
$button-disabled-shadow: none !default
|
||||||
|
$button-disabled-opacity: 0.5 !default
|
||||||
|
|
||||||
|
$button-static-color: $grey !default
|
||||||
|
$button-static-background-color: $white-ter !default
|
||||||
|
$button-static-border-color: $grey-lighter !default
|
||||||
|
|
||||||
|
// The button sizes use mixins so they can be used at different breakpoints
|
||||||
|
=button-small
|
||||||
|
border-radius: $radius-small
|
||||||
|
font-size: $size-small
|
||||||
|
=button-medium
|
||||||
|
font-size: $size-medium
|
||||||
|
=button-large
|
||||||
|
font-size: $size-large
|
||||||
|
|
||||||
|
.button
|
||||||
|
+control
|
||||||
|
+unselectable
|
||||||
|
background-color: $button-background-color
|
||||||
|
border-color: $button-border-color
|
||||||
|
border-width: $button-border-width
|
||||||
|
color: $button-color
|
||||||
|
cursor: pointer
|
||||||
|
justify-content: center
|
||||||
|
padding-bottom: $button-padding-vertical
|
||||||
|
padding-left: $button-padding-horizontal
|
||||||
|
padding-right: $button-padding-horizontal
|
||||||
|
padding-top: $button-padding-vertical
|
||||||
|
text-align: center
|
||||||
|
white-space: nowrap
|
||||||
|
strong
|
||||||
|
color: inherit
|
||||||
|
.icon
|
||||||
|
&,
|
||||||
|
&.is-small,
|
||||||
|
&.is-medium,
|
||||||
|
&.is-large
|
||||||
|
height: 1.5em
|
||||||
|
width: 1.5em
|
||||||
|
&:first-child:not(:last-child)
|
||||||
|
margin-left: calc(-0.375em - #{$button-border-width})
|
||||||
|
margin-right: 0.1875em
|
||||||
|
&:last-child:not(:first-child)
|
||||||
|
margin-left: 0.1875em
|
||||||
|
margin-right: calc(-0.375em - #{$button-border-width})
|
||||||
|
&:first-child:last-child
|
||||||
|
margin-left: calc(-0.375em - #{$button-border-width})
|
||||||
|
margin-right: calc(-0.375em - #{$button-border-width})
|
||||||
|
// States
|
||||||
|
&:hover,
|
||||||
|
&.is-hovered
|
||||||
|
border-color: $button-hover-border-color
|
||||||
|
color: $button-hover-color
|
||||||
|
&:focus,
|
||||||
|
&.is-focused
|
||||||
|
border-color: $button-focus-border-color
|
||||||
|
color: $button-focus-color
|
||||||
|
&:not(:active)
|
||||||
|
box-shadow: $button-focus-box-shadow-size $button-focus-box-shadow-color
|
||||||
|
&:active,
|
||||||
|
&.is-active
|
||||||
|
border-color: $button-active-border-color
|
||||||
|
color: $button-active-color
|
||||||
|
// Colors
|
||||||
|
&.is-text
|
||||||
|
background-color: transparent
|
||||||
|
border-color: transparent
|
||||||
|
color: $button-text-color
|
||||||
|
text-decoration: underline
|
||||||
|
&:hover,
|
||||||
|
&.is-hovered,
|
||||||
|
&:focus,
|
||||||
|
&.is-focused
|
||||||
|
background-color: $button-text-hover-background-color
|
||||||
|
color: $button-text-hover-color
|
||||||
|
&:active,
|
||||||
|
&.is-active
|
||||||
|
background-color: darken($button-text-hover-background-color, 5%)
|
||||||
|
color: $button-text-hover-color
|
||||||
|
&[disabled]
|
||||||
|
background-color: transparent
|
||||||
|
border-color: transparent
|
||||||
|
box-shadow: none
|
||||||
|
@each $name, $pair in $colors
|
||||||
|
$color: nth($pair, 1)
|
||||||
|
$color-invert: nth($pair, 2)
|
||||||
|
&.is-#{$name}
|
||||||
|
background-color: $color
|
||||||
|
border-color: transparent
|
||||||
|
color: $color-invert
|
||||||
|
&:hover,
|
||||||
|
&.is-hovered
|
||||||
|
background-color: darken($color, 2.5%)
|
||||||
|
border-color: transparent
|
||||||
|
color: $color-invert
|
||||||
|
&:focus,
|
||||||
|
&.is-focused
|
||||||
|
border-color: transparent
|
||||||
|
color: $color-invert
|
||||||
|
&:not(:active)
|
||||||
|
box-shadow: $button-focus-box-shadow-size rgba($color, 0.25)
|
||||||
|
&:active,
|
||||||
|
&.is-active
|
||||||
|
background-color: darken($color, 5%)
|
||||||
|
border-color: transparent
|
||||||
|
color: $color-invert
|
||||||
|
&[disabled]
|
||||||
|
background-color: $color
|
||||||
|
border-color: transparent
|
||||||
|
box-shadow: none
|
||||||
|
&.is-inverted
|
||||||
|
background-color: $color-invert
|
||||||
|
color: $color
|
||||||
|
&:hover
|
||||||
|
background-color: darken($color-invert, 5%)
|
||||||
|
&[disabled]
|
||||||
|
background-color: $color-invert
|
||||||
|
border-color: transparent
|
||||||
|
box-shadow: none
|
||||||
|
color: $color
|
||||||
|
&.is-loading
|
||||||
|
&::after
|
||||||
|
border-color: transparent transparent $color-invert $color-invert !important
|
||||||
|
&.is-outlined
|
||||||
|
background-color: transparent
|
||||||
|
border-color: $color
|
||||||
|
color: $color
|
||||||
|
&:hover,
|
||||||
|
&:focus
|
||||||
|
background-color: $color
|
||||||
|
border-color: $color
|
||||||
|
color: $color-invert
|
||||||
|
&.is-loading
|
||||||
|
&::after
|
||||||
|
border-color: transparent transparent $color $color !important
|
||||||
|
&[disabled]
|
||||||
|
background-color: transparent
|
||||||
|
border-color: $color
|
||||||
|
box-shadow: none
|
||||||
|
color: $color
|
||||||
|
&.is-inverted.is-outlined
|
||||||
|
background-color: transparent
|
||||||
|
border-color: $color-invert
|
||||||
|
color: $color-invert
|
||||||
|
&:hover,
|
||||||
|
&:focus
|
||||||
|
background-color: $color-invert
|
||||||
|
color: $color
|
||||||
|
&[disabled]
|
||||||
|
background-color: transparent
|
||||||
|
border-color: $color-invert
|
||||||
|
box-shadow: none
|
||||||
|
color: $color-invert
|
||||||
|
// Sizes
|
||||||
|
&.is-small
|
||||||
|
+button-small
|
||||||
|
&.is-medium
|
||||||
|
+button-medium
|
||||||
|
&.is-large
|
||||||
|
+button-large
|
||||||
|
// Modifiers
|
||||||
|
&[disabled]
|
||||||
|
background-color: $button-disabled-background-color
|
||||||
|
border-color: $button-disabled-border-color
|
||||||
|
box-shadow: $button-disabled-shadow
|
||||||
|
opacity: $button-disabled-opacity
|
||||||
|
&.is-fullwidth
|
||||||
|
display: flex
|
||||||
|
width: 100%
|
||||||
|
&.is-loading
|
||||||
|
color: transparent !important
|
||||||
|
pointer-events: none
|
||||||
|
&::after
|
||||||
|
+loader
|
||||||
|
+center(1em)
|
||||||
|
position: absolute !important
|
||||||
|
&.is-static
|
||||||
|
background-color: $button-static-background-color
|
||||||
|
border-color: $button-static-border-color
|
||||||
|
color: $button-static-color
|
||||||
|
box-shadow: none
|
||||||
|
pointer-events: none
|
||||||
|
&.is-rounded
|
||||||
|
border-radius: $radius-rounded
|
||||||
|
padding-left: 1em
|
||||||
|
padding-right: 1em
|
||||||
|
|
||||||
|
.buttons
|
||||||
|
align-items: center
|
||||||
|
display: flex
|
||||||
|
flex-wrap: wrap
|
||||||
|
justify-content: flex-start
|
||||||
|
.button
|
||||||
|
margin-bottom: 0.5rem
|
||||||
|
&:not(:last-child)
|
||||||
|
margin-right: 0.5rem
|
||||||
|
&:last-child
|
||||||
|
margin-bottom: -0.5rem
|
||||||
|
&:not(:last-child)
|
||||||
|
margin-bottom: 1rem
|
||||||
|
&.has-addons
|
||||||
|
.button
|
||||||
|
&:not(:first-child)
|
||||||
|
border-bottom-left-radius: 0
|
||||||
|
border-top-left-radius: 0
|
||||||
|
&:not(:last-child)
|
||||||
|
border-bottom-right-radius: 0
|
||||||
|
border-top-right-radius: 0
|
||||||
|
margin-right: -1px
|
||||||
|
&:last-child
|
||||||
|
margin-right: 0
|
||||||
|
&:hover,
|
||||||
|
&.is-hovered
|
||||||
|
z-index: 2
|
||||||
|
&:focus,
|
||||||
|
&.is-focused,
|
||||||
|
&:active,
|
||||||
|
&.is-active,
|
||||||
|
&.is-selected
|
||||||
|
z-index: 3
|
||||||
|
&:hover
|
||||||
|
z-index: 4
|
||||||
|
&.is-expanded
|
||||||
|
flex-grow: 1
|
||||||
|
&.is-centered
|
||||||
|
justify-content: center
|
||||||
|
&.is-right
|
||||||
|
justify-content: flex-end
|
||||||
25
site/.vuepress/theme/sass/bulma/sass/elements/container.sass
Normal file
25
site/.vuepress/theme/sass/bulma/sass/elements/container.sass
Normal file
@ -0,0 +1,25 @@
|
|||||||
|
.container
|
||||||
|
margin: 0 auto
|
||||||
|
position: relative
|
||||||
|
+desktop
|
||||||
|
max-width: $desktop - (2 * $gap)
|
||||||
|
width: $desktop - (2 * $gap)
|
||||||
|
&.is-fluid
|
||||||
|
margin-left: $gap
|
||||||
|
margin-right: $gap
|
||||||
|
max-width: none
|
||||||
|
width: auto
|
||||||
|
+until-widescreen
|
||||||
|
&.is-widescreen
|
||||||
|
max-width: $widescreen - (2 * $gap)
|
||||||
|
width: auto
|
||||||
|
+until-fullhd
|
||||||
|
&.is-fullhd
|
||||||
|
max-width: $fullhd - (2 * $gap)
|
||||||
|
width: auto
|
||||||
|
+widescreen
|
||||||
|
max-width: $widescreen - (2 * $gap)
|
||||||
|
width: $widescreen - (2 * $gap)
|
||||||
|
+fullhd
|
||||||
|
max-width: $fullhd - (2 * $gap)
|
||||||
|
width: $fullhd - (2 * $gap)
|
||||||
625
site/.vuepress/theme/sass/bulma/sass/elements/form.sass
Normal file
625
site/.vuepress/theme/sass/bulma/sass/elements/form.sass
Normal file
@ -0,0 +1,625 @@
|
|||||||
|
$input-color: $grey-darker !default
|
||||||
|
$input-background-color: $white !default
|
||||||
|
$input-border-color: $grey-lighter !default
|
||||||
|
$input-shadow: inset 0 1px 2px rgba($black, 0.1) !default
|
||||||
|
|
||||||
|
$input-hover-color: $grey-darker !default
|
||||||
|
$input-hover-border-color: $grey-light !default
|
||||||
|
|
||||||
|
$input-focus-color: $grey-darker !default
|
||||||
|
$input-focus-border-color: $link !default
|
||||||
|
$input-focus-box-shadow-size: 0 0 0 0.125em !default
|
||||||
|
$input-focus-box-shadow-color: rgba($link, 0.25) !default
|
||||||
|
|
||||||
|
$input-disabled-color: $text-light !default
|
||||||
|
$input-disabled-background-color: $background !default
|
||||||
|
$input-disabled-border-color: $background !default
|
||||||
|
|
||||||
|
$input-arrow: $link !default
|
||||||
|
|
||||||
|
$input-icon-color: $grey-lighter !default
|
||||||
|
$input-icon-active-color: $grey !default
|
||||||
|
|
||||||
|
$input-radius: $radius !default
|
||||||
|
|
||||||
|
$file-border-color: $border !default
|
||||||
|
$file-radius: $radius !default
|
||||||
|
|
||||||
|
$file-cta-background-color: $white-ter !default
|
||||||
|
$file-cta-color: $grey-dark !default
|
||||||
|
$file-cta-hover-color: $grey-darker !default
|
||||||
|
$file-cta-active-color: $grey-darker !default
|
||||||
|
|
||||||
|
$file-name-border-color: $border !default
|
||||||
|
$file-name-border-style: solid !default
|
||||||
|
$file-name-border-width: 1px 1px 1px 0 !default
|
||||||
|
$file-name-max-width: 16em !default
|
||||||
|
|
||||||
|
$label-color: $grey-darker !default
|
||||||
|
$label-weight: $weight-bold !default
|
||||||
|
|
||||||
|
$help-size: $size-small !default
|
||||||
|
|
||||||
|
=input
|
||||||
|
+control
|
||||||
|
background-color: $input-background-color
|
||||||
|
border-color: $input-border-color
|
||||||
|
color: $input-color
|
||||||
|
+placeholder
|
||||||
|
color: rgba($input-color, 0.3)
|
||||||
|
&:hover,
|
||||||
|
&.is-hovered
|
||||||
|
border-color: $input-hover-border-color
|
||||||
|
&:focus,
|
||||||
|
&.is-focused,
|
||||||
|
&:active,
|
||||||
|
&.is-active
|
||||||
|
border-color: $input-focus-border-color
|
||||||
|
box-shadow: $input-focus-box-shadow-size $input-focus-box-shadow-color
|
||||||
|
&[disabled]
|
||||||
|
background-color: $input-disabled-background-color
|
||||||
|
border-color: $input-disabled-border-color
|
||||||
|
box-shadow: none
|
||||||
|
color: $input-disabled-color
|
||||||
|
+placeholder
|
||||||
|
color: rgba($input-disabled-color, 0.3)
|
||||||
|
|
||||||
|
.input,
|
||||||
|
.textarea
|
||||||
|
+input
|
||||||
|
box-shadow: $input-shadow
|
||||||
|
max-width: 100%
|
||||||
|
width: 100%
|
||||||
|
&[readonly]
|
||||||
|
box-shadow: none
|
||||||
|
// Colors
|
||||||
|
@each $name, $pair in $colors
|
||||||
|
$color: nth($pair, 1)
|
||||||
|
&.is-#{$name}
|
||||||
|
border-color: $color
|
||||||
|
&:focus,
|
||||||
|
&.is-focused,
|
||||||
|
&:active,
|
||||||
|
&.is-active
|
||||||
|
box-shadow: $input-focus-box-shadow-size rgba($color, 0.25)
|
||||||
|
// Sizes
|
||||||
|
&.is-small
|
||||||
|
+control-small
|
||||||
|
&.is-medium
|
||||||
|
+control-medium
|
||||||
|
&.is-large
|
||||||
|
+control-large
|
||||||
|
// Modifiers
|
||||||
|
&.is-fullwidth
|
||||||
|
display: block
|
||||||
|
width: 100%
|
||||||
|
&.is-inline
|
||||||
|
display: inline
|
||||||
|
width: auto
|
||||||
|
|
||||||
|
.input
|
||||||
|
&.is-rounded
|
||||||
|
border-radius: $radius-rounded
|
||||||
|
padding-left: 1em
|
||||||
|
padding-right: 1em
|
||||||
|
&.is-static
|
||||||
|
background-color: transparent
|
||||||
|
border-color: transparent
|
||||||
|
box-shadow: none
|
||||||
|
padding-left: 0
|
||||||
|
padding-right: 0
|
||||||
|
|
||||||
|
.textarea
|
||||||
|
display: block
|
||||||
|
max-width: 100%
|
||||||
|
min-width: 100%
|
||||||
|
padding: 0.625em
|
||||||
|
resize: vertical
|
||||||
|
&:not([rows])
|
||||||
|
max-height: 600px
|
||||||
|
min-height: 120px
|
||||||
|
&[rows]
|
||||||
|
height: initial
|
||||||
|
// Modifiers
|
||||||
|
&.has-fixed-size
|
||||||
|
resize: none
|
||||||
|
|
||||||
|
.checkbox,
|
||||||
|
.radio
|
||||||
|
cursor: pointer
|
||||||
|
display: inline-block
|
||||||
|
line-height: 1.25
|
||||||
|
position: relative
|
||||||
|
input
|
||||||
|
cursor: pointer
|
||||||
|
&:hover
|
||||||
|
color: $input-hover-color
|
||||||
|
&[disabled]
|
||||||
|
color: $input-disabled-color
|
||||||
|
cursor: not-allowed
|
||||||
|
|
||||||
|
.radio
|
||||||
|
& + .radio
|
||||||
|
margin-left: 0.5em
|
||||||
|
|
||||||
|
.select
|
||||||
|
display: inline-block
|
||||||
|
max-width: 100%
|
||||||
|
position: relative
|
||||||
|
vertical-align: top
|
||||||
|
&:not(.is-multiple)
|
||||||
|
height: 2.25em
|
||||||
|
&:not(.is-multiple):not(.is-loading)
|
||||||
|
&::after
|
||||||
|
+arrow($input-arrow)
|
||||||
|
right: 1.125em
|
||||||
|
z-index: 4
|
||||||
|
&.is-rounded
|
||||||
|
select
|
||||||
|
border-radius: $radius-rounded
|
||||||
|
padding-left: 1em
|
||||||
|
select
|
||||||
|
+input
|
||||||
|
cursor: pointer
|
||||||
|
display: block
|
||||||
|
font-size: 1em
|
||||||
|
max-width: 100%
|
||||||
|
outline: none
|
||||||
|
&::-ms-expand
|
||||||
|
display: none
|
||||||
|
&[disabled]:hover
|
||||||
|
border-color: $input-disabled-border-color
|
||||||
|
&:not([multiple])
|
||||||
|
padding-right: 2.5em
|
||||||
|
&[multiple]
|
||||||
|
height: initial
|
||||||
|
padding: 0
|
||||||
|
option
|
||||||
|
padding: 0.5em 1em
|
||||||
|
// States
|
||||||
|
&:not(.is-multiple):not(.is-loading):hover
|
||||||
|
&::after
|
||||||
|
border-color: $input-hover-color
|
||||||
|
// Colors
|
||||||
|
@each $name, $pair in $colors
|
||||||
|
$color: nth($pair, 1)
|
||||||
|
&.is-#{$name}
|
||||||
|
&:not(:hover)::after
|
||||||
|
border-color: $color
|
||||||
|
select
|
||||||
|
border-color: $color
|
||||||
|
&:hover,
|
||||||
|
&.is-hovered
|
||||||
|
border-color: darken($color, 5%)
|
||||||
|
&:focus,
|
||||||
|
&.is-focused,
|
||||||
|
&:active,
|
||||||
|
&.is-active
|
||||||
|
box-shadow: $input-focus-box-shadow-size rgba($color, 0.25)
|
||||||
|
// Sizes
|
||||||
|
&.is-small
|
||||||
|
+control-small
|
||||||
|
&.is-medium
|
||||||
|
+control-medium
|
||||||
|
&.is-large
|
||||||
|
+control-large
|
||||||
|
// Modifiers
|
||||||
|
&.is-disabled
|
||||||
|
&::after
|
||||||
|
border-color: $input-disabled-color
|
||||||
|
&.is-fullwidth
|
||||||
|
width: 100%
|
||||||
|
select
|
||||||
|
width: 100%
|
||||||
|
&.is-loading
|
||||||
|
&::after
|
||||||
|
+loader
|
||||||
|
margin-top: 0
|
||||||
|
position: absolute
|
||||||
|
right: 0.625em
|
||||||
|
top: 0.625em
|
||||||
|
transform: none
|
||||||
|
&.is-small:after
|
||||||
|
font-size: $size-small
|
||||||
|
&.is-medium:after
|
||||||
|
font-size: $size-medium
|
||||||
|
&.is-large:after
|
||||||
|
font-size: $size-large
|
||||||
|
|
||||||
|
.file
|
||||||
|
+unselectable
|
||||||
|
align-items: stretch
|
||||||
|
display: flex
|
||||||
|
justify-content: flex-start
|
||||||
|
position: relative
|
||||||
|
// Colors
|
||||||
|
@each $name, $pair in $colors
|
||||||
|
$color: nth($pair, 1)
|
||||||
|
$color-invert: nth($pair, 2)
|
||||||
|
&.is-#{$name}
|
||||||
|
.file-cta
|
||||||
|
background-color: $color
|
||||||
|
border-color: transparent
|
||||||
|
color: $color-invert
|
||||||
|
&:hover,
|
||||||
|
&.is-hovered
|
||||||
|
.file-cta
|
||||||
|
background-color: darken($color, 2.5%)
|
||||||
|
border-color: transparent
|
||||||
|
color: $color-invert
|
||||||
|
&:focus,
|
||||||
|
&.is-focused
|
||||||
|
.file-cta
|
||||||
|
border-color: transparent
|
||||||
|
box-shadow: 0 0 0.5em rgba($color, 0.25)
|
||||||
|
color: $color-invert
|
||||||
|
&:active,
|
||||||
|
&.is-active
|
||||||
|
.file-cta
|
||||||
|
background-color: darken($color, 5%)
|
||||||
|
border-color: transparent
|
||||||
|
color: $color-invert
|
||||||
|
// Sizes
|
||||||
|
&.is-small
|
||||||
|
font-size: $size-small
|
||||||
|
&.is-medium
|
||||||
|
font-size: $size-medium
|
||||||
|
.file-icon
|
||||||
|
.fa
|
||||||
|
font-size: 21px
|
||||||
|
&.is-large
|
||||||
|
font-size: $size-large
|
||||||
|
.file-icon
|
||||||
|
.fa
|
||||||
|
font-size: 28px
|
||||||
|
// Modifiers
|
||||||
|
&.has-name
|
||||||
|
.file-cta
|
||||||
|
border-bottom-right-radius: 0
|
||||||
|
border-top-right-radius: 0
|
||||||
|
.file-name
|
||||||
|
border-bottom-left-radius: 0
|
||||||
|
border-top-left-radius: 0
|
||||||
|
&.is-empty
|
||||||
|
.file-cta
|
||||||
|
border-radius: $file-radius
|
||||||
|
.file-name
|
||||||
|
display: none
|
||||||
|
&.is-boxed
|
||||||
|
.file-label
|
||||||
|
flex-direction: column
|
||||||
|
.file-cta
|
||||||
|
flex-direction: column
|
||||||
|
height: auto
|
||||||
|
padding: 1em 3em
|
||||||
|
.file-name
|
||||||
|
border-width: 0 1px 1px
|
||||||
|
.file-icon
|
||||||
|
height: 1.5em
|
||||||
|
width: 1.5em
|
||||||
|
.fa
|
||||||
|
font-size: 21px
|
||||||
|
&.is-small
|
||||||
|
.file-icon .fa
|
||||||
|
font-size: 14px
|
||||||
|
&.is-medium
|
||||||
|
.file-icon .fa
|
||||||
|
font-size: 28px
|
||||||
|
&.is-large
|
||||||
|
.file-icon .fa
|
||||||
|
font-size: 35px
|
||||||
|
&.has-name
|
||||||
|
.file-cta
|
||||||
|
border-radius: $file-radius $file-radius 0 0
|
||||||
|
.file-name
|
||||||
|
border-radius: 0 0 $file-radius $file-radius
|
||||||
|
border-width: 0 1px 1px
|
||||||
|
&.is-centered
|
||||||
|
justify-content: center
|
||||||
|
&.is-fullwidth
|
||||||
|
.file-label
|
||||||
|
width: 100%
|
||||||
|
.file-name
|
||||||
|
flex-grow: 1
|
||||||
|
max-width: none
|
||||||
|
&.is-right
|
||||||
|
justify-content: flex-end
|
||||||
|
.file-cta
|
||||||
|
border-radius: 0 $file-radius $file-radius 0
|
||||||
|
.file-name
|
||||||
|
border-radius: $file-radius 0 0 $file-radius
|
||||||
|
border-width: 1px 0 1px 1px
|
||||||
|
order: -1
|
||||||
|
|
||||||
|
.file-label
|
||||||
|
align-items: stretch
|
||||||
|
display: flex
|
||||||
|
cursor: pointer
|
||||||
|
justify-content: flex-start
|
||||||
|
overflow: hidden
|
||||||
|
position: relative
|
||||||
|
&:hover
|
||||||
|
.file-cta
|
||||||
|
background-color: darken($file-cta-background-color, 2.5%)
|
||||||
|
color: $file-cta-hover-color
|
||||||
|
.file-name
|
||||||
|
border-color: darken($file-name-border-color, 2.5%)
|
||||||
|
&:active
|
||||||
|
.file-cta
|
||||||
|
background-color: darken($file-cta-background-color, 5%)
|
||||||
|
color: $file-cta-active-color
|
||||||
|
.file-name
|
||||||
|
border-color: darken($file-name-border-color, 5%)
|
||||||
|
|
||||||
|
.file-input
|
||||||
|
height: 0.01em
|
||||||
|
left: 0
|
||||||
|
outline: none
|
||||||
|
position: absolute
|
||||||
|
top: 0
|
||||||
|
width: 0.01em
|
||||||
|
|
||||||
|
.file-cta,
|
||||||
|
.file-name
|
||||||
|
+control
|
||||||
|
border-color: $file-border-color
|
||||||
|
border-radius: $file-radius
|
||||||
|
font-size: 1em
|
||||||
|
padding-left: 1em
|
||||||
|
padding-right: 1em
|
||||||
|
white-space: nowrap
|
||||||
|
|
||||||
|
.file-cta
|
||||||
|
background-color: $file-cta-background-color
|
||||||
|
color: $file-cta-color
|
||||||
|
|
||||||
|
.file-name
|
||||||
|
border-color: $file-name-border-color
|
||||||
|
border-style: $file-name-border-style
|
||||||
|
border-width: $file-name-border-width
|
||||||
|
display: block
|
||||||
|
max-width: $file-name-max-width
|
||||||
|
overflow: hidden
|
||||||
|
text-align: left
|
||||||
|
text-overflow: ellipsis
|
||||||
|
|
||||||
|
.file-icon
|
||||||
|
align-items: center
|
||||||
|
display: flex
|
||||||
|
height: 1em
|
||||||
|
justify-content: center
|
||||||
|
margin-right: 0.5em
|
||||||
|
width: 1em
|
||||||
|
.fa
|
||||||
|
font-size: 14px
|
||||||
|
|
||||||
|
.label
|
||||||
|
color: $label-color
|
||||||
|
display: block
|
||||||
|
font-size: $size-normal
|
||||||
|
font-weight: $label-weight
|
||||||
|
&:not(:last-child)
|
||||||
|
margin-bottom: 0.5em
|
||||||
|
// Sizes
|
||||||
|
&.is-small
|
||||||
|
font-size: $size-small
|
||||||
|
&.is-medium
|
||||||
|
font-size: $size-medium
|
||||||
|
&.is-large
|
||||||
|
font-size: $size-large
|
||||||
|
|
||||||
|
.help
|
||||||
|
display: block
|
||||||
|
font-size: $help-size
|
||||||
|
margin-top: 0.25rem
|
||||||
|
@each $name, $pair in $colors
|
||||||
|
$color: nth($pair, 1)
|
||||||
|
&.is-#{$name}
|
||||||
|
color: $color
|
||||||
|
|
||||||
|
// Containers
|
||||||
|
|
||||||
|
.field
|
||||||
|
&:not(:last-child)
|
||||||
|
margin-bottom: 0.75rem
|
||||||
|
// Modifiers
|
||||||
|
&.has-addons
|
||||||
|
display: flex
|
||||||
|
justify-content: flex-start
|
||||||
|
.control
|
||||||
|
&:not(:last-child)
|
||||||
|
margin-right: -1px
|
||||||
|
&:not(:first-child):not(:last-child)
|
||||||
|
.button,
|
||||||
|
.input,
|
||||||
|
.select select
|
||||||
|
border-radius: 0
|
||||||
|
&:first-child
|
||||||
|
.button,
|
||||||
|
.input,
|
||||||
|
.select select
|
||||||
|
border-bottom-right-radius: 0
|
||||||
|
border-top-right-radius: 0
|
||||||
|
&:last-child
|
||||||
|
.button,
|
||||||
|
.input,
|
||||||
|
.select select
|
||||||
|
border-bottom-left-radius: 0
|
||||||
|
border-top-left-radius: 0
|
||||||
|
.button,
|
||||||
|
.input,
|
||||||
|
.select select
|
||||||
|
&:hover,
|
||||||
|
&.is-hovered
|
||||||
|
z-index: 2
|
||||||
|
&:focus,
|
||||||
|
&.is-focused,
|
||||||
|
&:active,
|
||||||
|
&.is-active
|
||||||
|
z-index: 3
|
||||||
|
&:hover
|
||||||
|
z-index: 4
|
||||||
|
&.is-expanded
|
||||||
|
flex-grow: 1
|
||||||
|
&.has-addons-centered
|
||||||
|
justify-content: center
|
||||||
|
&.has-addons-right
|
||||||
|
justify-content: flex-end
|
||||||
|
&.has-addons-fullwidth
|
||||||
|
.control
|
||||||
|
flex-grow: 1
|
||||||
|
flex-shrink: 0
|
||||||
|
&.is-grouped
|
||||||
|
display: flex
|
||||||
|
justify-content: flex-start
|
||||||
|
& > .control
|
||||||
|
flex-shrink: 0
|
||||||
|
&:not(:last-child)
|
||||||
|
margin-bottom: 0
|
||||||
|
margin-right: 0.75rem
|
||||||
|
&.is-expanded
|
||||||
|
flex-grow: 1
|
||||||
|
flex-shrink: 1
|
||||||
|
&.is-grouped-centered
|
||||||
|
justify-content: center
|
||||||
|
&.is-grouped-right
|
||||||
|
justify-content: flex-end
|
||||||
|
&.is-grouped-multiline
|
||||||
|
flex-wrap: wrap
|
||||||
|
& > .control
|
||||||
|
&:last-child,
|
||||||
|
&:not(:last-child)
|
||||||
|
margin-bottom: 0.75rem
|
||||||
|
&:last-child
|
||||||
|
margin-bottom: -0.75rem
|
||||||
|
&:not(:last-child)
|
||||||
|
margin-bottom: 0
|
||||||
|
|
||||||
|
&.is-horizontal
|
||||||
|
+tablet
|
||||||
|
display: flex
|
||||||
|
|
||||||
|
.field-label
|
||||||
|
.label
|
||||||
|
font-size: inherit
|
||||||
|
+mobile
|
||||||
|
margin-bottom: 0.5rem
|
||||||
|
+tablet
|
||||||
|
flex-basis: 0
|
||||||
|
flex-grow: 1
|
||||||
|
flex-shrink: 0
|
||||||
|
margin-right: 1.5rem
|
||||||
|
text-align: right
|
||||||
|
&.is-small
|
||||||
|
font-size: $size-small
|
||||||
|
padding-top: 0.375em
|
||||||
|
&.is-normal
|
||||||
|
padding-top: 0.375em
|
||||||
|
&.is-medium
|
||||||
|
font-size: $size-medium
|
||||||
|
padding-top: 0.375em
|
||||||
|
&.is-large
|
||||||
|
font-size: $size-large
|
||||||
|
padding-top: 0.375em
|
||||||
|
|
||||||
|
.field-body
|
||||||
|
.field .field
|
||||||
|
margin-bottom: 0
|
||||||
|
+tablet
|
||||||
|
display: flex
|
||||||
|
flex-basis: 0
|
||||||
|
flex-grow: 5
|
||||||
|
flex-shrink: 1
|
||||||
|
.field
|
||||||
|
margin-bottom: 0
|
||||||
|
& > .field
|
||||||
|
flex-shrink: 1
|
||||||
|
&:not(.is-narrow)
|
||||||
|
flex-grow: 1
|
||||||
|
&:not(:last-child)
|
||||||
|
margin-right: 0.75rem
|
||||||
|
|
||||||
|
.control
|
||||||
|
font-size: $size-normal
|
||||||
|
position: relative
|
||||||
|
text-align: left
|
||||||
|
// Modifiers
|
||||||
|
// DEPRECATED
|
||||||
|
&.has-icon
|
||||||
|
.icon
|
||||||
|
color: $input-icon-color
|
||||||
|
height: 2.25em
|
||||||
|
pointer-events: none
|
||||||
|
position: absolute
|
||||||
|
top: 0
|
||||||
|
width: 2.25em
|
||||||
|
z-index: 4
|
||||||
|
.input
|
||||||
|
&:focus
|
||||||
|
& + .icon
|
||||||
|
color: $input-icon-active-color
|
||||||
|
&.is-small
|
||||||
|
& + .icon
|
||||||
|
font-size: $size-small
|
||||||
|
&.is-medium
|
||||||
|
& + .icon
|
||||||
|
font-size: $size-medium
|
||||||
|
&.is-large
|
||||||
|
& + .icon
|
||||||
|
font-size: $size-large
|
||||||
|
&:not(.has-icon-right)
|
||||||
|
.icon
|
||||||
|
left: 0
|
||||||
|
.input
|
||||||
|
padding-left: 2.25em
|
||||||
|
&.has-icon-right
|
||||||
|
.icon
|
||||||
|
right: 0
|
||||||
|
.input
|
||||||
|
padding-right: 2.25em
|
||||||
|
&.has-icons-left,
|
||||||
|
&.has-icons-right
|
||||||
|
.input,
|
||||||
|
.select
|
||||||
|
&:focus
|
||||||
|
& ~ .icon
|
||||||
|
color: $input-icon-active-color
|
||||||
|
&.is-small ~ .icon
|
||||||
|
font-size: $size-small
|
||||||
|
&.is-medium ~ .icon
|
||||||
|
font-size: $size-medium
|
||||||
|
&.is-large ~ .icon
|
||||||
|
font-size: $size-large
|
||||||
|
.icon
|
||||||
|
color: $input-icon-color
|
||||||
|
height: 2.25em
|
||||||
|
pointer-events: none
|
||||||
|
position: absolute
|
||||||
|
top: 0
|
||||||
|
width: 2.25em
|
||||||
|
z-index: 4
|
||||||
|
&.has-icons-left
|
||||||
|
.input,
|
||||||
|
.select select
|
||||||
|
padding-left: 2.25em
|
||||||
|
.icon.is-left
|
||||||
|
left: 0
|
||||||
|
&.has-icons-right
|
||||||
|
.input,
|
||||||
|
.select select
|
||||||
|
padding-right: 2.25em
|
||||||
|
.icon.is-right
|
||||||
|
right: 0
|
||||||
|
&.is-loading
|
||||||
|
&::after
|
||||||
|
+loader
|
||||||
|
position: absolute !important
|
||||||
|
right: 0.625em
|
||||||
|
top: 0.625em
|
||||||
|
z-index: 4
|
||||||
|
&.is-small:after
|
||||||
|
font-size: $size-small
|
||||||
|
&.is-medium:after
|
||||||
|
font-size: $size-medium
|
||||||
|
&.is-large:after
|
||||||
|
font-size: $size-large
|
||||||
21
site/.vuepress/theme/sass/bulma/sass/elements/icon.sass
Normal file
21
site/.vuepress/theme/sass/bulma/sass/elements/icon.sass
Normal file
@ -0,0 +1,21 @@
|
|||||||
|
$icon-dimensions: 1.5rem !default
|
||||||
|
$icon-dimensions-small: 1rem !default
|
||||||
|
$icon-dimensions-medium: 2rem !default
|
||||||
|
$icon-dimensions-large: 3rem !default
|
||||||
|
|
||||||
|
.icon
|
||||||
|
align-items: center
|
||||||
|
display: inline-flex
|
||||||
|
justify-content: center
|
||||||
|
height: $icon-dimensions
|
||||||
|
width: $icon-dimensions
|
||||||
|
// Sizes
|
||||||
|
&.is-small
|
||||||
|
height: $icon-dimensions-small
|
||||||
|
width: $icon-dimensions-small
|
||||||
|
&.is-medium
|
||||||
|
height: $icon-dimensions-medium
|
||||||
|
width: $icon-dimensions-medium
|
||||||
|
&.is-large
|
||||||
|
height: $icon-dimensions-large
|
||||||
|
width: $icon-dimensions-large
|
||||||
68
site/.vuepress/theme/sass/bulma/sass/elements/image.sass
Normal file
68
site/.vuepress/theme/sass/bulma/sass/elements/image.sass
Normal file
@ -0,0 +1,68 @@
|
|||||||
|
$dimensions: 16 24 32 48 64 96 128 !default
|
||||||
|
|
||||||
|
.image
|
||||||
|
display: block
|
||||||
|
position: relative
|
||||||
|
img
|
||||||
|
display: block
|
||||||
|
height: auto
|
||||||
|
width: 100%
|
||||||
|
&.is-rounded
|
||||||
|
border-radius: $radius-rounded
|
||||||
|
// Ratio
|
||||||
|
&.is-square,
|
||||||
|
&.is-1by1,
|
||||||
|
&.is-5by4,
|
||||||
|
&.is-4by3,
|
||||||
|
&.is-3by2,
|
||||||
|
&.is-5by3,
|
||||||
|
&.is-16by9,
|
||||||
|
&.is-2by1,
|
||||||
|
&.is-3by1,
|
||||||
|
&.is-4by5,
|
||||||
|
&.is-3by4,
|
||||||
|
&.is-2by3,
|
||||||
|
&.is-3by5,
|
||||||
|
&.is-9by16,
|
||||||
|
&.is-1by2,
|
||||||
|
&.is-1by3
|
||||||
|
img
|
||||||
|
+overlay
|
||||||
|
height: 100%
|
||||||
|
width: 100%
|
||||||
|
&.is-square,
|
||||||
|
&.is-1by1
|
||||||
|
padding-top: 100%
|
||||||
|
&.is-5by4
|
||||||
|
padding-top: 80%
|
||||||
|
&.is-4by3
|
||||||
|
padding-top: 75%
|
||||||
|
&.is-3by2
|
||||||
|
padding-top: 66.6666%
|
||||||
|
&.is-5by3
|
||||||
|
padding-top: 60%
|
||||||
|
&.is-16by9
|
||||||
|
padding-top: 56.25%
|
||||||
|
&.is-2by1
|
||||||
|
padding-top: 50%
|
||||||
|
&.is-3by1
|
||||||
|
padding-top: 33.3333%
|
||||||
|
&.is-4by5
|
||||||
|
padding-top: 125%
|
||||||
|
&.is-3by4
|
||||||
|
padding-top: 133.3333%
|
||||||
|
&.is-2by3
|
||||||
|
padding-top: 150%
|
||||||
|
&.is-3by5
|
||||||
|
padding-top: 166.6666%
|
||||||
|
&.is-9by16
|
||||||
|
padding-top: 177.7777%
|
||||||
|
&.is-1by2
|
||||||
|
padding-top: 200%
|
||||||
|
&.is-1by3
|
||||||
|
padding-top: 300%
|
||||||
|
// Sizes
|
||||||
|
@each $dimension in $dimensions
|
||||||
|
&.is-#{$dimension}x#{$dimension}
|
||||||
|
height: $dimension * 1px
|
||||||
|
width: $dimension * 1px
|
||||||
@ -0,0 +1,35 @@
|
|||||||
|
$notification-background-color: $background !default
|
||||||
|
$notification-radius: $radius !default
|
||||||
|
$notification-padding: 1.25rem 2.5rem 1.25rem 1.5rem !default
|
||||||
|
|
||||||
|
.notification
|
||||||
|
+block
|
||||||
|
background-color: $notification-background-color
|
||||||
|
border-radius: $notification-radius
|
||||||
|
padding: $notification-padding
|
||||||
|
position: relative
|
||||||
|
a:not(.button)
|
||||||
|
color: currentColor
|
||||||
|
text-decoration: underline
|
||||||
|
strong
|
||||||
|
color: currentColor
|
||||||
|
code,
|
||||||
|
pre
|
||||||
|
background: $white
|
||||||
|
pre code
|
||||||
|
background: transparent
|
||||||
|
& > .delete
|
||||||
|
position: absolute
|
||||||
|
right: 0.5rem
|
||||||
|
top: 0.5rem
|
||||||
|
.title,
|
||||||
|
.subtitle,
|
||||||
|
.content
|
||||||
|
color: currentColor
|
||||||
|
// Colors
|
||||||
|
@each $name, $pair in $colors
|
||||||
|
$color: nth($pair, 1)
|
||||||
|
$color-invert: nth($pair, 2)
|
||||||
|
&.is-#{$name}
|
||||||
|
background-color: $color
|
||||||
|
color: $color-invert
|
||||||
39
site/.vuepress/theme/sass/bulma/sass/elements/other.sass
Normal file
39
site/.vuepress/theme/sass/bulma/sass/elements/other.sass
Normal file
@ -0,0 +1,39 @@
|
|||||||
|
.block
|
||||||
|
+block
|
||||||
|
|
||||||
|
.delete
|
||||||
|
+delete
|
||||||
|
|
||||||
|
.heading
|
||||||
|
display: block
|
||||||
|
font-size: 11px
|
||||||
|
letter-spacing: 1px
|
||||||
|
margin-bottom: 5px
|
||||||
|
text-transform: uppercase
|
||||||
|
|
||||||
|
.highlight
|
||||||
|
+block
|
||||||
|
font-weight: $weight-normal
|
||||||
|
max-width: 100%
|
||||||
|
overflow: hidden
|
||||||
|
padding: 0
|
||||||
|
pre
|
||||||
|
overflow: auto
|
||||||
|
max-width: 100%
|
||||||
|
|
||||||
|
.loader
|
||||||
|
+loader
|
||||||
|
|
||||||
|
.number
|
||||||
|
align-items: center
|
||||||
|
background-color: $background
|
||||||
|
border-radius: $radius-rounded
|
||||||
|
display: inline-flex
|
||||||
|
font-size: $size-medium
|
||||||
|
height: 2em
|
||||||
|
justify-content: center
|
||||||
|
margin-right: 1.5rem
|
||||||
|
min-width: 2.5em
|
||||||
|
padding: 0.25rem 0.5rem
|
||||||
|
text-align: center
|
||||||
|
vertical-align: top
|
||||||
40
site/.vuepress/theme/sass/bulma/sass/elements/progress.sass
Normal file
40
site/.vuepress/theme/sass/bulma/sass/elements/progress.sass
Normal file
@ -0,0 +1,40 @@
|
|||||||
|
$progress-bar-background-color: $border !default
|
||||||
|
$progress-value-background-color: $text !default
|
||||||
|
|
||||||
|
.progress
|
||||||
|
+block
|
||||||
|
-moz-appearance: none
|
||||||
|
-webkit-appearance: none
|
||||||
|
border: none
|
||||||
|
border-radius: $radius-rounded
|
||||||
|
display: block
|
||||||
|
height: $size-normal
|
||||||
|
overflow: hidden
|
||||||
|
padding: 0
|
||||||
|
width: 100%
|
||||||
|
&::-webkit-progress-bar
|
||||||
|
background-color: $progress-bar-background-color
|
||||||
|
&::-webkit-progress-value
|
||||||
|
background-color: $progress-value-background-color
|
||||||
|
&::-moz-progress-bar
|
||||||
|
background-color: $progress-value-background-color
|
||||||
|
&::-ms-fill
|
||||||
|
background-color: $progress-value-background-color
|
||||||
|
border: none
|
||||||
|
// Colors
|
||||||
|
@each $name, $pair in $colors
|
||||||
|
$color: nth($pair, 1)
|
||||||
|
&.is-#{$name}
|
||||||
|
&::-webkit-progress-value
|
||||||
|
background-color: $color
|
||||||
|
&::-moz-progress-bar
|
||||||
|
background-color: $color
|
||||||
|
&::-ms-fill
|
||||||
|
background-color: $color
|
||||||
|
// Sizes
|
||||||
|
&.is-small
|
||||||
|
height: $size-small
|
||||||
|
&.is-medium
|
||||||
|
height: $size-medium
|
||||||
|
&.is-large
|
||||||
|
height: $size-large
|
||||||
117
site/.vuepress/theme/sass/bulma/sass/elements/table.sass
Normal file
117
site/.vuepress/theme/sass/bulma/sass/elements/table.sass
Normal file
@ -0,0 +1,117 @@
|
|||||||
|
$table-color: $grey-darker !default
|
||||||
|
$table-background-color: $white !default
|
||||||
|
|
||||||
|
$table-cell-border: 1px solid $grey-lighter !default
|
||||||
|
$table-cell-border-width: 0 0 1px !default
|
||||||
|
$table-cell-padding: 0.5em 0.75em !default
|
||||||
|
$table-cell-heading-color: $text-strong !default
|
||||||
|
|
||||||
|
$table-head-cell-border-width: 0 0 2px !default
|
||||||
|
$table-head-cell-color: $text-strong !default
|
||||||
|
$table-foot-cell-border-width: 2px 0 0 !default
|
||||||
|
$table-foot-cell-color: $text-strong !default
|
||||||
|
|
||||||
|
$table-row-hover-background-color: $white-bis !default
|
||||||
|
|
||||||
|
$table-row-active-background-color: $primary !default
|
||||||
|
$table-row-active-color: $primary-invert !default
|
||||||
|
|
||||||
|
$table-striped-row-even-background-color: $white-bis !default
|
||||||
|
$table-striped-row-even-hover-background-color: $white-ter !default
|
||||||
|
|
||||||
|
.table
|
||||||
|
+block
|
||||||
|
background-color: $table-background-color
|
||||||
|
color: $table-color
|
||||||
|
td,
|
||||||
|
th
|
||||||
|
border: $table-cell-border
|
||||||
|
border-width: $table-cell-border-width
|
||||||
|
padding: $table-cell-padding
|
||||||
|
vertical-align: top
|
||||||
|
// Colors
|
||||||
|
@each $name, $pair in $colors
|
||||||
|
$color: nth($pair, 1)
|
||||||
|
$color-invert: nth($pair, 2)
|
||||||
|
&.is-#{$name}
|
||||||
|
background-color: $color
|
||||||
|
border-color: $color
|
||||||
|
color: $color-invert
|
||||||
|
// Modifiers
|
||||||
|
&.is-narrow
|
||||||
|
white-space: nowrap
|
||||||
|
width: 1%
|
||||||
|
&.is-selected
|
||||||
|
background-color: $table-row-active-background-color
|
||||||
|
color: $table-row-active-color
|
||||||
|
a,
|
||||||
|
strong
|
||||||
|
color: currentColor
|
||||||
|
th
|
||||||
|
color: $table-cell-heading-color
|
||||||
|
text-align: left
|
||||||
|
tr
|
||||||
|
&.is-selected
|
||||||
|
background-color: $table-row-active-background-color
|
||||||
|
color: $table-row-active-color
|
||||||
|
a,
|
||||||
|
strong
|
||||||
|
color: currentColor
|
||||||
|
td,
|
||||||
|
th
|
||||||
|
border-color: $table-row-active-color
|
||||||
|
color: currentColor
|
||||||
|
thead
|
||||||
|
td,
|
||||||
|
th
|
||||||
|
border-width: $table-head-cell-border-width
|
||||||
|
color: $table-head-cell-color
|
||||||
|
tfoot
|
||||||
|
td,
|
||||||
|
th
|
||||||
|
border-width: $table-foot-cell-border-width
|
||||||
|
color: $table-foot-cell-color
|
||||||
|
tbody
|
||||||
|
tr
|
||||||
|
&:last-child
|
||||||
|
td,
|
||||||
|
th
|
||||||
|
border-bottom-width: 0
|
||||||
|
// Modifiers
|
||||||
|
&.is-bordered
|
||||||
|
td,
|
||||||
|
th
|
||||||
|
border-width: 1px
|
||||||
|
tr
|
||||||
|
&:last-child
|
||||||
|
td,
|
||||||
|
th
|
||||||
|
border-bottom-width: 1px
|
||||||
|
&.is-fullwidth
|
||||||
|
width: 100%
|
||||||
|
&.is-hoverable
|
||||||
|
tbody
|
||||||
|
tr:not(.is-selected)
|
||||||
|
&:hover
|
||||||
|
background-color: $table-row-hover-background-color
|
||||||
|
&.is-striped
|
||||||
|
tbody
|
||||||
|
tr:not(.is-selected)
|
||||||
|
&:hover
|
||||||
|
background-color: $table-striped-row-even-hover-background-color
|
||||||
|
&.is-narrow
|
||||||
|
td,
|
||||||
|
th
|
||||||
|
padding: 0.25em 0.5em
|
||||||
|
&.is-striped
|
||||||
|
tbody
|
||||||
|
tr:not(.is-selected)
|
||||||
|
&:nth-child(even)
|
||||||
|
background-color: $table-striped-row-even-background-color
|
||||||
|
|
||||||
|
.table-container
|
||||||
|
+block
|
||||||
|
+overflow-touch
|
||||||
|
overflow: auto
|
||||||
|
overflow-y: hidden
|
||||||
|
max-width: 100%
|
||||||
111
site/.vuepress/theme/sass/bulma/sass/elements/tag.sass
Normal file
111
site/.vuepress/theme/sass/bulma/sass/elements/tag.sass
Normal file
@ -0,0 +1,111 @@
|
|||||||
|
$tag-background-color: $background !default
|
||||||
|
$tag-color: $text !default
|
||||||
|
$tag-radius: $radius !default
|
||||||
|
$tag-delete-margin: 1px !default
|
||||||
|
|
||||||
|
.tags
|
||||||
|
align-items: center
|
||||||
|
display: flex
|
||||||
|
flex-wrap: wrap
|
||||||
|
justify-content: flex-start
|
||||||
|
.tag
|
||||||
|
margin-bottom: 0.5rem
|
||||||
|
&:not(:last-child)
|
||||||
|
margin-right: 0.5rem
|
||||||
|
&:last-child
|
||||||
|
margin-bottom: -0.5rem
|
||||||
|
&:not(:last-child)
|
||||||
|
margin-bottom: 1rem
|
||||||
|
&.has-addons
|
||||||
|
.tag
|
||||||
|
margin-right: 0
|
||||||
|
&:not(:first-child)
|
||||||
|
border-bottom-left-radius: 0
|
||||||
|
border-top-left-radius: 0
|
||||||
|
&:not(:last-child)
|
||||||
|
border-bottom-right-radius: 0
|
||||||
|
border-top-right-radius: 0
|
||||||
|
&.is-centered
|
||||||
|
justify-content: center
|
||||||
|
.tag
|
||||||
|
margin-right: 0.25rem
|
||||||
|
margin-left: 0.25rem
|
||||||
|
&.is-right
|
||||||
|
justify-content: flex-end
|
||||||
|
.tag
|
||||||
|
&:not(:first-child)
|
||||||
|
margin-left: 0.5rem
|
||||||
|
&:not(:last-child)
|
||||||
|
margin-right: 0
|
||||||
|
|
||||||
|
.tag:not(body)
|
||||||
|
align-items: center
|
||||||
|
background-color: $tag-background-color
|
||||||
|
border-radius: $tag-radius
|
||||||
|
color: $tag-color
|
||||||
|
display: inline-flex
|
||||||
|
font-size: $size-small
|
||||||
|
height: 2em
|
||||||
|
justify-content: center
|
||||||
|
line-height: 1.5
|
||||||
|
padding-left: 0.75em
|
||||||
|
padding-right: 0.75em
|
||||||
|
white-space: nowrap
|
||||||
|
.delete
|
||||||
|
margin-left: 0.25rem
|
||||||
|
margin-right: -0.375rem
|
||||||
|
// Colors
|
||||||
|
@each $name, $pair in $colors
|
||||||
|
$color: nth($pair, 1)
|
||||||
|
$color-invert: nth($pair, 2)
|
||||||
|
&.is-#{$name}
|
||||||
|
background-color: $color
|
||||||
|
color: $color-invert
|
||||||
|
// Sizes
|
||||||
|
&.is-medium
|
||||||
|
font-size: $size-normal
|
||||||
|
&.is-large
|
||||||
|
font-size: $size-medium
|
||||||
|
.icon
|
||||||
|
&:first-child:not(:last-child)
|
||||||
|
margin-left: -0.375em
|
||||||
|
margin-right: 0.1875em
|
||||||
|
&:last-child:not(:first-child)
|
||||||
|
margin-left: 0.1875em
|
||||||
|
margin-right: -0.375em
|
||||||
|
&:first-child:last-child
|
||||||
|
margin-left: -0.375em
|
||||||
|
margin-right: -0.375em
|
||||||
|
// Modifiers
|
||||||
|
&.is-delete
|
||||||
|
margin-left: $tag-delete-margin
|
||||||
|
padding: 0
|
||||||
|
position: relative
|
||||||
|
width: 2em
|
||||||
|
&::before,
|
||||||
|
&::after
|
||||||
|
background-color: currentColor
|
||||||
|
content: ""
|
||||||
|
display: block
|
||||||
|
left: 50%
|
||||||
|
position: absolute
|
||||||
|
top: 50%
|
||||||
|
transform: translateX(-50%) translateY(-50%) rotate(45deg)
|
||||||
|
transform-origin: center center
|
||||||
|
&::before
|
||||||
|
height: 1px
|
||||||
|
width: 50%
|
||||||
|
&::after
|
||||||
|
height: 50%
|
||||||
|
width: 1px
|
||||||
|
&:hover,
|
||||||
|
&:focus
|
||||||
|
background-color: darken($tag-background-color, 5%)
|
||||||
|
&:active
|
||||||
|
background-color: darken($tag-background-color, 10%)
|
||||||
|
&.is-rounded
|
||||||
|
border-radius: $radius-rounded
|
||||||
|
|
||||||
|
a.tag
|
||||||
|
&:hover
|
||||||
|
text-decoration: underline
|
||||||
64
site/.vuepress/theme/sass/bulma/sass/elements/title.sass
Normal file
64
site/.vuepress/theme/sass/bulma/sass/elements/title.sass
Normal file
@ -0,0 +1,64 @@
|
|||||||
|
$title-color: $grey-darker !default
|
||||||
|
$title-size: $size-3 !default
|
||||||
|
$title-weight: $weight-semibold !default
|
||||||
|
$title-line-height: 1.125 !default
|
||||||
|
$title-strong-color: inherit !default
|
||||||
|
$title-strong-weight: inherit !default
|
||||||
|
$title-sub-size: 0.75em !default
|
||||||
|
$title-sup-size: 0.75em !default
|
||||||
|
|
||||||
|
$subtitle-color: $grey-dark !default
|
||||||
|
$subtitle-size: $size-5 !default
|
||||||
|
$subtitle-weight: $weight-normal !default
|
||||||
|
$subtitle-line-height: 1.25 !default
|
||||||
|
$subtitle-strong-color: $grey-darker !default
|
||||||
|
$subtitle-strong-weight: $weight-semibold !default
|
||||||
|
$subtitle-negative-margin: -1.25rem !default
|
||||||
|
|
||||||
|
.title,
|
||||||
|
.subtitle
|
||||||
|
+block
|
||||||
|
word-break: break-word
|
||||||
|
em,
|
||||||
|
span
|
||||||
|
font-weight: inherit
|
||||||
|
sub
|
||||||
|
font-size: $title-sub-size
|
||||||
|
sup
|
||||||
|
font-size: $title-sup-size
|
||||||
|
.tag
|
||||||
|
vertical-align: middle
|
||||||
|
|
||||||
|
.title
|
||||||
|
color: $title-color
|
||||||
|
font-size: $title-size
|
||||||
|
font-weight: $title-weight
|
||||||
|
line-height: $title-line-height
|
||||||
|
strong
|
||||||
|
color: $title-strong-color
|
||||||
|
font-weight: $title-strong-weight
|
||||||
|
& + .highlight
|
||||||
|
margin-top: -0.75rem
|
||||||
|
&:not(.is-spaced) + .subtitle
|
||||||
|
margin-top: $subtitle-negative-margin
|
||||||
|
// Sizes
|
||||||
|
@each $size in $sizes
|
||||||
|
$i: index($sizes, $size)
|
||||||
|
&.is-#{$i}
|
||||||
|
font-size: $size
|
||||||
|
|
||||||
|
.subtitle
|
||||||
|
color: $subtitle-color
|
||||||
|
font-size: $subtitle-size
|
||||||
|
font-weight: $subtitle-weight
|
||||||
|
line-height: $subtitle-line-height
|
||||||
|
strong
|
||||||
|
color: $subtitle-strong-color
|
||||||
|
font-weight: $subtitle-strong-weight
|
||||||
|
&:not(.is-spaced) + .title
|
||||||
|
margin-top: $subtitle-negative-margin
|
||||||
|
// Sizes
|
||||||
|
@each $size in $sizes
|
||||||
|
$i: index($sizes, $size)
|
||||||
|
&.is-#{$i}
|
||||||
|
font-size: $size
|
||||||
4
site/.vuepress/theme/sass/bulma/sass/grid/_all.sass
Normal file
4
site/.vuepress/theme/sass/bulma/sass/grid/_all.sass
Normal file
@ -0,0 +1,4 @@
|
|||||||
|
@charset "utf-8"
|
||||||
|
|
||||||
|
@import "columns.sass"
|
||||||
|
@import "tiles.sass"
|
||||||
477
site/.vuepress/theme/sass/bulma/sass/grid/columns.sass
Normal file
477
site/.vuepress/theme/sass/bulma/sass/grid/columns.sass
Normal file
@ -0,0 +1,477 @@
|
|||||||
|
$column-gap: 0.75rem !default
|
||||||
|
|
||||||
|
.column
|
||||||
|
display: block
|
||||||
|
flex-basis: 0
|
||||||
|
flex-grow: 1
|
||||||
|
flex-shrink: 1
|
||||||
|
padding: $column-gap
|
||||||
|
.columns.is-mobile > &.is-narrow
|
||||||
|
flex: none
|
||||||
|
.columns.is-mobile > &.is-full
|
||||||
|
flex: none
|
||||||
|
width: 100%
|
||||||
|
.columns.is-mobile > &.is-three-quarters
|
||||||
|
flex: none
|
||||||
|
width: 75%
|
||||||
|
.columns.is-mobile > &.is-two-thirds
|
||||||
|
flex: none
|
||||||
|
width: 66.6666%
|
||||||
|
.columns.is-mobile > &.is-half
|
||||||
|
flex: none
|
||||||
|
width: 50%
|
||||||
|
.columns.is-mobile > &.is-one-third
|
||||||
|
flex: none
|
||||||
|
width: 33.3333%
|
||||||
|
.columns.is-mobile > &.is-one-quarter
|
||||||
|
flex: none
|
||||||
|
width: 25%
|
||||||
|
.columns.is-mobile > &.is-one-fifth
|
||||||
|
flex: none
|
||||||
|
width: 20%
|
||||||
|
.columns.is-mobile > &.is-two-fifths
|
||||||
|
flex: none
|
||||||
|
width: 40%
|
||||||
|
.columns.is-mobile > &.is-three-fifths
|
||||||
|
flex: none
|
||||||
|
width: 60%
|
||||||
|
.columns.is-mobile > &.is-four-fifths
|
||||||
|
flex: none
|
||||||
|
width: 80%
|
||||||
|
.columns.is-mobile > &.is-offset-three-quarters
|
||||||
|
margin-left: 75%
|
||||||
|
.columns.is-mobile > &.is-offset-two-thirds
|
||||||
|
margin-left: 66.6666%
|
||||||
|
.columns.is-mobile > &.is-offset-half
|
||||||
|
margin-left: 50%
|
||||||
|
.columns.is-mobile > &.is-offset-one-third
|
||||||
|
margin-left: 33.3333%
|
||||||
|
.columns.is-mobile > &.is-offset-one-quarter
|
||||||
|
margin-left: 25%
|
||||||
|
.columns.is-mobile > &.is-offset-one-fifth
|
||||||
|
margin-left: 20%
|
||||||
|
.columns.is-mobile > &.is-offset-two-fifths
|
||||||
|
margin-left: 40%
|
||||||
|
.columns.is-mobile > &.is-offset-three-fifths
|
||||||
|
margin-left: 60%
|
||||||
|
.columns.is-mobile > &.is-offset-four-fifths
|
||||||
|
margin-left: 80%
|
||||||
|
@for $i from 1 through 12
|
||||||
|
.columns.is-mobile > &.is-#{$i}
|
||||||
|
flex: none
|
||||||
|
width: percentage($i / 12)
|
||||||
|
.columns.is-mobile > &.is-offset-#{$i}
|
||||||
|
margin-left: percentage($i / 12)
|
||||||
|
+mobile
|
||||||
|
&.is-narrow-mobile
|
||||||
|
flex: none
|
||||||
|
&.is-full-mobile
|
||||||
|
flex: none
|
||||||
|
width: 100%
|
||||||
|
&.is-three-quarters-mobile
|
||||||
|
flex: none
|
||||||
|
width: 75%
|
||||||
|
&.is-two-thirds-mobile
|
||||||
|
flex: none
|
||||||
|
width: 66.6666%
|
||||||
|
&.is-half-mobile
|
||||||
|
flex: none
|
||||||
|
width: 50%
|
||||||
|
&.is-one-third-mobile
|
||||||
|
flex: none
|
||||||
|
width: 33.3333%
|
||||||
|
&.is-one-quarter-mobile
|
||||||
|
flex: none
|
||||||
|
width: 25%
|
||||||
|
&.is-one-fifth-mobile
|
||||||
|
flex: none
|
||||||
|
width: 20%
|
||||||
|
&.is-two-fifths-mobile
|
||||||
|
flex: none
|
||||||
|
width: 40%
|
||||||
|
&.is-three-fifths-mobile
|
||||||
|
flex: none
|
||||||
|
width: 60%
|
||||||
|
&.is-four-fifths-mobile
|
||||||
|
flex: none
|
||||||
|
width: 80%
|
||||||
|
&.is-offset-three-quarters-mobile
|
||||||
|
margin-left: 75%
|
||||||
|
&.is-offset-two-thirds-mobile
|
||||||
|
margin-left: 66.6666%
|
||||||
|
&.is-offset-half-mobile
|
||||||
|
margin-left: 50%
|
||||||
|
&.is-offset-one-third-mobile
|
||||||
|
margin-left: 33.3333%
|
||||||
|
&.is-offset-one-quarter-mobile
|
||||||
|
margin-left: 25%
|
||||||
|
&.is-offset-one-fifth-mobile
|
||||||
|
margin-left: 20%
|
||||||
|
&.is-offset-two-fifths-mobile
|
||||||
|
margin-left: 40%
|
||||||
|
&.is-offset-three-fifths-mobile
|
||||||
|
margin-left: 60%
|
||||||
|
&.is-offset-four-fifths-mobile
|
||||||
|
margin-left: 80%
|
||||||
|
@for $i from 1 through 12
|
||||||
|
&.is-#{$i}-mobile
|
||||||
|
flex: none
|
||||||
|
width: percentage($i / 12)
|
||||||
|
&.is-offset-#{$i}-mobile
|
||||||
|
margin-left: percentage($i / 12)
|
||||||
|
+tablet
|
||||||
|
&.is-narrow,
|
||||||
|
&.is-narrow-tablet
|
||||||
|
flex: none
|
||||||
|
&.is-full,
|
||||||
|
&.is-full-tablet
|
||||||
|
flex: none
|
||||||
|
width: 100%
|
||||||
|
&.is-three-quarters,
|
||||||
|
&.is-three-quarters-tablet
|
||||||
|
flex: none
|
||||||
|
width: 75%
|
||||||
|
&.is-two-thirds,
|
||||||
|
&.is-two-thirds-tablet
|
||||||
|
flex: none
|
||||||
|
width: 66.6666%
|
||||||
|
&.is-half,
|
||||||
|
&.is-half-tablet
|
||||||
|
flex: none
|
||||||
|
width: 50%
|
||||||
|
&.is-one-third,
|
||||||
|
&.is-one-third-tablet
|
||||||
|
flex: none
|
||||||
|
width: 33.3333%
|
||||||
|
&.is-one-quarter,
|
||||||
|
&.is-one-quarter-tablet
|
||||||
|
flex: none
|
||||||
|
width: 25%
|
||||||
|
&.is-one-fifth,
|
||||||
|
&.is-one-fifth-tablet
|
||||||
|
flex: none
|
||||||
|
width: 20%
|
||||||
|
&.is-two-fifths,
|
||||||
|
&.is-two-fifths-tablet
|
||||||
|
flex: none
|
||||||
|
width: 40%
|
||||||
|
&.is-three-fifths,
|
||||||
|
&.is-three-fifths-tablet
|
||||||
|
flex: none
|
||||||
|
width: 60%
|
||||||
|
&.is-four-fifths,
|
||||||
|
&.is-four-fifths-tablet
|
||||||
|
flex: none
|
||||||
|
width: 80%
|
||||||
|
&.is-offset-three-quarters,
|
||||||
|
&.is-offset-three-quarters-tablet
|
||||||
|
margin-left: 75%
|
||||||
|
&.is-offset-two-thirds,
|
||||||
|
&.is-offset-two-thirds-tablet
|
||||||
|
margin-left: 66.6666%
|
||||||
|
&.is-offset-half,
|
||||||
|
&.is-offset-half-tablet
|
||||||
|
margin-left: 50%
|
||||||
|
&.is-offset-one-third,
|
||||||
|
&.is-offset-one-third-tablet
|
||||||
|
margin-left: 33.3333%
|
||||||
|
&.is-offset-one-quarter,
|
||||||
|
&.is-offset-one-quarter-tablet
|
||||||
|
margin-left: 25%
|
||||||
|
&.is-offset-one-fifth,
|
||||||
|
&.is-offset-one-fifth-tablet
|
||||||
|
margin-left: 20%
|
||||||
|
&.is-offset-two-fifths,
|
||||||
|
&.is-offset-two-fifths-tablet
|
||||||
|
margin-left: 40%
|
||||||
|
&.is-offset-three-fifths,
|
||||||
|
&.is-offset-three-fifths-tablet
|
||||||
|
margin-left: 60%
|
||||||
|
&.is-offset-four-fifths,
|
||||||
|
&.is-offset-four-fifths-tablet
|
||||||
|
margin-left: 80%
|
||||||
|
@for $i from 1 through 12
|
||||||
|
&.is-#{$i},
|
||||||
|
&.is-#{$i}-tablet
|
||||||
|
flex: none
|
||||||
|
width: percentage($i / 12)
|
||||||
|
&.is-offset-#{$i},
|
||||||
|
&.is-offset-#{$i}-tablet
|
||||||
|
margin-left: percentage($i / 12)
|
||||||
|
+touch
|
||||||
|
&.is-narrow-touch
|
||||||
|
flex: none
|
||||||
|
&.is-full-touch
|
||||||
|
flex: none
|
||||||
|
width: 100%
|
||||||
|
&.is-three-quarters-touch
|
||||||
|
flex: none
|
||||||
|
width: 75%
|
||||||
|
&.is-two-thirds-touch
|
||||||
|
flex: none
|
||||||
|
width: 66.6666%
|
||||||
|
&.is-half-touch
|
||||||
|
flex: none
|
||||||
|
width: 50%
|
||||||
|
&.is-one-third-touch
|
||||||
|
flex: none
|
||||||
|
width: 33.3333%
|
||||||
|
&.is-one-quarter-touch
|
||||||
|
flex: none
|
||||||
|
width: 25%
|
||||||
|
&.is-one-fifth-touch
|
||||||
|
flex: none
|
||||||
|
width: 20%
|
||||||
|
&.is-two-fifths-touch
|
||||||
|
flex: none
|
||||||
|
width: 40%
|
||||||
|
&.is-three-fifths-touch
|
||||||
|
flex: none
|
||||||
|
width: 60%
|
||||||
|
&.is-four-fifths-touch
|
||||||
|
flex: none
|
||||||
|
width: 80%
|
||||||
|
&.is-offset-three-quarters-touch
|
||||||
|
margin-left: 75%
|
||||||
|
&.is-offset-two-thirds-touch
|
||||||
|
margin-left: 66.6666%
|
||||||
|
&.is-offset-half-touch
|
||||||
|
margin-left: 50%
|
||||||
|
&.is-offset-one-third-touch
|
||||||
|
margin-left: 33.3333%
|
||||||
|
&.is-offset-one-quarter-touch
|
||||||
|
margin-left: 25%
|
||||||
|
&.is-offset-one-fifth-touch
|
||||||
|
margin-left: 20%
|
||||||
|
&.is-offset-two-fifths-touch
|
||||||
|
margin-left: 40%
|
||||||
|
&.is-offset-three-fifths-touch
|
||||||
|
margin-left: 60%
|
||||||
|
&.is-offset-four-fifths-touch
|
||||||
|
margin-left: 80%
|
||||||
|
@for $i from 1 through 12
|
||||||
|
&.is-#{$i}-touch
|
||||||
|
flex: none
|
||||||
|
width: percentage($i / 12)
|
||||||
|
&.is-offset-#{$i}-touch
|
||||||
|
margin-left: percentage($i / 12)
|
||||||
|
+desktop
|
||||||
|
&.is-narrow-desktop
|
||||||
|
flex: none
|
||||||
|
&.is-full-desktop
|
||||||
|
flex: none
|
||||||
|
width: 100%
|
||||||
|
&.is-three-quarters-desktop
|
||||||
|
flex: none
|
||||||
|
width: 75%
|
||||||
|
&.is-two-thirds-desktop
|
||||||
|
flex: none
|
||||||
|
width: 66.6666%
|
||||||
|
&.is-half-desktop
|
||||||
|
flex: none
|
||||||
|
width: 50%
|
||||||
|
&.is-one-third-desktop
|
||||||
|
flex: none
|
||||||
|
width: 33.3333%
|
||||||
|
&.is-one-quarter-desktop
|
||||||
|
flex: none
|
||||||
|
width: 25%
|
||||||
|
&.is-one-fifth-desktop
|
||||||
|
flex: none
|
||||||
|
width: 20%
|
||||||
|
&.is-two-fifths-desktop
|
||||||
|
flex: none
|
||||||
|
width: 40%
|
||||||
|
&.is-three-fifths-desktop
|
||||||
|
flex: none
|
||||||
|
width: 60%
|
||||||
|
&.is-four-fifths-desktop
|
||||||
|
flex: none
|
||||||
|
width: 80%
|
||||||
|
&.is-offset-three-quarters-desktop
|
||||||
|
margin-left: 75%
|
||||||
|
&.is-offset-two-thirds-desktop
|
||||||
|
margin-left: 66.6666%
|
||||||
|
&.is-offset-half-desktop
|
||||||
|
margin-left: 50%
|
||||||
|
&.is-offset-one-third-desktop
|
||||||
|
margin-left: 33.3333%
|
||||||
|
&.is-offset-one-quarter-desktop
|
||||||
|
margin-left: 25%
|
||||||
|
&.is-offset-one-fifth-desktop
|
||||||
|
margin-left: 20%
|
||||||
|
&.is-offset-two-fifths-desktop
|
||||||
|
margin-left: 40%
|
||||||
|
&.is-offset-three-fifths-desktop
|
||||||
|
margin-left: 60%
|
||||||
|
&.is-offset-four-fifths-desktop
|
||||||
|
margin-left: 80%
|
||||||
|
@for $i from 1 through 12
|
||||||
|
&.is-#{$i}-desktop
|
||||||
|
flex: none
|
||||||
|
width: percentage($i / 12)
|
||||||
|
&.is-offset-#{$i}-desktop
|
||||||
|
margin-left: percentage($i / 12)
|
||||||
|
+widescreen
|
||||||
|
&.is-narrow-widescreen
|
||||||
|
flex: none
|
||||||
|
&.is-full-widescreen
|
||||||
|
flex: none
|
||||||
|
width: 100%
|
||||||
|
&.is-three-quarters-widescreen
|
||||||
|
flex: none
|
||||||
|
width: 75%
|
||||||
|
&.is-two-thirds-widescreen
|
||||||
|
flex: none
|
||||||
|
width: 66.6666%
|
||||||
|
&.is-half-widescreen
|
||||||
|
flex: none
|
||||||
|
width: 50%
|
||||||
|
&.is-one-third-widescreen
|
||||||
|
flex: none
|
||||||
|
width: 33.3333%
|
||||||
|
&.is-one-quarter-widescreen
|
||||||
|
flex: none
|
||||||
|
width: 25%
|
||||||
|
&.is-one-fifth-widescreen
|
||||||
|
flex: none
|
||||||
|
width: 20%
|
||||||
|
&.is-two-fifths-widescreen
|
||||||
|
flex: none
|
||||||
|
width: 40%
|
||||||
|
&.is-three-fifths-widescreen
|
||||||
|
flex: none
|
||||||
|
width: 60%
|
||||||
|
&.is-four-fifths-widescreen
|
||||||
|
flex: none
|
||||||
|
width: 80%
|
||||||
|
&.is-offset-three-quarters-widescreen
|
||||||
|
margin-left: 75%
|
||||||
|
&.is-offset-two-thirds-widescreen
|
||||||
|
margin-left: 66.6666%
|
||||||
|
&.is-offset-half-widescreen
|
||||||
|
margin-left: 50%
|
||||||
|
&.is-offset-one-third-widescreen
|
||||||
|
margin-left: 33.3333%
|
||||||
|
&.is-offset-one-quarter-widescreen
|
||||||
|
margin-left: 25%
|
||||||
|
&.is-offset-one-fifth-widescreen
|
||||||
|
margin-left: 20%
|
||||||
|
&.is-offset-two-fifths-widescreen
|
||||||
|
margin-left: 40%
|
||||||
|
&.is-offset-three-fifths-widescreen
|
||||||
|
margin-left: 60%
|
||||||
|
&.is-offset-four-fifths-widescreen
|
||||||
|
margin-left: 80%
|
||||||
|
@for $i from 1 through 12
|
||||||
|
&.is-#{$i}-widescreen
|
||||||
|
flex: none
|
||||||
|
width: percentage($i / 12)
|
||||||
|
&.is-offset-#{$i}-widescreen
|
||||||
|
margin-left: percentage($i / 12)
|
||||||
|
+fullhd
|
||||||
|
&.is-narrow-fullhd
|
||||||
|
flex: none
|
||||||
|
&.is-full-fullhd
|
||||||
|
flex: none
|
||||||
|
width: 100%
|
||||||
|
&.is-three-quarters-fullhd
|
||||||
|
flex: none
|
||||||
|
width: 75%
|
||||||
|
&.is-two-thirds-fullhd
|
||||||
|
flex: none
|
||||||
|
width: 66.6666%
|
||||||
|
&.is-half-fullhd
|
||||||
|
flex: none
|
||||||
|
width: 50%
|
||||||
|
&.is-one-third-fullhd
|
||||||
|
flex: none
|
||||||
|
width: 33.3333%
|
||||||
|
&.is-one-quarter-fullhd
|
||||||
|
flex: none
|
||||||
|
width: 25%
|
||||||
|
&.is-one-fifth-fullhd
|
||||||
|
flex: none
|
||||||
|
width: 20%
|
||||||
|
&.is-two-fifths-fullhd
|
||||||
|
flex: none
|
||||||
|
width: 40%
|
||||||
|
&.is-three-fifths-fullhd
|
||||||
|
flex: none
|
||||||
|
width: 60%
|
||||||
|
&.is-four-fifths-fullhd
|
||||||
|
flex: none
|
||||||
|
width: 80%
|
||||||
|
&.is-offset-three-quarters-fullhd
|
||||||
|
margin-left: 75%
|
||||||
|
&.is-offset-two-thirds-fullhd
|
||||||
|
margin-left: 66.6666%
|
||||||
|
&.is-offset-half-fullhd
|
||||||
|
margin-left: 50%
|
||||||
|
&.is-offset-one-third-fullhd
|
||||||
|
margin-left: 33.3333%
|
||||||
|
&.is-offset-one-quarter-fullhd
|
||||||
|
margin-left: 25%
|
||||||
|
&.is-offset-one-fifth-fullhd
|
||||||
|
margin-left: 20%
|
||||||
|
&.is-offset-two-fifths-fullhd
|
||||||
|
margin-left: 40%
|
||||||
|
&.is-offset-three-fifths-fullhd
|
||||||
|
margin-left: 60%
|
||||||
|
&.is-offset-four-fifths-fullhd
|
||||||
|
margin-left: 80%
|
||||||
|
@for $i from 1 through 12
|
||||||
|
&.is-#{$i}-fullhd
|
||||||
|
flex: none
|
||||||
|
width: percentage($i / 12)
|
||||||
|
&.is-offset-#{$i}-fullhd
|
||||||
|
margin-left: percentage($i / 12)
|
||||||
|
|
||||||
|
.columns
|
||||||
|
margin-left: (-$column-gap)
|
||||||
|
margin-right: (-$column-gap)
|
||||||
|
margin-top: (-$column-gap)
|
||||||
|
&:last-child
|
||||||
|
margin-bottom: (-$column-gap)
|
||||||
|
&:not(:last-child)
|
||||||
|
margin-bottom: calc(1.5rem - #{$column-gap})
|
||||||
|
// Modifiers
|
||||||
|
&.is-centered
|
||||||
|
justify-content: center
|
||||||
|
&.is-gapless
|
||||||
|
margin-left: 0
|
||||||
|
margin-right: 0
|
||||||
|
margin-top: 0
|
||||||
|
& > .column
|
||||||
|
margin: 0
|
||||||
|
padding: 0 !important
|
||||||
|
&:not(:last-child)
|
||||||
|
margin-bottom: 1.5rem
|
||||||
|
&:last-child
|
||||||
|
margin-bottom: 0
|
||||||
|
&.is-mobile
|
||||||
|
display: flex
|
||||||
|
&.is-multiline
|
||||||
|
flex-wrap: wrap
|
||||||
|
&.is-vcentered
|
||||||
|
align-items: center
|
||||||
|
// Responsiveness
|
||||||
|
+tablet
|
||||||
|
&:not(.is-desktop)
|
||||||
|
display: flex
|
||||||
|
+desktop
|
||||||
|
// Modifiers
|
||||||
|
&.is-desktop
|
||||||
|
display: flex
|
||||||
|
|
||||||
|
@if $variable-columns
|
||||||
|
.columns.is-variable
|
||||||
|
--columnGap: 0.75rem
|
||||||
|
margin-left: calc(-1 * var(--columnGap))
|
||||||
|
margin-right: calc(-1 * var(--columnGap))
|
||||||
|
.column
|
||||||
|
padding-left: var(--columnGap)
|
||||||
|
padding-right: var(--columnGap)
|
||||||
|
@for $i from 0 through 8
|
||||||
|
&.is-#{$i}
|
||||||
|
--columnGap: #{$i * 0.25rem}
|
||||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue
Block a user