consul/nairobi
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Cleans style guide

Browse Source
This commit is contained in:
Alberto Garcia Cabeza
2015-08-15 01:05:46 +02:00
parent f98510cea7
commit 26e2a7bcbb
2 changed files with 32 additions and 73 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
app/assets/stylesheets/variables.scss
View File

@@ -9,46 +9,34 @@
// 01. Fonts
// - - - - - - - - - - - - - - - - - - - - - - - - -
$font-family-sans-serif: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
$font-family-sans-serif: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
$line-height: rem-calc(24);
// 02. Colors
// - - - - - - - - - - - - - - - - - - - - - - - - -
$body: #E9E9E9;
$background: #EDEFF0;
$border: #DEE0E3;
$brand: #0077B9;
$check: #46DB91;
$debates: #008CCF;
$comments-bg: #F1F1F1;
$comments-info: #A5B2B9;
$comments-text: #3F4549;
$text: #222222;
$text-medium: #999999;
$text-light: #CCCCCC;
$header-color: #292B33;
$link: #2895F1;
$link-hover: #2178BF;
$tags-bg: #FAFAFA;
$tags-bg-hover: #E5F1F8;
$tags-border: #F0F0F0;
$tags-color: #8F8F8F;
$text-color: #222222;
$text-medium: #999999;
$text-light: #A3A6AD;
$votes: #31708f;
$debates: #008CCF;
$votes-bg: #26AEEE;
$votes-border: #1F94CB;
$votes-like: #7BD2A8;
$votes-like-act: #5D9E7F;
$votes-neutral: #CCCCCC;
$votes-text: #FFFFFF;
$votes-unlike: #EF8585;
$votes-unlike-act: #BD6A6A;
$not-logged-bg: rgba(22,99,135,.9);
$check: #46DB91;
// 03. Forms
// - - - - - - - - - - - - - - - - - - - - - - - - -

73
doc/style-guide.html
View File

@@ -362,35 +362,34 @@ form input[type]:not([type=submit]) {
<h2 class="section" id="6">6. Colores</h2>
<div class="color-list">
<div class="color" style="background: #E9E9E9">
<span>body<br><strong>#E9E9E9</strong></span>
</div>
<div class="color" style="background: #EDEFF0">
<span>background<br><strong>#EDEFF0</strong></span>
</div>
<div class="color" style="background: #DEE0E3">
<span>border<br><strong>#DEE0E3</strong></span>
</div>
<div class="color" style="background: #0077B9">
<span>brand<br><strong>#0077B9</strong></span>
</div>
<div class="color" style="background: #46DB91">
<span>check<br><strong>#46DB91</strong></span>
</div>
<div class="color" style="background: #008CCF">
<span>debates<br><strong>#008CCF</strong></span>
<br>
<div class="color" style="background: #222222">
<span>text<br><strong>#222222</strong></span>
</div>
<div class="color" style="background: #F1F1F1">
<span>comments-bg<br><strong>#F1F1F1</strong></span>
</div>
<div class="color" style="background: #A5B2B9">
<span>comments-info<br><strong>#A5B2B9</strong></span>
</div>
<div class="color" style="background: #3F4549">
<span>comments-text<br><strong>#3F4549</strong></span>
<div class="color" style="background: #999999">
<span>text-medium<br><strong>#999999</strong></span>
</div>
<div class="color" style="background: #292B33">
<span>header-color<br><strong>#292B33</strong></span>
<div class="color" style="background: #CCCCCC">
<span>text-light<br><strong>#CCCCCC</strong></span>
</div>
<br>
<div class="color" style="background: #2895F1">
<span>link<br><strong>#2895F1</strong></span>
@@ -399,33 +398,9 @@ form input[type]:not([type=submit]) {
<div class="color" style="background: #2178BF">
<span>link-hover<br><strong>#2178BF</strong></span>
</div>
<div class="color" style="background: #FAFAFA">
<span>tags-bg<br><strong>#FAFAFA</strong></span>
</div>
<div class="color" style="background: #F0F0F0">
<span>tags-border<br><strong>#F0F0F0</strong></span>
</div>
<div class="color" style="background: #8F8F8F">
<span>tags-color<br><strong>#8F8F8F</strong></span>
</div>
<div class="color" style="background: #222222">
<span>text-color<br><strong>#222222</strong></span>
</div>
<div class="color" style="background: #999999">
<span>text-medium<br><strong>#999999</strong></span>
</div>
<div class="color" style="background: #A3A6AD">
<span>text-light<br><strong>#A3A6AD</strong></span>
</div>
<div class="color" style="background: 31708f">
<span>votes<br><strong>#31708f</strong></span>
<br>
<div class="color" style="background: #008CCF">
<span>debates<br><strong>#008CCF</strong></span>
</div>
<div class="color" style="background: #26AEEE">
@@ -435,7 +410,7 @@ form input[type]:not([type=submit]) {
<div class="color" style="background: #1F94CB">
<span>votes-border<br><strong>#1F94CB</strong></span>
</div>
<br>
<div class="color" style="background: #7BD2A8">
<span>votes-like<br><strong>#7BD2A8</strong></span>
</div>
@@ -444,14 +419,6 @@ form input[type]:not([type=submit]) {
<span>votes-like-act<br><strong>#5D9E7F</strong></span>
</div>
<div class="color" style="background: #CCCCCC">
<span>votes-neutral<br><strong>#CCCCCC</strong></span>
</div>
<div class="color" style="background: #FFFFFF">
<span>votes-text<br><strong>#FFFFFF</strong></span>
</div>
<div class="color" style="background: #EF8585">
<span>votes-unlike<br><strong>#EF8585</strong></span>
</div>
@@ -459,6 +426,10 @@ form input[type]:not([type=submit]) {
<div class="color" style="background: #BD6A6A">
<span>votes-unlike-act<br><strong>#BD6A6A</strong></span>
</div>
<br>
<div class="color" style="background: #46DB91">
<span>check<br><strong>#46DB91</strong></span>
</div>
</div>
<h2 class="section clear" id="7">7. Alertas</h2>