forked from eddiemachado-zz/bones-genesis
-
Notifications
You must be signed in to change notification settings - Fork 0
/
style.css
81 lines (58 loc) · 2.96 KB
/
style.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
/******************************************************************
Theme Name: Bones for Genesis Child Theme
Theme URI: http://www.themble.com/genesis/bones
Description: Helpful for building Genesis Child Themes, Bones for Genesis is a child development theme for the Genesis Framework.
Author: Eddie Machado
Author URI: http://www.themble.com/
Version: 1.03
Tags: html5, css3, responsive, hb5
Template: genesis
Template Version: 1.8
License: WTFPL
License URI: http://sam.zoy.org/wtfpl/
Are You Serious? Yes. Just don't resell the same exact thing.
MAKE SURE TO READ BELOW BEFORE GETTING STARTED FOR THE FIRST TIME!
------------------------------------------------------------------
You may be thinking…
WHOA, WHOA, WHOA…WHAT HAPPENED HERE?
But before you freak out, let me take a few minutes to explain.
Bones for Genesis now uses LESS or Sass by default. I'm no longer supporting
the old-style.css file which contains regular css. If you're prefer using
regular CSS, then feel free to modify this child theme however you like
and keep a copy as your own personal starting point.
DON'T DISMISS IT JUST YET THOUGH, USING LESS or Sass ISN'T AS
COMPLICATED AS YOU THINK.
It does take a few minutes to wrap your head around, but it will all
be worth it. Need a quick intro? Here are a few quick reads:
http://coding.smashingmagazine.com/2011/09/09/an-introduction-to-less-and-comparison-to-sass/
I would HIGHLY RECOMMEND, if you are going to be working with
LESS or Sass, that you work locally. Sass isn't readable by a browser
and using a LESS.js file to parse it on live sites can make your site sluggish.
That being said, here are a few MUST HAVE TOOLS for working with a
pre-processor: (You really only need one of them)
CodeKit: (Mac Users) *Highly Recommended
http://incident57.com/codekit/
LESS App: (Mac Users)
http://incident57.com/less/
Compass App (for Sass): (Windows / Mac Users)
http://compass.handlino.com/
SimpLESS: (Windows Users)
http://wearekiss.com/simpless
WinLESS: (Windows Users)
http://winless.org/
These applications compile LESS or Sass into valid CSS. This
way you can keep your production files easy to read and your
live CSS minified and speedy. Simply set the output to the
library/css folder and you are all set. It's a thing of beauty.
---------------------------------------------------------------
Remember, once you download Bones for Genesis it's up to you how to
use it, so go nuts. Set things up and develop in a way that's easiest
for you. If LESS/Sass is still a bit confusing for you, then remove
them and customize this template as you see fit.
If you're frustrated with this new direction and don't like change,
take a few minutes and think about how much better a developer you
can become by just TRYING out new technologies. It may be tough at
first but it WILL make you a better developer. TRUST ME ON THIS. Give
it a week, maybe two, and you will never go back.
Happy Developing!
******************************************************************/