Commit c44511ab authored by Ken Hawkins's avatar Ken Hawkins
Browse files

Adds. displays additional EMBL components

parent c8d48a29
......@@ -47,25 +47,25 @@ html, button {
/* All Visual Framework Elements */
@import 'vf-badge/vf-badge.scss';
// @import 'vf-link/vf-link.scss';
// @import 'vf-link/vf-link--primary.scss';
// @import 'vf-link/vf-link--secondary.scss';
// @import 'vf-link/vf-link--disabled.scss';
@import 'vf-link/vf-link.scss';
@import 'vf-link/vf-link--primary.scss';
@import 'vf-link/vf-link--secondary.scss';
@import 'vf-link/vf-link--disabled.scss';
@import 'vf-logo/vf-logo.scss';
@import 'embl-logo/embl-logo.scss';
// @import 'vf-form__core/vf-form__core.scss';
// @import 'vf-button/vf-button.scss';
// @import 'vf-figure/vf-figure.scss';
// @import 'vf-list/vf-list.scss';
@import 'vf-list/vf-list.scss';
// @import 'vf-blockquote/vf-blockquote.scss';
@import 'vf-divider/vf-divider.scss';
@import 'embl-conditional-edit/embl-conditional-edit.scss';
/* All Visual Framework Blocks */
// @import 'vf-box/vf-box.scss';
// @import 'vf-box/vf-box--inlay.scss';
// @import 'vf-box/vf-box--factoid.scss';
@import 'vf-box/vf-box.scss';
@import 'vf-box/vf-box--inlay.scss';
@import 'vf-box/vf-box--factoid.scss';
// @import 'vf-breadcrumbs/vf-breadcrumbs.scss';
// @import 'vf-breadcrumbs/vf-breadcrumbs--with-related.scss';
......@@ -79,13 +79,13 @@ html, button {
// @import 'vf-lede/vf-lede.scss';
// @import 'vf-masthead/vf-masthead.scss';
// @import 'vf-masthead/vf-masthead--supports.scss';
@import 'vf-masthead/vf-masthead.scss';
@import 'vf-masthead/vf-masthead--supports.scss';
// @import 'vf-navigation/vf-navigation.scss';
// @import 'vf-navigation/vf-navigation--global.scss';
// @import 'vf-navigation/vf-navigation--main.scss';
// @import 'vf-navigation/vf-navigation--additional.scss';
@import 'vf-navigation/vf-navigation.scss';
@import 'vf-navigation/vf-navigation--global.scss';
@import 'vf-navigation/vf-navigation--main.scss';
@import 'vf-navigation/vf-navigation--additional.scss';
// @import 'vf-section-header/vf-section-header.scss';
// @import 'vf-activity-list/vf-activity-list.scss';
......
# Change Log
All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
## 0.0.28 (2019-03-28)
**Note:** Version bump only for package @visual-framework/vf-logo
## 0.0.27 (2019-02-28)
**Note:** Version bump only for package @visual-framework/vf-logo
## 0.0.26 (2019-02-28)
**Note:** Version bump only for package @visual-framework/vf-logo
# 0.1.0
### Added
- added this
- added that
### Changes
- changed this
- changed that
### Removed
- deleted this
- deleted that
[![npm version](https://badge.fury.io/js/%40visual-framework%2Fvf-logo.svg)](https://badge.fury.io/js/%40visual-framework%2Fvf-logo)
## About
## Installation and Implementation
This component is distributed with npm. After [installing npm](https://www.npmjs.com/get-npm), you can install the `vf-logo` with this command.
```
$ npm install --save @visual-framework/vf-logo
```
The source files included are written in [Sass](http://sass-lang.com)(`scss`). You can point your Sass `include-path` at your `node_modules` directory and import it like this.
```
@import "@visual-framework/vf-logo/index.scss";
```
_Make sure you import any requirements along with the modules._
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35.3 17"><path d="M18.4 1.7h-5c-1.7 0-3 1.4-3 3 0 1.7 1.4 3 3 3h4.7c1.7.1 3.1-1.2 3.2-2.9.1-1.6-1.2-3-2.9-3.1zm-.9 7.8c-.5-.3-1.1-.4-1.7-.3H8.9c-1.2-.1-2.5.5-3 1.7-.7 1.5-.1 3.3 1.4 4.1.5.3 1.1.4 1.7.3h6.8c1.2.1 2.5-.5 3-1.7.8-1.5.2-3.3-1.3-4.1z" fill="#3e3e3e"/><circle cx="13.3" cy="4.8" r="3"/><path d="M12.5 12c.2-.2.3-.4.4-.7.2-.2.3-.4.4-.7.2-.2.3-.4.4-.7.2-.2.3-.4.4-.7.2-.2.3-.4.4-.7.2-.2.3-.4.4-.7.2-.2.3-.4.4-.7.2-.2.3-.4.4-.6.4-.5.7-1.2.7-1.9 0-1.7-1.4-3-3-3-1.3 0-2.4.8-2.8 1.9-.1.2-.3.4-.4.7-.3.4-.4.6-.5.8-.2.2-.3.4-.4.7-.1.1-.2.2-.2.4-.1-.1-.1-.2-.2-.3l-.3-.6c-.1-.3-.2-.5-.3-.7-.1-.2-.2-.5-.3-.7-.1-.3-.3-.6-.5-.9-1-1.3-2.9-1.6-4.2-.6-1.3 1-1.6 2.9-.6 4.2 0 .3.1.5.3.7.1.2.2.4.4.7.1.2.2.4.4.7 0 .1.1.4.2.6.1.2.2.5.3.7.1.2.2.5.3.7.1.2.2.5.3.7.1.2.2.5.3.7.1.2.2.5.3.7.1.2.2.5.3.7.2.7.8 1.4 1.5 1.8 1.5.7 3.3.1 4.1-1.4 0-.1.1-.2.1-.3.1-.2.2-.3.3-.5 0 0 0-.1.1-.1.3-.5.5-.7.6-.9 0 0 0 0 0 0z" fill="#fff" stroke="#000" stroke-width=".661" stroke-miterlimit="10"/></svg>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35.1 17"><path d="M18.3 1.9h-5c-1.7 0-3 1.4-3 3 0 1.7 1.4 3 3 3h4.6l.1.1c1.7.1 3.1-1.2 3.2-2.9.1-1.7-1.2-3.1-2.9-3.2zm-.9 7.8c-.5-.3-1.1-.4-1.7-.3H8.8c-1.2-.1-2.5.5-3 1.7-.7 1.5-.1 3.3 1.4 4.1.5.3 1.1.4 1.7.3h6.8c1.2.1 2.5-.5 3-1.7.8-1.5.2-3.3-1.3-4.1z" fill="#3e3e3e"/><circle cx="13.2" cy="5" r="3"/><path d="M12.4 12.2c.2-.2.3-.4.4-.7.2-.2.3-.4.4-.7.2-.2.3-.4.4-.7.2-.2.3-.4.4-.7.2-.2.3-.4.4-.7.2-.2.3-.4.4-.7.1 0 .2-.2.3-.5.2-.2.3-.4.4-.6.4-.5.7-1.2.7-1.9 0-1.7-1.4-3-3-3-1.3 0-2.4.8-2.8 1.9-.1.2-.3.4-.4.7-.2.2-.3.4-.4.6-.1.2-.3.5-.4.7-.1.1-.1.2-.2.4 0-.1-.1-.2-.1-.2-.1-.3-.3-.5-.4-.7-.1-.3-.2-.5-.3-.7-.1-.2-.2-.5-.3-.7-.1-.3-.3-.6-.5-.9-1-1.3-2.9-1.6-4.2-.6-1.3 1-1.6 2.9-.6 4.2 0 .3.2.5.3.7.1.2.2.5.4.7.1.2.2.4.4.7 0 .1.1.4.3.6 0 .2.2.4.3.6.1.2.2.5.3.7.1.2.2.5.3.7.1.2.3.4.4.6.1.2.2.5.3.7.1.2.2.5.3.7.2.7.8 1.4 1.5 1.8 1.5.7 3.3.1 4.1-1.4 0-.1.1-.2.1-.3.1-.2.2-.3.3-.5 0 0 0-.1.1-.1.2-.3.3-.5.4-.7 0 0 0 0 0 0z" fill="#fff" stroke="#000" stroke-width=".661" stroke-miterlimit="10"/></svg>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 418.5 179.5"><path d="M185.5 16.9c-1.3-.1-2.5 0-3.8.1-.4 0-.8-.1-1.2-.1-1.2 0-2.4 0-3.6.1-.4 0-.9-.1-1.3-.1-1.2 0-2.4 0-3.5.1-.5 0-.9-.1-1.4-.1-1.1 0-2.3 0-3.4.1-.5 0-1-.1-1.6-.1-1.1 0-2.2 0-3.3.1-.6 0-1.1-.1-1.7-.1-1.1 0-2.1 0-3.1.1-.6 0-1.2-.1-1.8-.1-1 0-2 0-3 .1-.6 0-1.3-.1-1.9-.1-1 0-1.9 0-2.9.1-.7-.1-1.4-.1-2-.1-.9 0-1.9 0-2.8.1-.7-.1-1.4-.1-2.2-.1-.9 0-1.8 0-2.6.1-.8-.1-1.5-.1-2.3-.1-.8 0-1.7 0-2.5.1-.8-.1-1.6-.1-2.4-.1-17.7 0-32.1 14.4-32.1 32.1 0 17.7 14.4 32.1 32.1 32.1.8 0 1.6 0 2.4-.1.8.1 1.5.1 2.3.1.9 0 1.7 0 2.5-.1.7.1 1.4.1 2.2.1.9 0 1.8 0 2.6-.1.7.1 1.4.1 2.1.1.9 0 1.8 0 2.8-.1.6 0 1.3.1 1.9.1 1 0 1.9 0 2.9-.1.6 0 1.2.1 1.8.1 1 0 2 0 3-.1.6 0 1.1.1 1.7.1 1.1 0 2.1 0 3.1-.1.5 0 1 .1 1.6.1 1.1 0 2.2 0 3.3-.1.5 0 .9.1 1.4.1 1.1 0 2.3 0 3.4-.1.4 0 .9.1 1.3.1 1.2 0 2.4 0 3.5-.1.4 0 .8.1 1.2.1 1.2 0 2.4 0 3.6-.1.4 0 .7.1 1.1.1 17.7.7 32.7-13 33.4-30.8.7-17.7-13.1-32.7-30.8-33.4zm-9.2 82.4c-5.7-2.8-11.8-3.8-17.7-3.2-2.3-.3-4.7-.3-7 0-2.3-.3-11.7-.3-14 0-2.3-.3-4.7-.3-7 0-2.3-.3-4.7-.3-7 0-2.3-.3-4.7-.3-7 0-2.3-.3-4.7-.3-7 0-2.3-.3-4.7-.3-7 0-2.3-.3-4.7-.3-7 0-2.3-.3-4.7-.3-7 0-13-1.5-26.1 5.2-32.3 17.6-7.9 15.9-1.4 35.1 14.4 43 5.7 2.8 11.8 3.8 17.7 3.2 2.3.3 4.7.3 7 0 2.3.3 4.7.3 7 0 2.3.3 4.7.3 7 0 2.3.3 39.7.3 42 0 2.3.3 4.7.3 7 0 13 1.5 26.1-5.2 32.3-17.6 7.9-15.9 1.5-35.1-14.4-43z" fill="#3e3e3e"/><circle cx="131.2" cy="49" r="32.1"/><path d="M122.8 125.3c1.6-2.1 2.9-4.5 4-7.1 1.6-2.1 3-4.5 4-7 1.6-2.1 3-4.5 4.1-7 1.7-2.1 3-4.5 4.1-7 1.7-2.1 3.1-4.4 4.2-7 1.7-2.1 3.1-4.4 4.2-6.9 1.7-2.1 3.1-4.4 4.3-6.9 1.7-2.1 3.2-4.4 4.3-6.9 4.6-5.6 7.4-12.7 7.4-20.5 0-17.7-14.4-32.1-32.1-32.1-13.7 0-25.4 8.6-30 20.6-1.6 2.2-2.9 4.6-3.9 7.1-1.6 2.2-2.9 4.6-3.9 7.1-1.6 2.1-3 4.5-4 7.1-1 1.3-1.8 2.6-2.6 4.1-.5-.9-1-1.7-1.5-2.6-.8-2.5-2-4.8-3.5-7-.8-2.5-2-4.9-3.4-7.1-.8-2.4-1.9-4.8-3.3-7.1-1.1-3.3-2.7-6.5-4.9-9.5-10.7-14.1-30.8-16.9-45-6.3C11.1 34 8.3 53.8 18.6 68c1 2.4 2.2 4.7 3.8 6.9.9 2.4 2.2 4.7 3.8 6.9.9 2.4 2.2 4.8 3.7 6.9.9 2.4 2.1 4.8 3.7 7 .9 2.4 2.1 4.8 3.6 7 .9 2.5 2.1 4.8 3.6 7 .9 2.5 2 4.8 3.5 7 .8 2.5 2 4.8 3.5 7 .8 2.5 2 4.9 3.4 7.1.8 2.5 1.9 4.9 3.4 7.1 2.6 7.9 8.2 14.8 16.2 18.8 15.9 7.9 35.1 1.4 43-14.4.5-.9.9-1.9 1.2-2.8 1.3-1.7 2.4-3.6 3.3-5.7l.6-1.5c1.5-2.1 2.8-4.4 3.9-7-.1 0-.1 0 0 0z" fill="#fff" stroke="#000" stroke-width="7" stroke-miterlimit="10"/></svg>
\ No newline at end of file
// setup files required
// sass-lint:disable clean-import-paths
@import 'vf-global-variables';
@import 'vf-variables';
@import 'vf-functions';
@import 'vf-mixins';
// component specific styles
@import 'vf-logo.scss';
{
"name": "@visual-framework/vf-logo",
"version": "0.0.29",
"lockfileVersion": 1,
"requires": true,
"dependencies": {
"node-normalize-scss": {
"version": "8.0.0",
"resolved": "https://registry.npmjs.org/node-normalize-scss/-/node-normalize-scss-8.0.0.tgz",
"integrity": "sha512-eQMVmvs2Hj33v3m/jstZOBGOr0lO+Rr3tamGdZxBtiUbJ/WXywsLz/LhVQDSugxG4TEnfYyGxdfbRVKNxw+x7g=="
}
}
}
{
"version": "0.0.29",
"name": "@visual-framework/vf-logo",
"description": "vf-logo component",
"homepage": "https://visual-framework.github.io/vf-core/",
"author": "VF",
"license": "Apache 2.0",
"style": "vf-logo.css",
"sass": "index.scss",
"files": [
"assets",
"index.scss",
"vf-logo.scss",
"vf-logo.css",
"vf-logo.njk",
"vf-logo--responsive.njk",
"vf-logo.config.yml"
],
"test": "echo \"Error: no test specified\" && exit 1",
"publishConfig": {
"access": "public"
},
"repo": "https://github.com/visual-framework/vf-core/tree/master/components/elements/vf-logo",
"bugs": {
"url": "https://github.com/visual-framework/vf-core/issues/new"
},
"dependencies": {
"@visual-framework/vf-sass-config": "^0.0.25",
"node-normalize-scss": "^8.0.0"
},
"keywords": [
"fractal",
"component"
],
"gitHead": "ce5e8d5c5c0b99c706f3f67324bf4c058ec89ccd"
}
<a href="{{href}}"
{# You're using an ID? Really?? That'll go here #}
{% if id %} id="{{-id-}}"{% endif %}
class="vf-logo--responsive
{%- if override_class %} | {{override_class}}{% endif -%}">
<span class="vf-sr-only">{{sreen_reader_text}}</span>
</a>
title: Logo
label: Logo
preview: '@preview--elements'
context:
component-type: element
href: http://www.embl.de
sreen_reader_text: Visual Framework 2.0
image: '/assets/vf-logo/assets/logo.png'
<a href="{{href}}"
{# You're using an ID? Really?? That'll go here #}
{% if id %} id="{{-id-}}"{% endif %}
class="vf-logo
{%- if override_class %} | {{override_class}}{% endif -%}">
<img src="{{ image | path }}" alt="{{ _config.project.title }}">
<span class="vf-sr-only">{{sreen_reader_text}}</span>
</a>
// vf-logo
.vf-logo {
color: set-color(vf-color-black);
display: flex;
height: 41px;
text-decoration: none;
}
.vf-logo--responsive {
background-image: url('../assets/vf-logo/assets/logo-small.svg');
background-repeat: no-repeat;
background-size: auto 100%;
display: flex;
height: 25px;
min-width: 70px;
}
@media (min-width: 500px) {
.vf-logo--responsive {
background-image: url('../assets/vf-logo/assets/logo-medium.svg');
height: 28px;
}
}
@media (min-width: 999px) {
.vf-logo--responsive {
background-image: url('../assets/vf-logo/assets/logo.svg');
height: 30px;
}
}
# Change Log
All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
## 0.0.29 (2019-03-28)
**Note:** Version bump only for package @visual-framework/vf-masthead
## 0.0.28 (2019-02-28)
**Note:** Version bump only for package @visual-framework/vf-masthead
## 0.0.27 (2019-02-28)
**Note:** Version bump only for package @visual-framework/vf-masthead
# 0.1.0
### Added
- added this
- added that
### Changes
- changed this
- changed that
### Removed
- deleted this
- deleted that
[![npm version](https://badge.fury.io/js/%40visual-framework%2Fvf-masthead.svg)](https://badge.fury.io/js/%40visual-framework%2Fvf-masthead)
## About
## Installation and Implementation
This component is distributed with npm. After [installing npm](https://www.npmjs.com/get-npm), you can install the `vf-masthead` with this command.
```
$ npm install --save @visual-framework/vf-masthead
```
The source files included are written in [Sass](http://sass-lang.com)(`scss`). You can point your Sass `include-path` at your `node_modules` directory and import it like this.
```
@import "@visual-framework/vf-masthead/index.scss";
```
_Make sure you import any requirements along with the modules._
// setup files required
@import 'vf-global-variables';
@import 'vf-variables';
@import 'vf-functions';
@import 'vf-mixins';
// other components being used
@import 'vf-grid/vf-grid.scss';
// component specific styles
@import 'vf-masthead.scss';
{
"name": "@visual-framework/vf-masthead",
"version": "0.0.15",
"lockfileVersion": 1,
"requires": true,
"dependencies": {
"node-normalize-scss": {
"version": "8.0.0",
"resolved": "https://registry.npmjs.org/node-normalize-scss/-/node-normalize-scss-8.0.0.tgz",
"integrity": "sha512-eQMVmvs2Hj33v3m/jstZOBGOr0lO+Rr3tamGdZxBtiUbJ/WXywsLz/LhVQDSugxG4TEnfYyGxdfbRVKNxw+x7g=="
}
}
}
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment