schtobia/flex
1
0
Fork 0
Code Issues Pull requests Activity

Move variables to separated less file.

Browse source 
This allows to customize Flex more easily.
This commit is contained in:
Alexandre Vicenzi 2016-09-14 00:04:22 -03:00
parent 46318f9281
commit 49e0a6880a
8 changed files with 111 additions and 51 deletions
Download patch file Download diff file Expand all files Collapse all files

64
static/stylesheet/variables.less Normal file
View file

@ -0,0 +1,64 @@
// Flex colors
@orange: #D9411E;
@light-orange: #FF5A09;
@white: #ffffff;
@grey: #333333;
@light-grey: #eeeeee;
@med-grey: #999999;
@dark-grey: #242121;
// Font family
@sans: 'Source Sans Pro', 'Verdana', sans-serif;
@mono: 'Source Code Pro', 'Consolas', monospace;
// Body
@body-bg: @white;
@text-color: @dark-grey;
// Links
@link-color: @orange;
@link-hover-color: @light-orange;
// Sidebar (aside)
@sidebar-bg: @grey;
@sidebar-text-color: @white;
@sidebar-link-color: @white;
@sidebar-link-hover-color: @light-grey;
// Buttons
@btn-bg: @orange;
@btn-text-color: @white;
@btn-hover-color: @light-orange;
// Tag cloud
@tag-bg: @orange;
@tag-text-color: @white;
@tag-hover-color: @light-orange;
// Header
@header-text-color: @med-grey;
// Footer
@footer-text-color: @med-grey;
@footer-border-color: @light-grey;
// Relativer posts
@rel-post-border-color: @light-grey;
// Nav
@nav-border-color: @light-grey;
// Social buttons
@email-bg-color: #578AD6;
@facebook-bg-color: #3e5b98;
@github-bg-color: #111010;
@google-bg-color: #d93e2d;
@linkedin-bg-color: #3371b7;
@pinterest-bg-color: #c92619;
@reddit-bg-color: #ff4500;
@rss-bg-color: #f26109;
@soundcloud-bg-color: #ff5500;
@stack-overflow-bg-color: #ff9900;
@twitter-bg-color: #4da7de;
@youtube-bg-color: #e02a20;