From 1a4ab72b9d355cc1d224edac36bee2a2bbe8ebc5 Mon Sep 17 00:00:00 2001 From: Gabriel Albo Date: Fri, 27 Feb 2015 11:12:34 -0300 Subject: Deleting old style guide files from the user agent --- web-ui/app/scss/style-guide.scss | 142 ----------------------------- web-ui/app/style-guide.html | 187 --------------------------------------- 2 files changed, 329 deletions(-) delete mode 100644 web-ui/app/scss/style-guide.scss delete mode 100644 web-ui/app/style-guide.html (limited to 'web-ui') diff --git a/web-ui/app/scss/style-guide.scss b/web-ui/app/scss/style-guide.scss deleted file mode 100644 index 7370aac6..00000000 --- a/web-ui/app/scss/style-guide.scss +++ /dev/null @@ -1,142 +0,0 @@ -@import "compass/css3"; -@import "styles.scss"; - -body { - display: block; - overflow: scroll !important; -} - -div#style-guide-wrap { - font-size: 1rem; -} - -div#style-guide-wrap p { - font-size: 1rem; -} - -img.screenshot { - max-width: 60%; - margin: 0 auto; - display: block; -} - -nav { - position: fixed; - z-index: 10; - height: 50px; - width: 100%; - background-color: #3e3a37; - color: white; - opacity: 0.95; -} - -a.logo-anchor { - color: white; - - &:hover { - color: darken(white, 30); - } -} - -ul li { - display: inline; -} - -ul.typography li { - display: inline-block; - text-align: center; - margin: 20px 10px 0 0; - padding: 30px; - min-height: 125px; - min-width: 130px; - border: 1px solid #EEE; - background-color: white; - border-radius: 5px; -} - -ul.left, ul.right { - padding: 12px; - margin: 0px 25px; - font-weight: bold; -} - -ul.right { - li { - margin: 8px; - } -} - -section.guide-section { - display: block; - height: 100%; - overflow-y: auto; - padding: 66px 32px; - - &:nth-child(even) { - background-color: $top_pane; - } - - &:last-child { - min-height: 666px; - } -} - -.color-card { - width: 160px; - height: 230px; - border-radius: 5px; - display: inline-block; - margin-right: 15px; -} - -.color-label { - position: relative; - top: 173px; -} - -.color-label, .typeface-sample { - background-color: white; - border: 1px solid #eee; - text-align: center; - color: #344a5f; - border-bottom-left-radius: 5px; - border-bottom-right-radius: 5px; - padding: 10px 0; -} - -.color-name { - font-size: small; -} - -/* Color Cards definition */ - -.color-grid { - margin-bottom: 25px; - #primary-color-card { background-color: $primary_color; } - #secondary-color-card { background-color: $secondary; } - #top-pane-card { background-color: $top_pane; } - #contrast-card { background-color: $contrast; } - #action-buttons-card { background-color: $action_buttons; } - #success-card { background-color: $success; } - #attention-card { background-color: $attention; } - #warning-card { background-color: $warning; } - #error-card { background-color: $error; } - #search-highlight-card { background-color: $search_highlight; } - #count-background-card { background-color: $total_count_bg; } -} -/* Typeface cards definition*/ -ul.typography li h2 { - &.bold-header { font-weight: bold; } - &.extra-bold-header { font-weight: 800; } - &.lighter-header { font-weight: lighter; } -} - -ul.headers-and-sizes { - margin: 20px 100px 0 0; - display: inline-block; -} - -section#icons i { - font-size: xx-large; - margin-right: 20px; -} \ No newline at end of file diff --git a/web-ui/app/style-guide.html b/web-ui/app/style-guide.html deleted file mode 100644 index 3c464ed6..00000000 --- a/web-ui/app/style-guide.html +++ /dev/null @@ -1,187 +0,0 @@ - - - - - -Pixelated Style Guide - - - - - - - - - -
- -
-

Welcome to the Pixelated Style Guide

-

- Here you'll find information about visual design and UI guidelines for Pixelated, such as colors, typography and components. -

-

- This is a live style guide - that means it's reflecting the actual application cascading stylesheets, but also that it will be continuously and automatically updated as our design evolves. -

- Pixelated Screenshot -
-
-

Color Palette

-
-
-
-

- PRIMARY COLOR -
#EF4E2F -

-
-
-

- SECONDARY COLOR -
#3E3A37 -

-
-
-

- TOP PANE -
#EAEAEA -

-
-
-

- CONTRAST -
#F2F3ED -

-
-
-

- ACTION BUTTONS -
#2ba6cb -

-
-
-
- -
-
-

- SUCCESS -
#2DAB49 -

-
-
-

- ATTENTION -
#F6A40A -

-
-
-

- WARNING -
#F7E8AF -

-
-
-

- ERROR -
#D72A25 -

-
-
-

- SEARCH HIGHLIGHT -
#FFEF29 -

-
-
-

- COUNT BACKGROUND -
#C0B9B9 -

-
-
-
-
-

Typography

- -
- Pixelated uses Open Sans as its main font for its readability and wide range of variations. Open Sans is a humanist sans serif typeface created by Steve Matteson. -
-
    -
  • -

    Aa

    - Regular -
    • -
  • -

    Aa

    - Bold -
    • -
  • -

    Aa

    - Extra Bold -
    • -
  • -

    Aa

    - Lighter -
    • -
-
    -
  • -

    Header 1

    -
    • -
  • -

    Header 2

    -
    • -
  • -

    Header 3

    -
    • -
  • -

    Header 4

    -
    • -
  • -
    Header 5
    -
    • -
  • -
    Header 6
    -
    • -
  • - Italics
    -
    • -
  • - Strong / Emphasized
    -
    • -
  • - Small Text -
    • -
-
-
-

Icons

-

Every icon in Pixelated comes from a font called Font Awesome. -

Here are some of the icons we're currently using on Pixelated

- - - - - - - - -
-
- - - - - -- cgit v1.2.3