diff --git a/.sass-cache/158c2a0f8c432c687dee76991e5fafa092b590b4/_color.scssc b/.sass-cache/158c2a0f8c432c687dee76991e5fafa092b590b4/_color.scssc new file mode 100644 index 0000000..0a10b13 Binary files /dev/null and b/.sass-cache/158c2a0f8c432c687dee76991e5fafa092b590b4/_color.scssc differ diff --git a/.sass-cache/158c2a0f8c432c687dee76991e5fafa092b590b4/_general.scssc b/.sass-cache/158c2a0f8c432c687dee76991e5fafa092b590b4/_general.scssc new file mode 100644 index 0000000..287fd43 Binary files /dev/null and b/.sass-cache/158c2a0f8c432c687dee76991e5fafa092b590b4/_general.scssc differ diff --git a/.sass-cache/158c2a0f8c432c687dee76991e5fafa092b590b4/_sprites.scssc b/.sass-cache/158c2a0f8c432c687dee76991e5fafa092b590b4/_sprites.scssc new file mode 100644 index 0000000..61f3436 Binary files /dev/null and b/.sass-cache/158c2a0f8c432c687dee76991e5fafa092b590b4/_sprites.scssc differ diff --git a/.sass-cache/158c2a0f8c432c687dee76991e5fafa092b590b4/_tables.scssc b/.sass-cache/158c2a0f8c432c687dee76991e5fafa092b590b4/_tables.scssc new file mode 100644 index 0000000..ecd3923 Binary files /dev/null and b/.sass-cache/158c2a0f8c432c687dee76991e5fafa092b590b4/_tables.scssc differ diff --git a/.sass-cache/21994e5998254a2f4b4a20080dd2af85c72ade8e/application.css.scssc b/.sass-cache/21994e5998254a2f4b4a20080dd2af85c72ade8e/application.css.scssc index b10ccf0..d2e73c2 100644 Binary files a/.sass-cache/21994e5998254a2f4b4a20080dd2af85c72ade8e/application.css.scssc and b/.sass-cache/21994e5998254a2f4b4a20080dd2af85c72ade8e/application.css.scssc differ diff --git a/.sass-cache/289bdc14973753f275eaa202f15669ccd2c1b5af/_links.scssc b/.sass-cache/289bdc14973753f275eaa202f15669ccd2c1b5af/_links.scssc new file mode 100644 index 0000000..0f26a5a Binary files /dev/null and b/.sass-cache/289bdc14973753f275eaa202f15669ccd2c1b5af/_links.scssc differ diff --git a/.sass-cache/289bdc14973753f275eaa202f15669ccd2c1b5af/_lists.scssc b/.sass-cache/289bdc14973753f275eaa202f15669ccd2c1b5af/_lists.scssc new file mode 100644 index 0000000..6592e1b Binary files /dev/null and b/.sass-cache/289bdc14973753f275eaa202f15669ccd2c1b5af/_lists.scssc differ diff --git a/.sass-cache/289bdc14973753f275eaa202f15669ccd2c1b5af/_text.scssc b/.sass-cache/289bdc14973753f275eaa202f15669ccd2c1b5af/_text.scssc new file mode 100644 index 0000000..b9e9a41 Binary files /dev/null and b/.sass-cache/289bdc14973753f275eaa202f15669ccd2c1b5af/_text.scssc differ diff --git a/.sass-cache/289bdc14973753f275eaa202f15669ccd2c1b5af/_vertical_rhythm.scssc b/.sass-cache/289bdc14973753f275eaa202f15669ccd2c1b5af/_vertical_rhythm.scssc new file mode 100644 index 0000000..dd6f363 Binary files /dev/null and b/.sass-cache/289bdc14973753f275eaa202f15669ccd2c1b5af/_vertical_rhythm.scssc differ diff --git a/.sass-cache/42180e2d1b4960bacc0128d27f90b44b51a23e71/_compass.scssc b/.sass-cache/42180e2d1b4960bacc0128d27f90b44b51a23e71/_compass.scssc new file mode 100644 index 0000000..496a8a3 Binary files /dev/null and b/.sass-cache/42180e2d1b4960bacc0128d27f90b44b51a23e71/_compass.scssc differ diff --git a/.sass-cache/42d9e328565e5b4f32e0ac37a4cf125ac43a093a/_grid-background.scssc b/.sass-cache/42d9e328565e5b4f32e0ac37a4cf125ac43a093a/_grid-background.scssc new file mode 100644 index 0000000..02c88eb Binary files /dev/null and b/.sass-cache/42d9e328565e5b4f32e0ac37a4cf125ac43a093a/_grid-background.scssc differ diff --git a/.sass-cache/4b7d479bb6092047bcb9dc57dfd121bbea0994cf/_contrast.scssc b/.sass-cache/4b7d479bb6092047bcb9dc57dfd121bbea0994cf/_contrast.scssc new file mode 100644 index 0000000..8580573 Binary files /dev/null and b/.sass-cache/4b7d479bb6092047bcb9dc57dfd121bbea0994cf/_contrast.scssc differ diff --git a/.sass-cache/4e036e25bfb8153aecdc9ebd95f30dd7f276e70e/_clearfix.scssc b/.sass-cache/4e036e25bfb8153aecdc9ebd95f30dd7f276e70e/_clearfix.scssc new file mode 100644 index 0000000..1fbac15 Binary files /dev/null and b/.sass-cache/4e036e25bfb8153aecdc9ebd95f30dd7f276e70e/_clearfix.scssc differ diff --git a/.sass-cache/4e036e25bfb8153aecdc9ebd95f30dd7f276e70e/_float.scssc b/.sass-cache/4e036e25bfb8153aecdc9ebd95f30dd7f276e70e/_float.scssc new file mode 100644 index 0000000..ae27a0a Binary files /dev/null and b/.sass-cache/4e036e25bfb8153aecdc9ebd95f30dd7f276e70e/_float.scssc differ diff --git a/.sass-cache/4e036e25bfb8153aecdc9ebd95f30dd7f276e70e/_hacks.scssc b/.sass-cache/4e036e25bfb8153aecdc9ebd95f30dd7f276e70e/_hacks.scssc new file mode 100644 index 0000000..f64257c Binary files /dev/null and b/.sass-cache/4e036e25bfb8153aecdc9ebd95f30dd7f276e70e/_hacks.scssc differ diff --git a/.sass-cache/4e036e25bfb8153aecdc9ebd95f30dd7f276e70e/_min.scssc b/.sass-cache/4e036e25bfb8153aecdc9ebd95f30dd7f276e70e/_min.scssc new file mode 100644 index 0000000..bd2cad1 Binary files /dev/null and b/.sass-cache/4e036e25bfb8153aecdc9ebd95f30dd7f276e70e/_min.scssc differ diff --git a/.sass-cache/4e036e25bfb8153aecdc9ebd95f30dd7f276e70e/_reset.scssc b/.sass-cache/4e036e25bfb8153aecdc9ebd95f30dd7f276e70e/_reset.scssc new file mode 100644 index 0000000..60367f5 Binary files /dev/null and b/.sass-cache/4e036e25bfb8153aecdc9ebd95f30dd7f276e70e/_reset.scssc differ diff --git a/.sass-cache/4e036e25bfb8153aecdc9ebd95f30dd7f276e70e/_tag-cloud.scssc b/.sass-cache/4e036e25bfb8153aecdc9ebd95f30dd7f276e70e/_tag-cloud.scssc new file mode 100644 index 0000000..3412287 Binary files /dev/null and b/.sass-cache/4e036e25bfb8153aecdc9ebd95f30dd7f276e70e/_tag-cloud.scssc differ diff --git a/.sass-cache/534a4e77297f960dfde1121b97b49a5c64f7e94e/_css3.scssc b/.sass-cache/534a4e77297f960dfde1121b97b49a5c64f7e94e/_css3.scssc new file mode 100644 index 0000000..8fd3b3c Binary files /dev/null and b/.sass-cache/534a4e77297f960dfde1121b97b49a5c64f7e94e/_css3.scssc differ diff --git a/.sass-cache/534a4e77297f960dfde1121b97b49a5c64f7e94e/_support.scssc b/.sass-cache/534a4e77297f960dfde1121b97b49a5c64f7e94e/_support.scssc new file mode 100644 index 0000000..706284b Binary files /dev/null and b/.sass-cache/534a4e77297f960dfde1121b97b49a5c64f7e94e/_support.scssc differ diff --git a/.sass-cache/534a4e77297f960dfde1121b97b49a5c64f7e94e/_typography.scssc b/.sass-cache/534a4e77297f960dfde1121b97b49a5c64f7e94e/_typography.scssc new file mode 100644 index 0000000..69dbbd9 Binary files /dev/null and b/.sass-cache/534a4e77297f960dfde1121b97b49a5c64f7e94e/_typography.scssc differ diff --git a/.sass-cache/534a4e77297f960dfde1121b97b49a5c64f7e94e/_utilities.scssc b/.sass-cache/534a4e77297f960dfde1121b97b49a5c64f7e94e/_utilities.scssc new file mode 100644 index 0000000..3fd3c85 Binary files /dev/null and b/.sass-cache/534a4e77297f960dfde1121b97b49a5c64f7e94e/_utilities.scssc differ diff --git a/.sass-cache/5da7916f0fab64287a675ab530fec1560e78582e/_alternating-rows-and-columns.scssc b/.sass-cache/5da7916f0fab64287a675ab530fec1560e78582e/_alternating-rows-and-columns.scssc new file mode 100644 index 0000000..3681594 Binary files /dev/null and b/.sass-cache/5da7916f0fab64287a675ab530fec1560e78582e/_alternating-rows-and-columns.scssc differ diff --git a/.sass-cache/5da7916f0fab64287a675ab530fec1560e78582e/_borders.scssc b/.sass-cache/5da7916f0fab64287a675ab530fec1560e78582e/_borders.scssc new file mode 100644 index 0000000..e2acc69 Binary files /dev/null and b/.sass-cache/5da7916f0fab64287a675ab530fec1560e78582e/_borders.scssc differ diff --git a/.sass-cache/5da7916f0fab64287a675ab530fec1560e78582e/_scaffolding.scssc b/.sass-cache/5da7916f0fab64287a675ab530fec1560e78582e/_scaffolding.scssc new file mode 100644 index 0000000..819bbe4 Binary files /dev/null and b/.sass-cache/5da7916f0fab64287a675ab530fec1560e78582e/_scaffolding.scssc differ diff --git a/.sass-cache/6bc02cbe8d83ba386c7ecca1b7b542246acdbd50/_appearance.scssc b/.sass-cache/6bc02cbe8d83ba386c7ecca1b7b542246acdbd50/_appearance.scssc new file mode 100644 index 0000000..61a363c Binary files /dev/null and b/.sass-cache/6bc02cbe8d83ba386c7ecca1b7b542246acdbd50/_appearance.scssc differ diff --git a/.sass-cache/6bc02cbe8d83ba386c7ecca1b7b542246acdbd50/_background-clip.scssc b/.sass-cache/6bc02cbe8d83ba386c7ecca1b7b542246acdbd50/_background-clip.scssc new file mode 100644 index 0000000..6a07cdf Binary files /dev/null and b/.sass-cache/6bc02cbe8d83ba386c7ecca1b7b542246acdbd50/_background-clip.scssc differ diff --git a/.sass-cache/6bc02cbe8d83ba386c7ecca1b7b542246acdbd50/_background-origin.scssc b/.sass-cache/6bc02cbe8d83ba386c7ecca1b7b542246acdbd50/_background-origin.scssc new file mode 100644 index 0000000..0edc402 Binary files /dev/null and b/.sass-cache/6bc02cbe8d83ba386c7ecca1b7b542246acdbd50/_background-origin.scssc differ diff --git a/.sass-cache/6bc02cbe8d83ba386c7ecca1b7b542246acdbd50/_background-size.scssc b/.sass-cache/6bc02cbe8d83ba386c7ecca1b7b542246acdbd50/_background-size.scssc new file mode 100644 index 0000000..8047133 Binary files /dev/null and b/.sass-cache/6bc02cbe8d83ba386c7ecca1b7b542246acdbd50/_background-size.scssc differ diff --git a/.sass-cache/6bc02cbe8d83ba386c7ecca1b7b542246acdbd50/_border-radius.scssc b/.sass-cache/6bc02cbe8d83ba386c7ecca1b7b542246acdbd50/_border-radius.scssc new file mode 100644 index 0000000..94c028b Binary files /dev/null and b/.sass-cache/6bc02cbe8d83ba386c7ecca1b7b542246acdbd50/_border-radius.scssc differ diff --git a/.sass-cache/6bc02cbe8d83ba386c7ecca1b7b542246acdbd50/_box-shadow.scssc b/.sass-cache/6bc02cbe8d83ba386c7ecca1b7b542246acdbd50/_box-shadow.scssc new file mode 100644 index 0000000..3a7a227 Binary files /dev/null and b/.sass-cache/6bc02cbe8d83ba386c7ecca1b7b542246acdbd50/_box-shadow.scssc differ diff --git a/.sass-cache/6bc02cbe8d83ba386c7ecca1b7b542246acdbd50/_box-sizing.scssc b/.sass-cache/6bc02cbe8d83ba386c7ecca1b7b542246acdbd50/_box-sizing.scssc new file mode 100644 index 0000000..2019e45 Binary files /dev/null and b/.sass-cache/6bc02cbe8d83ba386c7ecca1b7b542246acdbd50/_box-sizing.scssc differ diff --git a/.sass-cache/6bc02cbe8d83ba386c7ecca1b7b542246acdbd50/_box.scssc b/.sass-cache/6bc02cbe8d83ba386c7ecca1b7b542246acdbd50/_box.scssc new file mode 100644 index 0000000..94233cb Binary files /dev/null and b/.sass-cache/6bc02cbe8d83ba386c7ecca1b7b542246acdbd50/_box.scssc differ diff --git a/.sass-cache/6bc02cbe8d83ba386c7ecca1b7b542246acdbd50/_columns.scssc b/.sass-cache/6bc02cbe8d83ba386c7ecca1b7b542246acdbd50/_columns.scssc new file mode 100644 index 0000000..d080046 Binary files /dev/null and b/.sass-cache/6bc02cbe8d83ba386c7ecca1b7b542246acdbd50/_columns.scssc differ diff --git a/.sass-cache/6bc02cbe8d83ba386c7ecca1b7b542246acdbd50/_font-face.scssc b/.sass-cache/6bc02cbe8d83ba386c7ecca1b7b542246acdbd50/_font-face.scssc new file mode 100644 index 0000000..ef64d50 Binary files /dev/null and b/.sass-cache/6bc02cbe8d83ba386c7ecca1b7b542246acdbd50/_font-face.scssc differ diff --git a/.sass-cache/6bc02cbe8d83ba386c7ecca1b7b542246acdbd50/_gradient.scssc b/.sass-cache/6bc02cbe8d83ba386c7ecca1b7b542246acdbd50/_gradient.scssc new file mode 100644 index 0000000..65e1b57 Binary files /dev/null and b/.sass-cache/6bc02cbe8d83ba386c7ecca1b7b542246acdbd50/_gradient.scssc differ diff --git a/.sass-cache/6bc02cbe8d83ba386c7ecca1b7b542246acdbd50/_images.scssc b/.sass-cache/6bc02cbe8d83ba386c7ecca1b7b542246acdbd50/_images.scssc new file mode 100644 index 0000000..8cadd5d Binary files /dev/null and b/.sass-cache/6bc02cbe8d83ba386c7ecca1b7b542246acdbd50/_images.scssc differ diff --git a/.sass-cache/6bc02cbe8d83ba386c7ecca1b7b542246acdbd50/_inline-block.scssc b/.sass-cache/6bc02cbe8d83ba386c7ecca1b7b542246acdbd50/_inline-block.scssc new file mode 100644 index 0000000..e1bc4f5 Binary files /dev/null and b/.sass-cache/6bc02cbe8d83ba386c7ecca1b7b542246acdbd50/_inline-block.scssc differ diff --git a/.sass-cache/6bc02cbe8d83ba386c7ecca1b7b542246acdbd50/_opacity.scssc b/.sass-cache/6bc02cbe8d83ba386c7ecca1b7b542246acdbd50/_opacity.scssc new file mode 100644 index 0000000..7334d19 Binary files /dev/null and b/.sass-cache/6bc02cbe8d83ba386c7ecca1b7b542246acdbd50/_opacity.scssc differ diff --git a/.sass-cache/6bc02cbe8d83ba386c7ecca1b7b542246acdbd50/_shared.scssc b/.sass-cache/6bc02cbe8d83ba386c7ecca1b7b542246acdbd50/_shared.scssc new file mode 100644 index 0000000..9c45804 Binary files /dev/null and b/.sass-cache/6bc02cbe8d83ba386c7ecca1b7b542246acdbd50/_shared.scssc differ diff --git a/.sass-cache/6bc02cbe8d83ba386c7ecca1b7b542246acdbd50/_text-shadow.scssc b/.sass-cache/6bc02cbe8d83ba386c7ecca1b7b542246acdbd50/_text-shadow.scssc new file mode 100644 index 0000000..56a870e Binary files /dev/null and b/.sass-cache/6bc02cbe8d83ba386c7ecca1b7b542246acdbd50/_text-shadow.scssc differ diff --git a/.sass-cache/6bc02cbe8d83ba386c7ecca1b7b542246acdbd50/_transform.scssc b/.sass-cache/6bc02cbe8d83ba386c7ecca1b7b542246acdbd50/_transform.scssc new file mode 100644 index 0000000..0fe5f98 Binary files /dev/null and b/.sass-cache/6bc02cbe8d83ba386c7ecca1b7b542246acdbd50/_transform.scssc differ diff --git a/.sass-cache/6bc02cbe8d83ba386c7ecca1b7b542246acdbd50/_transition.scssc b/.sass-cache/6bc02cbe8d83ba386c7ecca1b7b542246acdbd50/_transition.scssc new file mode 100644 index 0000000..cd1d5a8 Binary files /dev/null and b/.sass-cache/6bc02cbe8d83ba386c7ecca1b7b542246acdbd50/_transition.scssc differ diff --git a/.sass-cache/85a32a671dec4996179cc1154f62c29b51de0df3/_bullets.scssc b/.sass-cache/85a32a671dec4996179cc1154f62c29b51de0df3/_bullets.scssc new file mode 100644 index 0000000..38fdd13 Binary files /dev/null and b/.sass-cache/85a32a671dec4996179cc1154f62c29b51de0df3/_bullets.scssc differ diff --git a/.sass-cache/85a32a671dec4996179cc1154f62c29b51de0df3/_horizontal-list.scssc b/.sass-cache/85a32a671dec4996179cc1154f62c29b51de0df3/_horizontal-list.scssc new file mode 100644 index 0000000..a0b17cd Binary files /dev/null and b/.sass-cache/85a32a671dec4996179cc1154f62c29b51de0df3/_horizontal-list.scssc differ diff --git a/.sass-cache/85a32a671dec4996179cc1154f62c29b51de0df3/_inline-block-list.scssc b/.sass-cache/85a32a671dec4996179cc1154f62c29b51de0df3/_inline-block-list.scssc new file mode 100644 index 0000000..202bead Binary files /dev/null and b/.sass-cache/85a32a671dec4996179cc1154f62c29b51de0df3/_inline-block-list.scssc differ diff --git a/.sass-cache/85a32a671dec4996179cc1154f62c29b51de0df3/_inline-list.scssc b/.sass-cache/85a32a671dec4996179cc1154f62c29b51de0df3/_inline-list.scssc new file mode 100644 index 0000000..5f025e2 Binary files /dev/null and b/.sass-cache/85a32a671dec4996179cc1154f62c29b51de0df3/_inline-list.scssc differ diff --git a/.sass-cache/9273919c3602451af54f8336d7a3d44e0013201c/attentive.css.scssc b/.sass-cache/9273919c3602451af54f8336d7a3d44e0013201c/attentive.css.scssc index a8f9f13..0a983f5 100644 Binary files a/.sass-cache/9273919c3602451af54f8336d7a3d44e0013201c/attentive.css.scssc and b/.sass-cache/9273919c3602451af54f8336d7a3d44e0013201c/attentive.css.scssc differ diff --git a/.sass-cache/a6250c4338aa126de4dd1145c19230424f939967/_ellipsis.scssc b/.sass-cache/a6250c4338aa126de4dd1145c19230424f939967/_ellipsis.scssc new file mode 100644 index 0000000..bb4bdc4 Binary files /dev/null and b/.sass-cache/a6250c4338aa126de4dd1145c19230424f939967/_ellipsis.scssc differ diff --git a/.sass-cache/a6250c4338aa126de4dd1145c19230424f939967/_force-wrap.scssc b/.sass-cache/a6250c4338aa126de4dd1145c19230424f939967/_force-wrap.scssc new file mode 100644 index 0000000..a6830cf Binary files /dev/null and b/.sass-cache/a6250c4338aa126de4dd1145c19230424f939967/_force-wrap.scssc differ diff --git a/.sass-cache/a6250c4338aa126de4dd1145c19230424f939967/_nowrap.scssc b/.sass-cache/a6250c4338aa126de4dd1145c19230424f939967/_nowrap.scssc new file mode 100644 index 0000000..172e887 Binary files /dev/null and b/.sass-cache/a6250c4338aa126de4dd1145c19230424f939967/_nowrap.scssc differ diff --git a/.sass-cache/a6250c4338aa126de4dd1145c19230424f939967/_replacement.scssc b/.sass-cache/a6250c4338aa126de4dd1145c19230424f939967/_replacement.scssc new file mode 100644 index 0000000..360261b Binary files /dev/null and b/.sass-cache/a6250c4338aa126de4dd1145c19230424f939967/_replacement.scssc differ diff --git a/.sass-cache/b9649f1926ec81da8d7fe5ecccd48dfd8ce4471c/_utilities.scssc b/.sass-cache/b9649f1926ec81da8d7fe5ecccd48dfd8ce4471c/_utilities.scssc new file mode 100644 index 0000000..840082f Binary files /dev/null and b/.sass-cache/b9649f1926ec81da8d7fe5ecccd48dfd8ce4471c/_utilities.scssc differ diff --git a/.sass-cache/d46bea3708bdc27489c7f79c8fbd5cb6e275c2e3/_hover-link.scssc b/.sass-cache/d46bea3708bdc27489c7f79c8fbd5cb6e275c2e3/_hover-link.scssc new file mode 100644 index 0000000..c9b4586 Binary files /dev/null and b/.sass-cache/d46bea3708bdc27489c7f79c8fbd5cb6e275c2e3/_hover-link.scssc differ diff --git a/.sass-cache/d46bea3708bdc27489c7f79c8fbd5cb6e275c2e3/_link-colors.scssc b/.sass-cache/d46bea3708bdc27489c7f79c8fbd5cb6e275c2e3/_link-colors.scssc new file mode 100644 index 0000000..776274f Binary files /dev/null and b/.sass-cache/d46bea3708bdc27489c7f79c8fbd5cb6e275c2e3/_link-colors.scssc differ diff --git a/.sass-cache/d46bea3708bdc27489c7f79c8fbd5cb6e275c2e3/_unstyled-link.scssc b/.sass-cache/d46bea3708bdc27489c7f79c8fbd5cb6e275c2e3/_unstyled-link.scssc new file mode 100644 index 0000000..21e3a5c Binary files /dev/null and b/.sass-cache/d46bea3708bdc27489c7f79c8fbd5cb6e275c2e3/_unstyled-link.scssc differ diff --git a/.sass-cache/f6db99b162633cfab0ec94bf4f5497f0cd658f9b/_sprite-img.scssc b/.sass-cache/f6db99b162633cfab0ec94bf4f5497f0cd658f9b/_sprite-img.scssc new file mode 100644 index 0000000..a3f7c3d Binary files /dev/null and b/.sass-cache/f6db99b162633cfab0ec94bf4f5497f0cd658f9b/_sprite-img.scssc differ diff --git a/assets/.DS_Store b/assets/.DS_Store new file mode 100644 index 0000000..9eecc6a Binary files /dev/null and b/assets/.DS_Store differ diff --git a/assets/stylesheets/application.css.scss b/assets/stylesheets/application.css.scss index 9651be1..f359877 100644 --- a/assets/stylesheets/application.css.scss +++ b/assets/stylesheets/application.css.scss @@ -30,6 +30,19 @@ body { @include show-logo('sass.gif'); } +.style-big-list { + li { + font-size : 60px; + } +} + +.style-variable-why { + ul { + width : 450px !important; + margin : 0 auto; + } +} + .na { color : #19177C; } diff --git a/presentation/02_sass.slides b/presentation/02_sass.slides index 2ecafcd..9e27f05 100644 --- a/presentation/02_sass.slides +++ b/presentation/02_sass.slides @@ -11,9 +11,9 @@ * Variables `$foo` * Mixins `@mixin` * Functions -* Selector Interitance `@extend, &` +* Selector Inheritance `@extend, &` * Control Directives `@if, @for, @each, @while` -* Its a language +* Its a language! !SLIDE variables # Variables @@ -46,4 +46,41 @@ @include background(linear-gradient($menu-active-direction, $args)); } -``` \ No newline at end of file +``` + +!SLIDE inheritance +# Inheritance +``` scss + +a { + + color : $link-color; + + &:hover { + color : $link-hover-color; + } + +} + +``` + +!SLIDE extend +## Extend +``` scss + +.foo { + font-size : 10px; +} + +.bar { + @extend .foo; +} + +``` +``` css + +.foo, .bar { + font-size : 10px; +} + +``` diff --git a/presentation/03_best_praticies.slides b/presentation/03_best_praticies.slides new file mode 100644 index 0000000..347334b --- /dev/null +++ b/presentation/03_best_praticies.slides @@ -0,0 +1,4 @@ +!SLIDE +# Best Practices + + diff --git a/presentation/03_colors.slides b/presentation/04_colors.slides similarity index 98% rename from presentation/03_colors.slides rename to presentation/04_colors.slides index d1e83d3..ba32e8d 100644 --- a/presentation/03_colors.slides +++ b/presentation/04_colors.slides @@ -1,27 +1,6 @@ !SLIDE # Colors -!SLIDE better -## This is ok, but we can do better -``` scss -// dark gray -$text-color : rgb(33,33,33) !default; -// lightest gray -$text-compliment-color : rgb(188,188,188) !default; -//h1, h2 -$title-color : rgb(63,63,63) !default; -// blue -$primary-accent-color : rgb(33,89,167) !default; -// blue on dark -$primary-accent-compliment-color : rgb(138, 182, 225) !default; -//orange - link color -$secondary-accent-color : rgb(199, 105, 0) !default; -// light gray -$ancillary-color : rgb(109,109,109) !default; -// lighter gray -$ancillary-compliment-color : rgb(150,150,150) !default; -``` - !SLIDE bad # This is bad @@ -42,8 +21,26 @@ $lightest-gray : rgb(188,188,188) !default; ``` -!SLIDE -# But it isn't always bad +!SLIDE better +## This is ok, but we can do better +``` scss +// dark gray +$text-color : rgb(33,33,33) !default; +// lightest gray +$text-compliment-color : rgb(188,188,188) !default; +//h1, h2 +$title-color : rgb(63,63,63) !default; +// blue +$primary-accent-color : rgb(33,89,167) !default; +// blue on dark +$primary-accent-compliment-color : rgb(138, 182, 225) !default; +//orange - link color +$secondary-accent-color : rgb(199, 105, 0) !default; +// light gray +$ancillary-color : rgb(109,109,109) !default; +// lighter gray +$ancillary-compliment-color : rgb(150,150,150) !default; +``` !SLIDE pallet # Pallets diff --git a/presentation/05_variables.slides b/presentation/05_variables.slides new file mode 100644 index 0000000..2af36d5 --- /dev/null +++ b/presentation/05_variables.slides @@ -0,0 +1,64 @@ +!SLIDE variable-layout +# Variables Definitions + +!SLIDE bad-variables +``` scss +// There are 100 lines before this +.content_head { + @include clearfix; + + .hr { + $height : 2px; + padding-top : (rhythm(1) / 2) - $height; + width : 100%; + border-bottom : $height solid $secondary-accent-color; + margin-bottom : 10px; + display : block; + @extend .float-right; + } + + .release_identifiers { + @extend .float-right; + text-align : right; + font-family : $ancillary-font; + } +} +``` + +!SLIDE important + +#Always define your variables at the top of each file! + +!SLIDE big-list variable-why + +* Easy to find +* Easy to update +* No suprises + +!SLIDE + +``` scss +/* Local Variaibles */ +$release-content-width : 760px; +$release-content-border-size : 6px; +$release-content-top-margin : 9px; +$release-content-height : rhythm(2); + +$section-side-width : column-width(4); +$section-side-height : 24; +$section-side-li-padding : 10px; + +$control-border-height : 1px; +$control-box-height : 2; +$control-top-box-leader : 1; + +$group-image-height : rhythm(6); + +.contents .show { + h1 { + @include header(3); + @include trailer; + color : $primary-accent-color; + } + // ... goes on for 100+ lines +``` \ No newline at end of file diff --git a/presentation/06_math.slides b/presentation/06_math.slides new file mode 100644 index 0000000..85677ae --- /dev/null +++ b/presentation/06_math.slides @@ -0,0 +1,45 @@ +!SLIDE +# Math +## Is your best friend + +!SLIDE long +# *Almost* every thing a designer does can be converted into some sort of mathmatical layout... *ALMOST* + +!SLIDE +# Layout +``` scss +$wrapper-width : 960px; +$sidebar-width : 50px; +$main-content-width : $wrapper - $sidebar; + +.wrapper { + width : $wrapper-width; +} + +.sidebar { + width : $sidebar-width; +} + +.content { + width : $main-content-width; +} + +``` + +!SLIDE +# Ranges +``` scss +@for $i from 1 through 4 { + h#{$i} { + @include header($i); + } +} +``` +!SLIDE +# Image demensions +``` scss +.play { + left: ($width / 2) - (global-sprite-width(play_movie) / 2); + top: ($height / 2) - (global-sprite-height(play_movie) / 2); +} +``` \ No newline at end of file diff --git a/presentation/07_inheiritance.slides b/presentation/07_inheiritance.slides new file mode 100644 index 0000000..0edc007 --- /dev/null +++ b/presentation/07_inheiritance.slides @@ -0,0 +1,2 @@ +!SLIDE +# Inheritance \ No newline at end of file