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