Permalink
Browse files

Violet 1.1.0 release

  • Loading branch information...
jamierocks committed Feb 27, 2016
1 parent d247a20 commit 0f248b0cd7bc1f653f588eefb098d8ac2b2f9bae
@@ -7,6 +7,7 @@ exclude:
- violet/node_modules
- violet/package.json
- violet/violet.js
- violet/README.md
- node_modules
- gulpfile.js
- package.json
@@ -5,15 +5,13 @@
</head>
<body>

<div id="wrapper">
{% include default-nav.html %}
{% include default-nav.html %}

<main>
{{ content }}
</main>
<main>
{{ content }}
</main>

{% include default-footer.html %}
</div>
{% include default-footer.html %}

{% include default-libs.html %}

@@ -8,11 +8,14 @@
<h1 class="title center">Violet</h1>

<p>
Violet is the CSS framework used by our website. It is still very young and as such no official release has
been made.
Violet is the CSS framework used by our website. It is still very young and as such breaking changes are made
very often.
</p>
&nbsp;
<p>
GitHub: <a href="https://github.com/Lexteam/lexteam.github.io/tree/master/violet">github.com/Lexteam/lexteam.github.io/tree/master/violet</a>
</p>
<p>
Documentation: <a href="/violet">lexteam.xyz/violet</a>
</p>
</div>
@@ -1,2 +1,3 @@
release/
dist/
index.html
@@ -0,0 +1 @@
See https://www.lexteam.xyz/violet/
@@ -46,6 +46,13 @@ main {
text-decoration: underline;
padding-top: 2em;
padding-bottom: 0.5em; }
.page-container .subtitle {
font-family: 'Raleway', sans-serif;
font-size: x-large;
font-weight: bold;
text-decoration: underline;
padding-top: 0.5em;
padding-bottom: 0.5em; }

.page-display {
width: 100%;

Some generated files are not rendered by default. Learn more.

Oops, something went wrong.
@@ -0,0 +1,34 @@
---
layout: default
title: Violet Documentation
permalink: /violet/
section: software
---
<div class="page-container">
<h1 class="title center">Violet 1.1.0 Documentation</h1>

<p>
Welcome to the Violet documentation!
</p>
&nbsp;
<ul>
<li><a href="#installation">Installation</a></li>
</ul>

<h1 id="installation" class="title">Installation</h1>

<h2 class="subtitle">Distribution Install</h2>

<p>To do a distribution install, you just need to add the Violet css file to your project</p>
<code>//www.lexteam.xyz/violet/release/1.1.0/violet.css</code><br />
<code>//www.lexteam.xyz/violet/release/1.1.0/violet.min.css</code>

<h2 class="subtitle">SCSS Install</h2>

<p>To do a SCSS install, you can use our CLI tool.</p>
<code>npm install lex-violet --global</code>
<p>Now you have the CLI tool installed, you can install Violet to any directory.</p>
<code>violet install</code>
<p>You can now proceed to import Violet to your code</p>
<code>@import "violet/violet";</code>
</div>
@@ -1,6 +1,6 @@
{
"name": "lex-violet",
"version": "1.1.0-indev",
"version": "1.1.0",
"description": "Violet - The Lexteam website CSS framework.",
"main": "violet.js",
"bin": {
@@ -0,0 +1,157 @@
@import url(https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900);
html {
height: 100%;
box-sizing: border-box; }

body {
position: relative;
margin: 0;
padding-bottom: 3em;
min-height: 100%;
background: #efefef; }

*,
*:before,
*:after {
box-sizing: inherit; }

h1, h2, h3, h4, h5, h6, p, ul, li {
margin: 0; }

a {
color: #0096dd;
text-decoration: none; }
a:visited {
color: #0073aa; }

main {
padding-bottom: 1em; }

.left {
text-align: left; }

.center {
text-align: center; }

.right {
text-align: right; }

.page-container {
margin-left: 15em;
margin-right: 15em; }
.page-container .title {
font-family: 'Raleway', sans-serif;
font-size: xx-large;
font-weight: bold;
text-decoration: underline;
padding-top: 2em;
padding-bottom: 0.5em; }
.page-container .subtitle {
font-family: 'Raleway', sans-serif;
font-size: x-large;
font-weight: bold;
text-decoration: underline;
padding-top: 0.5em;
padding-bottom: 0.5em; }

.page-display {
width: 100%;
margin-bottom: 2em; }

.panel, .blog-post {
display: inline-block;
width: 100%;
height: 100%;
margin: 1em;
text-align: left; }
.panel *, .blog-post * {
margin: 0; }
.panel .panel-heading, .blog-post .panel-heading, .blog-post .blog-heading {
padding: 0.4em;
background-color: #cacaca; }
.panel .panel-body, .blog-post .panel-body, .blog-post .blog-body {
padding: 0.3em; }

.nav-bar {
display: block;
width: 100%;
float: left;
list-style: none;
margin: 0;
padding: 0;
background-color: #0288D1; }
.nav-bar .enabled {
background-color: #40C4FF;
border-bottom-color: #40C4FF !important; }
.nav-bar li {
float: left;
padding: 0.25em 0.8em calc(0.25em - 0.4em) 0.8em;
font-size: x-large;
color: white;
font-weight: bold;
border-bottom: 0.4em solid #0288D1; }
.nav-bar li a {
color: white;
text-decoration: none; }
.nav-bar li:not(.brand) {
border-right: 0.05em solid #ccc; }
.nav-bar li:last-child {
border-right: none; }
.nav-bar li:hover:not(.brand) {
border-bottom-color: #40C4FF; }
.nav-bar .brand {
float: right;
font-size: x-large;
color: #7BD678; }

.nav-bar-fixed {
top: 0;
padding: 0;
position: fixed;
list-style-type: none;
text-decoration: none;
display: inline-block;
z-index: 5; }
.nav-bar-fixed li {
font-size: x-large;
padding: 0.4em 0.8em 0.4em calc(0.8em - 0.2em);
border-left: 0.4em solid rgba(1, 1, 1, 0); }
.nav-bar-fixed li a {
color: black;
text-decoration: none; }
.nav-bar-fixed li:hover {
border-left-color: black; }
.nav-bar-fixed .brand {
display: none; }

.footer {
background-color: #0288D1;
display: flex;
position: absolute;
align-items: center;
width: 100%;
height: 3em;
bottom: 0;
left: 0; }
.footer ul {
list-style: none;
flex: 1; }
.footer ul li {
padding: 0 0.5em;
display: inline; }
.footer ul a {
color: black; }
.footer ul a:hover {
text-decoration: underline; }
.footer .brand {
float: right;
padding: 0.25em 0.8em;
font-size: x-large;
color: #7BD678; }

.blog-post .blog-subheading {
padding: 0.4em;
background-color: #c0c0c0; }

.blog-post .blog-body h1, .blog-post .blog-body h2, .blog-post .blog-body h3, .blog-post .blog-body h4, .blog-post .blog-body h5, .blog-post .blog-body h6, .blog-post .blog-body p, .blog-post .blog-body ul, .blog-post .blog-body li, .blog-post .blog-body img {
margin: 0.45em; }

Some generated files are not rendered by default. Learn more.

Oops, something went wrong.
@@ -12,6 +12,17 @@
padding-top: 2em;
padding-bottom: 0.5em;
}

.subtitle {
font-family: 'Raleway', sans-serif;
font-size: x-large;
font-weight: bold;

text-decoration: underline;

padding-top: 0.5em;
padding-bottom: 0.5em;
}
}

.page-display {

0 comments on commit 0f248b0

Please sign in to comment.