Skip to content

Commit

Permalink
Violet 1.1.0 release
Browse files Browse the repository at this point in the history
  • Loading branch information
jamierocks committed Feb 27, 2016
1 parent d247a20 commit 0f248b0
Show file tree
Hide file tree
Showing 12 changed files with 225 additions and 11 deletions.
1 change: 1 addition & 0 deletions _config.yml
Expand Up @@ -7,6 +7,7 @@ exclude:
- violet/node_modules
- violet/package.json
- violet/violet.js
- violet/README.md
- node_modules
- gulpfile.js
- package.json
Expand Down
12 changes: 5 additions & 7 deletions _layouts/default.html
Expand Up @@ -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 %}

Expand Down
7 changes: 5 additions & 2 deletions projects/violet.html
Expand Up @@ -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 change: 1 addition & 0 deletions violet/.npmignore
@@ -1,2 +1,3 @@
release/
dist/
index.html
1 change: 1 addition & 0 deletions violet/README.md
@@ -0,0 +1 @@
See https://www.lexteam.xyz/violet/
7 changes: 7 additions & 0 deletions violet/dist/violet.css
Expand Up @@ -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%;
Expand Down
2 changes: 1 addition & 1 deletion violet/dist/violet.min.css

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

34 changes: 34 additions & 0 deletions violet/index.html
@@ -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>
2 changes: 1 addition & 1 deletion violet/package.json
@@ -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": {
Expand Down
157 changes: 157 additions & 0 deletions violet/release/1.1.0/violet.css
@@ -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; }
1 change: 1 addition & 0 deletions violet/release/1.1.0/violet.min.css

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

11 changes: 11 additions & 0 deletions violet/source/_page.scss
Expand Up @@ -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 {
Expand Down

0 comments on commit 0f248b0

Please sign in to comment.