diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..173aae8 --- /dev/null +++ b/.gitignore @@ -0,0 +1,2 @@ + +css/.DS_Store diff --git a/css/less/less.css b/css/less/less.css new file mode 100644 index 0000000..0c232d9 --- /dev/null +++ b/css/less/less.css @@ -0,0 +1,167 @@ +/* Less Framework 4 + http://lessframework.com + by Joni Korpi + License: http://opensource.org/licenses/mit-license.php */ + + +/* Resets + ------ */ + +html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, +p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, +img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, +dl, dt, dd, ol, ul, li, fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, figure, figcaption, hgroup, +menu, footer, header, nav, section, summary, time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + text-align: left; +} + +article, aside, canvas, figure, figure img, figcaption, hgroup, +footer, header, nav, section, audio, video { + display: block; +} + +a img {border: 0;} + + + +/* Typography presets + ------------------ */ + +.gigantic { + font-size: 123px; + line-height: 132px; + letter-spacing: -2px; +} + +.huge, h1 { + font-size: 76px; + line-height: 84px; + letter-spacing: -1px; +} + +.large, h2 { + font-size: 47px; + line-height: 48px; +} + +.bigger, h3 { + font-size: 29px; + line-height: 36px; +} + +.big, h4 { + font-size: 25px; + line-height: 30px; +} + +body { + font: 18px/24px "Times New Roman", Times, serif; +} + +.small, small { + font-size: 13px; + line-height: 18px; +} + +/* Selection colours (easy to forget) */ + +::selection {background: rgb(255,255,158);} +::-moz-selection {background: rgb(255,255,158);} +img::selection {background: transparent;} +img::-moz-selection {background: transparent;} +body {-webkit-tap-highlight-color: rgb(255,255,158);} + + + +/* Default Layout: 992px. + Gutters: 24px. + Outer margins: 48px. + Leftover space for scrollbars @1024px: 32px. +------------------------------------------------------------------------------- +cols 1 2 3 4 5 6 7 8 9 10 +px 68 160 252 344 436 528 620 712 804 896 */ + +body { + width: 896px; + padding: 72px 48px 84px; + background: #fff; + color: rgb(60,60,60); + -webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */ +} + + + +/* Tablet Layout: 768px. + Gutters: 24px. + Outer margins: 28px. + Inherits styles from: Default Layout. +----------------------------------------------------------------- +cols 1 2 3 4 5 6 7 8 +px 68 160 252 344 436 528 620 712 */ + +@media only screen and (min-width: 768px) and (max-width: 991px) { + + body { + width: 712px; + padding: 48px 28px 60px; + } +} + + + +/* Mobile Layout: 320px. + Gutters: 24px. + Outer margins: 34px. + Inherits styles from: Default Layout. +--------------------------------------------- +cols 1 2 3 +px 68 160 252 */ + +@media only screen and (max-width: 767px) { + + body { + width: 252px; + padding: 48px 34px 60px; + } + +} + + + +/* Wide Mobile Layout: 480px. + Gutters: 24px. + Outer margins: 22px. + Inherits styles from: Default Layout, Mobile Layout. +------------------------------------------------------------ +cols 1 2 3 4 5 +px 68 160 252 344 436 */ + +@media only screen and (min-width: 480px) and (max-width: 767px) { + + body { + width: 436px; + padding: 36px 22px 48px; + } + +} + + +/* Retina media query. + Overrides styles for devices with a + device-pixel-ratio of 2+, such as iPhone 4. +----------------------------------------------- */ + +@media + only screen and (-webkit-min-device-pixel-ratio: 2), + only screen and (min-device-pixel-ratio: 2) { + + body { + + } + +} \ No newline at end of file diff --git a/inc/roots-actions.php b/inc/roots-actions.php index f8ed1cb..b03ca66 100644 --- a/inc/roots-actions.php +++ b/inc/roots-actions.php @@ -93,6 +93,8 @@ function roots_get_stylesheets() { $styles .= "\t\n"; + } elseif ($roots_css_framework === 'less') { + $styles .= stylesheet_link_tag('/less/less.css'); } if (class_exists('RGForms')) { diff --git a/inc/roots-options.php b/inc/roots-options.php index 7b3e320..e7cbcad 100644 --- a/inc/roots-options.php +++ b/inc/roots-options.php @@ -99,6 +99,15 @@ $roots_css_frameworks = array( 'sidebar' => 'grid_4' ) ), + 'less' => array( + 'name' => 'less', + 'label' => __('Less Framework 4', 'roots'), + 'classes' => array( + 'container' => 'container', + 'main' => 'grid_6', + 'sidebar' => 'grid_4' + ) + ), 'none' => array( 'name' => 'none', 'label' => __('None', 'roots'),