Skip to content
This repository has been archived by the owner on Dec 5, 2022. It is now read-only.

Commit

Permalink
Merge pull request #31 from zalando-incubator/sass-customizable
Browse files Browse the repository at this point in the history
refactor(style): enhance sass customizability
  • Loading branch information
bhaskarmelkani authored Nov 8, 2017
2 parents 8f2b38e + c14957e commit 23a2c4b
Show file tree
Hide file tree
Showing 6 changed files with 40 additions and 43 deletions.
3 changes: 0 additions & 3 deletions .npmignore
Original file line number Diff line number Diff line change
@@ -1,9 +1,6 @@
# dotfiles
.*

# uncompiled source
*.scss

# tests
*__tests__

Expand Down
1 change: 1 addition & 0 deletions _doc.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
@import "source/style/_doc/index"
2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@
"test:coverage": "NODE_ENV=test jest --coverage --no-cache --runInBand --config ./jest.json",
"lint": "eslint lib packages scripts --ext .js,.jsx",
"lint:report": "npm run lint -- -f checkstyle --output-file target/checkstyle.xml",
"compile:sass": "node-sass source/style/_doc.scss source/style/doc.css --output-style='compressed'",
"compile:sass": "node-sass _doc.scss source/style/doc.css --output-style='compressed'",
"compile:js": "webpack -p",
"compile": "npm run compile:sass && npm run compile:js && node banner.js",
"changelog": "conventional-changelog -p angular -i CHANGELOG.md -s",
Expand Down
1 change: 0 additions & 1 deletion source/style/_doc.scss

This file was deleted.

74 changes: 37 additions & 37 deletions source/style/_doc/vars.scss
Original file line number Diff line number Diff line change
@@ -1,62 +1,62 @@
// breakpoints
// -----------
$doc-breakpoint: 800px;
$doc-breakpoint-small: 480px;
$doc-breakpoint: 800px !default;
$doc-breakpoint-small: 480px !default;

// colors
// -------------
$doc-color-primary: $dc-orange40;
$doc-color-lightest: #fff;
$doc-color-lighter: $dc-gray80;
$doc-color-light: #f3f3f3;
$doc-color-mediumlight: #eee;
$doc-color-medium: #ccc;
$doc-color-mediumdark: #999;
$doc-color-dark: #666;
$doc-color-darker: #444;
$doc-color-darkest: #333;
$doc-color-primary: #fe6d05 !default;
$doc-color-lightest: #fff !default;
$doc-color-lighter: $dc-gray80 !default;
$doc-color-light: #f3f3f3 !default;
$doc-color-mediumlight: #eee !default;
$doc-color-medium: #ccc !default;
$doc-color-mediumdark: #999 !default;
$doc-color-dark: #666 !default;
$doc-color-darker: #444 !default;
$doc-color-darkest: #333 !default;

// navbar
// -----
$doc-navbar-height: 50px;
$doc-navbar-background-color: $doc-color-lightest;
$doc-navbar-border-color: #e1e1e1;
$doc-navbar-logo-text-color: #ff5d00;
$doc-navbar-width-collapsed: $doc-navbar-height;
$doc-navbar-height: 50px !default;
$doc-navbar-background-color: $doc-color-lightest !default;
$doc-navbar-border-color: #e1e1e1 !default;
$doc-navbar-logo-text-color: $doc-color-primary !default;
$doc-navbar-width-collapsed: $doc-navbar-height !default;

// sidebar
// ------
$doc-sidebar-width: 230px;
$doc-sidebar-width-collapsed: $doc-navbar-width-collapsed;
$doc-sidebar-left-margin: 40px;
$doc-sidebar-background-color: $doc-navbar-background-color;
$doc-sidebar-color: $dc-gray30;
$doc-sidebar-label-color: $dc-gray20;
$doc-sidebar-current-color: $dc-orange40;
$doc-sidebar-item-border: 1px solid #ededed;
$doc-sidebar-font-weight-normal: 300;
$doc-sidebar-font-weight-bold: 500;
$doc-sidebar-font-size-small: 12px;
$doc-sidebar-font-size-normal: 14px;
$doc-sidebar-width: 230px !default;
$doc-sidebar-width-collapsed: $doc-navbar-width-collapsed !default;
$doc-sidebar-left-margin: 40px !default;
$doc-sidebar-background-color: $doc-navbar-background-color !default;
$doc-sidebar-color: $dc-gray30 !default;
$doc-sidebar-label-color: $dc-gray20 !default;
$doc-sidebar-current-color: $doc-color-primary !default;
$doc-sidebar-item-border: 1px solid #ededed !default;
$doc-sidebar-font-weight-normal: 300 !default;
$doc-sidebar-font-weight-bold: 500 !default;
$doc-sidebar-font-size-small: 12px !default;
$doc-sidebar-font-size-normal: 14px !default;

// support
// -------
$doc-support-footer-border-color: $dc-gray60;
$doc-support-footer-color: $dc-gray50;
$doc-support-footer-border-color: $dc-gray60 !default;
$doc-support-footer-color: $dc-gray50 !default;

// formatting
// ----------

// anchor
$doc-anchor-color: $doc-color-medium;
$doc-anchor-color-hover: $doc-color-primary;
$doc-anchor-color: $doc-color-medium !default;
$doc-anchor-color-hover: $doc-color-primary !default;

// blockquote
$doc-blockquote-border-color: $doc-color-primary;
$doc-blockquote-border-color: $doc-color-primary !default;

// table
$doc-table-border-color: $dc-gray60;
$doc-table-row-background-color: $dc-gray80;
$doc-table-border-color: $dc-gray60 !default;
$doc-table-row-background-color: $dc-gray80 !default;

// code
$doc-inline-background-color: $dc-gray70;
$doc-inline-background-color: $dc-gray70 !default;
2 changes: 1 addition & 1 deletion source/style/doc.css

Large diffs are not rendered by default.

0 comments on commit 23a2c4b

Please # to comment.