Skip to content
This repository has been archived by the owner on Nov 20, 2020. It is now read-only.

Commit

Permalink
Merge branch 'release/1.3.0'
Browse files Browse the repository at this point in the history
* release/1.3.0: (45 commits)
  Update keywords
  Fix URL of insert link
  Add README to tests folder
  Update comments in build setup chapter
  Gemini link should point to local README
  Add chapter “How to use this foundation?”
  Add release date for 1.3.0
  → 1.3.0
  Improve watch task
  Remove predocs hook and update styleguide before testing
  Add meaningful default flags
  Swap node-sass-glob with node-sass-magic-importer
  Improve styleguide styles
  Stick to NPM
  Improve commands chapter in gemini README
  Fix gemini bash script not using additional parameters. #2
  Improve commands chapter in gemini README
  Fix paths and formatting in Gemini README
  Add Gemini for visual regression testing. #2
  Use pre/post commands in scripts
  ...
  • Loading branch information
Sebastian Prein committed Apr 25, 2017
2 parents 2f3ac37 + 68c0d66 commit 8b4cb31
Show file tree
Hide file tree
Showing 35 changed files with 2,570 additions and 565 deletions.
35 changes: 35 additions & 0 deletions CHANGELOG.md
Original file line number Diff line number Diff line change
@@ -1,3 +1,30 @@
# [1.3.0]
###### 2017-04-25

###### Added
- [Gemini] for visual regression testing 👏
- Custom Sass importer [node-sass-magic-importer] 💪 which supports:
- [Selector filtering]
- [Node filtering]
- [Module importing]
- [Globbing]
- Aigis [`insert`](./aigis/templates/components.ejs#L20) parameter and improve [`config.yml`](./aigis/config.yml) documentation
- Aigis `github` and `arta` syntax [highlighting](./aigis/assets/css/highlight) themes
- [Globbing](./src/components/_buttons.scss#L18) example in button group
- [Example](./src/shared/_typography.scss#L43) for responsive typography

###### Changed
- Improve debugging styles and documentation
- Improve default link [`text-decoration`](./src/shared/_base.scss#L17) styles
- Improve typography documentation
- Rename all `$font-*` variables to `$base-*`
- Rename `shared/generic` to `shared/base` for consistency reasons
- Move `z-index` variables into own file ([`_z.scss`](./src/meta/_z.scss))
- Default syntax highlighter for Aigis to [highlight.js]

###### Fixed
- `$base-font-size` not being used properly

# [1.2.0]
###### 2017-04-03

Expand Down Expand Up @@ -35,6 +62,7 @@ Lots of new features have been added. 👏

First public release! 🎉

[1.3.0]: https://github.com/gridonic/sass/compare/1.2.0...1.3.0
[1.2.0]: https://github.com/gridonic/sass/compare/1.1.0...1.2.0
[1.1.0]: https://github.com/gridonic/sass/compare/1.0.0...1.1.0

Expand All @@ -45,3 +73,10 @@ First public release! 🎉
[Vertical Rhythm]: https://zellwk.com/blog/why-vertical-rhythms/
[foundations]: https://github.com/search?q=topic%3Afoundation+org%3Agridonic&type=Repositories
[SassDoc]: http://sassdoc.com/
[node-sass-magic-importer]: https://github.com/maoberlehner/node-sass-magic-importer
[highlight.js]: https://highlightjs.org/
[Gemini]: https://github.com/gemini-testing/gemini
[Selector filtering]: https://github.com/maoberlehner/node-sass-magic-importer#selector-filtering
[Node filtering]: https://github.com/maoberlehner/node-sass-magic-importer#node-filtering
[Module importing]: https://github.com/maoberlehner/node-sass-magic-importer#module-importing
[Globbing]: https://github.com/maoberlehner/node-sass-magic-importer#globbing
28 changes: 22 additions & 6 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,9 +2,15 @@

# Sass foundation

This repository represents our starting point for creating CSS styles. Comes with [Aigis] and [SassDoc] for generating a styleguide and a code documentation.
This repository represents our starting point for creating *sane*, *scalable* and *maintainable* CSS.

Uses the following libraries by default:
💪 It’s empowered by:

- [Aigis] *(styleguide generator)*
- [SassDoc] *(code documentation)*
- [Gemini] *(utility for visual regression testing)*

📚 Uses the following libraries by default:

- [normalize.css]
- [include-media]
Expand All @@ -17,28 +23,35 @@ Uses the following libraries by default:

Have fun! ✌️

## Wait, how am I supposed to use it?

**Primarily** it’s meant to be [downloaded], extracted and used as a starting point that will grow/adjust from time to time while you work with it.

ℹ️ Meanwhile see the wiki for additional [recipes] on how to use this foundation.

## Build setup

```bash
# install dependencies
yarn
npm install

# builds the css files
npm run build

# builds the css files in production mode (compressed)
npm run build:prod

# builds the styleguide
# generates the styleguide
npm run styleguide

# builds the code documentation
# generates the code documentation
npm run docs

# watches the sass files for changes and builds them automatically
# including the styleguide and the docs
npm run watch

# tests if the sass files would build without errors
# run visual regression tests
npm test
```

Expand All @@ -57,3 +70,6 @@ npm test
[Vertical Rhythm]: https://zellwk.com/blog/why-vertical-rhythms/
[Google Web Fundamentals]: https://developers.google.com/web/fundamentals
[SassDoc]: http://sassdoc.com/
[Gemini]: ./gemini
[downloaded]: https://github.com/gridonic/sass/releases/latest
[recipes]: https://github.com/gridonic/sass/wiki/Recipes
1 change: 1 addition & 0 deletions aigis/assets/css/highlight/arta.css

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

194 changes: 46 additions & 148 deletions aigis/assets/css/highlight/duotone-dark.css
Original file line number Diff line number Diff line change
@@ -1,168 +1,66 @@
/*
Name: Duotone Dark
Author: Simurai, adapted from DuoTone themes for Atom (http://simurai.com/projects/2016/01/01/duotone-themes)
/* Base2Tone-Pool Dark */
/* by Bram de Haan, adapted from DuoTone themes by Simurai (http://simurai.com/projects/2016/01/01/duotone-themes) */
/* https://github.com/atelierbram/Base2Tone-highlight.js/ */

Conversion: Bram de Haan (http://atelierbram.github.io/Base2Tone-prism/output/prism/prism-base2tone-evening-dark.css)
Generated with Base16 Builder (https://github.com/base16-builder/base16-builder)
*/

code[class*="language-"],
pre[class*="language-"] {
font-family: Consolas, Menlo, Monaco, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", "Courier New", Courier, monospace;
font-size: 14px;
line-height: 1.375;
direction: ltr;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;

-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;

-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
background: #2a2734;
color: #9a86fd;
}

pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
text-shadow: none;
background: #6a51e6;
}

pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
code[class*="language-"]::selection, code[class*="language-"] ::selection {
text-shadow: none;
background: #6a51e6;
}

/* Code blocks */
pre[class*="language-"] {
padding: 1em;
margin: .5em 0;
overflow: auto;
}

/* Inline code */
:not(pre) > code[class*="language-"] {
padding: .1em;
border-radius: .3em;
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
color: #6c6783;
}

.token.punctuation {
color: #6c6783;
}

.token.namespace {
opacity: .7;
/* Base2Tone-Pool Comment */
.hljs-comment,
.hljs-quote {
color: #635775;
}

.token.tag,
.token.operator,
.token.number {
color: #e09142;
.hljs-variable,
.hljs-template-variable,
.hljs-attribute,
.hljs-tag,
.hljs-name,
.hljs-regexp,
.hljs-link,
.hljs-name,
.hljs-selector-id,
.hljs-selector-class,
.hljs-selector-attr,
.hljs-string,
.hljs-symbol,
.hljs-bullet {
color: #ffb6b3;
}

.token.property,
.token.function {
color: #9a86fd;
.hljs-number,
.hljs-meta,
.hljs-built_in,
.hljs-builtin-name,
.hljs-literal,
.hljs-type,
.hljs-params {
color: #ed655e;
}

.token.tag-id,
.token.selector,
.token.atrule-id {
color: #eeebff;
.hljs-title,
.hljs-section {
color: #8f51e6;
}

code.language-javascript,
.token.attr-name {
color: #c4b9fe;
.hljs-keyword,
.hljs-selector-tag {
color: #fbf9f9;
}

code.language-css,
code.language-scss,
.token.boolean,
.token.string,
.token.entity,
.token.url,
.language-css .token.string,
.language-scss .token.string,
.style .token.string,
.token.attr-value,
.token.keyword,
.token.control,
.token.directive,
.token.unit,
.token.statement,
.token.regex,
.token.atrule {
color: #ffcc99;
.hljs-selector-pseudo {
color: #f87972;
}

.token.placeholder,
.token.variable {
color: #ffcc99;
.hljs {
display: block;
overflow-x: auto;
background: #2a2433;
color: #635775;
padding: 0.5em;
}

.token.deleted {
text-decoration: line-through;
}

.token.inserted {
border-bottom: 1px dotted #eeebff;
text-decoration: none;
}

.token.italic {
.hljs-emphasis {
font-style: italic;
}

.token.important,
.token.bold {
.hljs-strong {
font-weight: bold;
}

.token.important {
color: #c4b9fe;
}

.token.entity {
cursor: help;
}

pre > code.highlight {
outline: .4em solid #8a75f5;
outline-offset: .4em;
}

/* overrides color-values for the Line Numbers plugin
* http://prismjs.com/plugins/line-numbers/
*/
.line-numbers .line-numbers-rows {
border-right-color: #2c2937;
}

.line-numbers-rows > span:before {
color: #3c3949;
}

/* overrides color-values for the Line Highlight plugin
* http://prismjs.com/plugins/line-highlight/
*/
.line-highlight {
background: rgba(224, 145, 66, 0.2);
background: -webkit-linear-gradient(left, rgba(224, 145, 66, 0.2) 70%, rgba(224, 145, 66, 0));
background: linear-gradient(to right, rgba(224, 145, 66, 0.2) 70%, rgba(224, 145, 66, 0));
}
Loading

0 comments on commit 8b4cb31

Please sign in to comment.