diff --git a/Gruntfile.js b/Gruntfile.js index 0ab19d8..7c666bd 100644 --- a/Gruntfile.js +++ b/Gruntfile.js @@ -3,6 +3,15 @@ module.exports = function(grunt) { // Force use of Unix newlines grunt.util.linefeed = '\n'; + + // Find what the current theme's directory is, relative to the WordPress root + var path = process.cwd(); + path = path.replace(/^[\s\S]+\/wp-content/, "\/wp-content"); + + var CSS_LESS_FILES = { + 'css/child.css': 'less/child.less', + 'homepages/assets/css/your_homepage.css': 'homepages/assets/less/your_homepage.less', + }; grunt.initConfig({ pkg: grunt.file.readJSON('package.json'), @@ -10,13 +19,13 @@ module.exports = function(grunt) { less: { development: { options: { - paths: ['less'] + paths: ['less'], + sourceMap: true, + outputSourceFiles: true, + sourceMapBasepath: path, }, - files: { - 'css/style.css': 'less/style.less', - 'homepages/assets/css/your_homepage.css': 'homepages/assets/less/your_homepage.less' - } - } + files: CSS_LESS_FILES + }, }, watch: { @@ -25,17 +34,42 @@ module.exports = function(grunt) { 'less/**/*.less', 'homepages/assets/less/**/*.less' ], - tasks: 'less' + tasks: [ + 'less:development', + 'cssmin' + ] }, sphinx: { files: ['docs/*.rst', 'docs/*/*.rst'], tasks: ['docs'] } }, + + cssmin: { + target: { + options: { + report: 'gzip' + }, + files: [{ + expand: true, + cwd: 'css', + src: ['*.css', '!*.min.css'], + dest: 'css', + ext: '.min.css' + }, + { + expand: true, + cwd: 'homepages/assets/css', + src: ['*.css', '!*.min.css'], + dest: 'homepages/assets/css', + ext: '.min.css' + }] + } + }, - pot: { + pot: { options: { - text_domain: 'your_theme_domain', + text_domain: 'largo', dest: 'lang/', keywords: [ //WordPress localization functions '__:1', @@ -69,4 +103,4 @@ module.exports = function(grunt) { }); require('load-grunt-tasks')(grunt, { scope: 'devDependencies' }); -} +} \ No newline at end of file diff --git a/README.md b/README.md index 996465f..fcd500d 100644 --- a/README.md +++ b/README.md @@ -4,11 +4,11 @@ An example WordPress child theme based on the Largo parent theme (http://github. * * * ## WARNING -We are still working on this so right now it just gives you an example of our preferred directory structure for a child theme (mirroring what we do in the Largo parent theme). +We are actively working on this! -Soon, it will contain a readme in each folder explaining what goes where, how to modify the behavior/look/feel of Largo and other helpful tips and examples. +To create a child theme of your own WE DO NOT recommend cloning this repo exactly as-is. Rather, this is intended as a verbose example of how to structure a child theme. You probably do not need (or want) everything that is included in here but we hope it is a helpful reference as you're building your own child theme with Largo. -If you have specific questions or requests for docs, please open an issue so make sure to address them. +If you have specific questions or requests for documentation, please open an issue so we make sure to address them. * * * @@ -111,4 +111,4 @@ For example: } add_action('wp_enqueue_scripts', 'replace_largoCore') -See the documentation for [`wp_dequeue_script`](http://codex.wordpress.org/Function_Reference/wp_dequeue_script) and [`wp_dequeue_style`](http://codex.wordpress.org/Function_Reference/wp_dequeue_style). +See the documentation for [`wp_dequeue_script`](http://codex.wordpress.org/Function_Reference/wp_dequeue_script) and [`wp_dequeue_style`](http://codex.wordpress.org/Function_Reference/wp_dequeue_style). \ No newline at end of file diff --git a/css/child.css b/css/child.css new file mode 100644 index 0000000..2e5368a --- /dev/null +++ b/css/child.css @@ -0,0 +1,192 @@ +/** + * Largo Sample Child Theme + * ======================= + * Homepage Styles? + * /homepages/less + */ +/** + * 1.1 - Variables + * ======================= + * 1.1.1 - Colors + * 1.1.2 - Fonts + */ +/** + * 1.1.1 Colors - Global and Brand + * ----------------------- + */ +/* Default Variable Names + * @red, @orange, @yellow + * @green, @blue, @purple + * @brown, @gray, @black + * + * @link + * @link_hover + * @brand_primary (only use if different from default color already in use) + * @brand_secondary (only use if different from default color already in use) + * + * VARIATIONS + * @*_light, @*_dark, @*_transparent +----------------------------- */ +/** + * 1.1.2 - Font Definitions + * ----------------------- + */ +/* @headline + * Typeface Name + * Used on headlines throughout site +----------------------------- */ +/* @serif + * Typeface Name + * For body and other general aplications +----------------------------- */ +/* @sans + * Typeface Name + * For labels, bylines, photo credits, etc +----------------------------- */ +/** + * 1.2 - Utilities + * ======================= + * 1.1 - Animation + */ +/** + * 1.1 - Animation + * ----------------------- + */ +/** + * 2.0 - Global Styles + * ======================= + * 2.1 - Largo Parent Overrides + * 2.2 - Link Styles + * 2.3 - Image Styles + * 2.4 - Button Styles + * 2.5 - Sidebars + * 2.6 - Widgets + * 2.6.1 - Example Widget Definition + * 2.7 - Misc + */ +/** + * 2.1 - Largo Parent Overrides + * ----------------------- + */ +.delete-this-class-its-just-for-show { + display: inherit; +} +/** + * 2.2 - Link Styles + * ----------------------- + */ +/** + * 2.3 - Image Styles (use only for global img rule boxes, etc) + * ----------------------- + */ +/** + * 2.4 - Button Styles + * ----------------------- + */ +/** + * 2.5 - Sidebars + * ----------------------- + */ +/** + * 2.6 - Widgets + * ----------------------- + */ +/** + * 2.6.1 - Example Widget Definition + * ----------------------- + */ +/** + * 2.7 - Misc + * ----------------------- + */ +/** + * 3.0 - Header Styles + * ======================= + * 3.1 - General Header Styles + * 3.2 - Main Navigation Styles + * 3.3 - Header Search + */ +/** + * 3.1 - General Header Styles + * ----------------------- + */ +/** + * 3.2 - Main Navigation Styles + * ----------------------- + */ +/** + * 3.3 - Header Search + * ----------------------- + */ +/** + * 4.0 - Typography + * ======================= + * 4.1 - Largo Parent Helvetica and Georgia Overrides + * 4.2 - Body + * 4.3 - Headings + */ +/** + * 4.1 - Largo Parent Override + * ----------------------- + */ +/** + * 4.2 - Body + * ----------------------- + */ +/** + * 4.3 - Headings + * ----------------------- + */ +/** + * 5.0 - Single + * ======================= + * 5.1 - Single Template Spacing + * 5.2 - Single Header + * 5.3 - Single Body + * 5.4 - Single Footer + * 5.5 - Comments + */ +/** + * 5.1 - Single Template Spacing + * ----------------------- + */ +/** + * 5.2 - Single Header + * ----------------------- + */ +/** + * 5.3 - Single Body + * ----------------------- + */ +/** + * 5.4 - Footer + * ----------------------- + */ +/** + * 5.5 - Comments + * ----------------------- + */ +/** + * 6.0 Archive + * ======================= + * 6.1 - Category and Date Archives + * 6.2 - Series Archives + * 6.3 - Author Archives + */ +/** + * 6.1 - Category and Date Archives + * ----------------------- + */ +/** + * 6.2 - Series Archives + * ----------------------- + */ +/** + * 6.3 - Author Archives + * ----------------------- + */ +/** + * 7.0 - Footer + * ======================= + */ +/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImxlc3MvX2dsb2JhbC5sZXNzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFrQkE7RUFDRSxnQkFBQSIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogMi4wIC0gR2xvYmFsIFN0eWxlc1xuICogPT09PT09PT09PT09PT09PT09PT09PT1cbiAqIDIuMSAtIExhcmdvIFBhcmVudCBPdmVycmlkZXNcbiAqIDIuMiAtIExpbmsgU3R5bGVzXG4gKiAyLjMgLSBJbWFnZSBTdHlsZXNcbiAqIDIuNCAtIEJ1dHRvbiBTdHlsZXNcbiAqIDIuNSAtIFNpZGViYXJzXG4gKiAyLjYgLSBXaWRnZXRzXG4gKiAgICAgMi42LjEgLSBFeGFtcGxlIFdpZGdldCBEZWZpbml0aW9uXG4gKiAyLjcgLSBNaXNjXG4gKi9cblxuXG4vKipcbiAgKiAyLjEgLSBMYXJnbyBQYXJlbnQgT3ZlcnJpZGVzXG4gICogLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cbiAgKi9cbi5kZWxldGUtdGhpcy1jbGFzcy1pdHMtanVzdC1mb3Itc2hvdyB7XG4gIGRpc3BsYXk6aW5oZXJpdDtcbn1cblxuXG4vKipcbiAgKiAyLjIgLSBMaW5rIFN0eWxlc1xuICAqIC0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tXG4gICovXG5cblxuLyoqXG4gICogMi4zIC0gSW1hZ2UgU3R5bGVzICh1c2Ugb25seSBmb3IgZ2xvYmFsIGltZyBydWxlIGJveGVzLCBldGMpXG4gICogLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cbiAgKi9cblxuXG4vKipcbiAgKiAyLjQgLSBCdXR0b24gU3R5bGVzXG4gICogLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cbiAgKi9cblxuXG4vKipcbiAgKiAyLjUgLSBTaWRlYmFyc1xuICAqIC0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tXG4gICovXG5cblxuLyoqXG4gICogMi42IC0gV2lkZ2V0c1xuICAqIC0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tXG4gICovXG5cblxuLyoqXG4gICogMi42LjEgLSBFeGFtcGxlIFdpZGdldCBEZWZpbml0aW9uXG4gICogLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cbiAgKi9cblxuXG4vKipcbiAgKiAyLjcgLSBNaXNjXG4gICogLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cbiAgKi9cbiJdfQ== */ \ No newline at end of file diff --git a/css/child.min.css b/css/child.min.css new file mode 100644 index 0000000..2bc5555 --- /dev/null +++ b/css/child.min.css @@ -0,0 +1 @@ +.delete-this-class-its-just-for-show{display:inherit} \ No newline at end of file diff --git a/css/style.css b/css/style.css deleted file mode 100644 index 15c640a..0000000 --- a/css/style.css +++ /dev/null @@ -1 +0,0 @@ -/* Put all of your theme styles here */ diff --git a/docs/readme.md b/docs/readme.md index 731af8f..fa10fe1 100644 --- a/docs/readme.md +++ b/docs/readme.md @@ -4,7 +4,11 @@ When working with a WordPress theme like Largo, you never want to make edits to WordPress uses Child Themes -- a theme that inherits traits from a Parent Theme -- to allow any theme to be customized and still benefit from updates. +<<<<<<< HEAD Child Themes inherit the directory structure and all the files from their Parent Theme. You can modify or turn off attributes inherited from the parent theme, and build custom functionality. +======= +Child Themes inherit all directory structure and files from their Parent Theme. The Parent Theme functions, structure, style and scripts are all inherited. In the Child Themes you can modify or turn off styles inherited from the parent theme, and build custom functionality. +>>>>>>> less-organization Largo is structured a specific way, and when you create a child theme it will be easiest for you to follow parallel structures as you modify and add. @@ -88,6 +92,7 @@ All .less files are brought into this master file. If you add additional .less f # ```/css``` +<<<<<<< HEAD ### ```child.css``` An unminified version of ```less/child.less``` processed into CSS. You need to create a blank file if one doesn't exist or the Grunt workflow won't work. @@ -101,12 +106,88 @@ In Largo, we handle a number of common WordPress functions and features such as Often this is because we have improved on default functionality so that it's better suited for news publishing. Sometimes Largo differences are a result of it being a fork of the open source NPR Argo Project with numerous authors. Here are some Largo Functions you'll want to know before getting started. +======= +![Visual Representation of Child Theme Structure](https://raw.githubusercontent.com/INN/Largo-Sample-Child-Theme/master/docs/structure.png) + +# ```/less``` + +### ```variables.less``` + +### 1.1 - Variables +#### 1.1.1 - Colors +#### 1.1.2 - Fonts + +### ```utilities.less``` + +### 1.2 - Utilities +#### 1.2.1 - Animation + +### ```_global.less``` + +### 2.0 - Global Styles +#### 2.1 - Largo Parent Overrides +#### 2.2 - Link Styles +#### 2.3 - Image Styles +#### 2.4 - Button Styles +#### 2.5 - Sidebars +#### 2.6 - Widgets +##### 2.6.1 - Example Widget Definition +#### 2.7 - Misc + +### ```_header.less``` + +### 3.0 - Header Styles +#### 3.1 - General Header Styles +#### 3.2 - Main Navigation Styles +#### 3.3 - Header Search + +### ```_typography.less``` + +### 4.0 - Typography +#### 4.1 - Largo Parent Helvetica and Georgia Overrides +#### 4.2 - Body +#### 4.3 - Headings + +### ```_single.less``` + +### 5.0 - Single +#### 5.1 - Single Template Spacing +#### 5.2 - Single Header +#### 5.3 - Single Body +#### 5.4 - Single Footer +#### 5.5 - Comments + +### ```_archive.less``` + +### 6.0 Archive +#### 6.1 - Category and Date Archives +#### 6.2 - Series Archives +#### 6.3 - Author Archives + +### ```_footer.less``` + +### 7.0 - Footer +======================= +#### 7.1 - Supplementary +#### 7.2 - Boilerplate + + +# ```/css``` + +### ```style.css``` +An unminified version of ```less/style.less``` processed into CSS. You might need to create a blank file first time around. +###```style.min.css``` +Minified version of ```css/style.css`` used in production. You might need to create a blank file first time around. + +#### Sample Gruntfile +>>>>>>> less-organization ``` largo_time() ``` For posts published less than 24 hours ago, show "time ago" instead of date, otherwise just use get_the_date. +<<<<<<< HEAD ``` largo_byline() ``` @@ -182,6 +263,13 @@ In this case, we would target ```.stories h2.entry-title``` in our CSS. ## 5. Override Largo Template Parts and Add Custom Parts +======= +### Override Largo Style + + + +###Override Largo Template Parts and Add Custom Parts +>>>>>>> less-organization To override a template part from Largo: @@ -201,12 +289,20 @@ To override a custom function from Largo (like the byline output): 3. Paste the function you're overwriting. 3. Make your changes. +<<<<<<< HEAD #### 7. Development Guidelines +======= +#### Development Guidelines +>>>>>>> less-organization - **Don't move functions to a new location.** Overriding largo_byline() output? It should be in ```/inc/post-meta.php```, not ```functions.php```. - **Don't Rebuild the Wheel**. Always modify and use existing functions instead of DIY. This saves clients money, us time and future us hassle. - **Don't assume the plugin is there**. Wrap plugin-dependent functions with ```if(function_exists('function')){ plugin_dependent_function(); }``` to prevent missing plugins from breaking the site. +<<<<<<< HEAD #### 8. Other Largo Child Theme Resources +======= +#### Other Largo Child Theme Resources +>>>>>>> less-organization - [Child Themes Checklist](https://github.com/INN/docs/blob/master/checklists/updating-child-themes.md) in INN/docs. - [Largo Documentation --> For Developers](http://largo.readthedocs.org/developers/fordevelopers.html#overview) on readthedocs.org. - [Largo Sample Child Theme](https://github.com/INN/Largo-Sample-Child-Theme) in INN/Largo-Sample-Child-Theme diff --git a/functions.php b/functions.php index 63b04d6..ce635da 100644 --- a/functions.php +++ b/functions.php @@ -25,6 +25,18 @@ function register_custom_homepage_layout() { add_action('init', 'register_custom_homepage_layout', 0); +/** + * Include compiled style.css + */ +function child_stylesheet() { + wp_dequeue_style( 'largo-child-styles' ); + + $suffix = (LARGO_DEBUG)? '' : '.min'; + wp_enqueue_style( 'your-theme', get_stylesheet_directory_uri().'/css/child' . $suffix . '.css' ); + +} +add_action( 'wp_enqueue_scripts', 'child_stylesheet', 20 ); + /** * Register a custom widget * diff --git a/homepages/assets/css/your_homepage.css b/homepages/assets/css/your_homepage.css index b0fa1ed..cf5d5ba 100644 --- a/homepages/assets/css/your_homepage.css +++ b/homepages/assets/css/your_homepage.css @@ -1 +1,5 @@ /* All of your homepage-specific styles go here */ +.delete-this-class-its-just-for-show { + display: inherit; +} +/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImhvbWVwYWdlcy9hc3NldHMvbGVzcy95b3VyX2hvbWVwYWdlLmxlc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUNBO0VBQ0UsZ0JBQUEiLCJzb3VyY2VzQ29udGVudCI6WyIvKiBBbGwgb2YgeW91ciBob21lcGFnZS1zcGVjaWZpYyBzdHlsZXMgZ28gaGVyZSAqL1xuLmRlbGV0ZS10aGlzLWNsYXNzLWl0cy1qdXN0LWZvci1zaG93IHtcbiAgZGlzcGxheTppbmhlcml0O1xufVxuIl19 */ \ No newline at end of file diff --git a/homepages/assets/css/your_homepage.min.css b/homepages/assets/css/your_homepage.min.css new file mode 100644 index 0000000..2bc5555 --- /dev/null +++ b/homepages/assets/css/your_homepage.min.css @@ -0,0 +1 @@ +.delete-this-class-its-just-for-show{display:inherit} \ No newline at end of file diff --git a/homepages/assets/less/your_homepage.less b/homepages/assets/less/your_homepage.less index b0fa1ed..400cfa6 100644 --- a/homepages/assets/less/your_homepage.less +++ b/homepages/assets/less/your_homepage.less @@ -1 +1,4 @@ /* All of your homepage-specific styles go here */ +.delete-this-class-its-just-for-show { + display:inherit; +} diff --git a/homepages/layouts/your_homepage_layout.php b/homepages/layouts/your_homepage_layout.php index dc27b5f..7c060ff 100644 --- a/homepages/layouts/your_homepage_layout.php +++ b/homepages/layouts/your_homepage_layout.php @@ -10,12 +10,12 @@ function __construct($options=array()) { 'template' => get_stylesheet_directory() . '/homepages/templates/your_homepage_template.php', 'assets' => array( array( - 'your_homepage_javascript', - get_stylesheet_directory_uri() . '/homepages/assets/css/your_homepage.css', + 'your_homepage_css', + get_stylesheet_directory_uri() . '/homepages/assets/css/your_homepage.min.css', array() ), array( - 'your_homepage_css', + 'your_homepage_js', get_stylesheet_directory_uri() . '/homepages/assets/js/your_homepage.js', array('jquery') ) diff --git a/less/_archive.less b/less/_archive.less new file mode 100644 index 0000000..6784145 --- /dev/null +++ b/less/_archive.less @@ -0,0 +1,24 @@ +/** + * 6.0 Archive + * ======================= + * 6.1 - Category and Date Archives + * 6.2 - Series Archives + * 6.3 - Author Archives + */ + +/** + * 6.1 - Category and Date Archives + * ----------------------- + */ + + +/** + * 6.2 - Series Archives + * ----------------------- + */ + + +/** + * 6.3 - Author Archives + * ----------------------- + */ diff --git a/less/_footer.less b/less/_footer.less new file mode 100644 index 0000000..48df4ad --- /dev/null +++ b/less/_footer.less @@ -0,0 +1,4 @@ +/** + * 7.0 - Footer + * ======================= + */ diff --git a/less/_global.less b/less/_global.less new file mode 100644 index 0000000..0ea7f9a --- /dev/null +++ b/less/_global.less @@ -0,0 +1,63 @@ +/** + * 2.0 - Global Styles + * ======================= + * 2.1 - Largo Parent Overrides + * 2.2 - Link Styles + * 2.3 - Image Styles + * 2.4 - Button Styles + * 2.5 - Sidebars + * 2.6 - Widgets + * 2.6.1 - Example Widget Definition + * 2.7 - Misc + */ + + +/** + * 2.1 - Largo Parent Overrides + * ----------------------- + */ +.delete-this-class-its-just-for-show { + display:inherit; +} + + +/** + * 2.2 - Link Styles + * ----------------------- + */ + + +/** + * 2.3 - Image Styles (use only for global img rule boxes, etc) + * ----------------------- + */ + + +/** + * 2.4 - Button Styles + * ----------------------- + */ + + +/** + * 2.5 - Sidebars + * ----------------------- + */ + + +/** + * 2.6 - Widgets + * ----------------------- + */ + + +/** + * 2.6.1 - Example Widget Definition + * ----------------------- + */ + + +/** + * 2.7 - Misc + * ----------------------- + */ diff --git a/less/_header.less b/less/_header.less new file mode 100644 index 0000000..9a95baa --- /dev/null +++ b/less/_header.less @@ -0,0 +1,25 @@ +/** + * 3.0 - Header Styles + * ======================= + * 3.1 - General Header Styles + * 3.2 - Main Navigation Styles + * 3.3 - Header Search + */ + + +/** + * 3.1 - General Header Styles + * ----------------------- + */ + + +/** + * 3.2 - Main Navigation Styles + * ----------------------- + */ + + +/** + * 3.3 - Header Search + * ----------------------- + */ diff --git a/less/_single.less b/less/_single.less new file mode 100644 index 0000000..8725adf --- /dev/null +++ b/less/_single.less @@ -0,0 +1,39 @@ +/** + * 5.0 - Single + * ======================= + * 5.1 - Single Template Spacing + * 5.2 - Single Header + * 5.3 - Single Body + * 5.4 - Single Footer + * 5.5 - Comments + */ + + +/** + * 5.1 - Single Template Spacing + * ----------------------- + */ + + +/** + * 5.2 - Single Header + * ----------------------- + */ + + +/** + * 5.3 - Single Body + * ----------------------- + */ + + +/** + * 5.4 - Footer + * ----------------------- + */ + + +/** + * 5.5 - Comments + * ----------------------- + */ diff --git a/less/_typography.less b/less/_typography.less new file mode 100644 index 0000000..7c65e0b --- /dev/null +++ b/less/_typography.less @@ -0,0 +1,24 @@ +/** + * 4.0 - Typography + * ======================= + * 4.1 - Largo Parent Helvetica and Georgia Overrides + * 4.2 - Body + * 4.3 - Headings + */ + + /** + * 4.1 - Largo Parent Override + * ----------------------- + */ + + + /** + * 4.2 - Body + * ----------------------- + */ + + + /** + * 4.3 - Headings + * ----------------------- + */ diff --git a/less/child.less b/less/child.less new file mode 100644 index 0000000..1f69101 --- /dev/null +++ b/less/child.less @@ -0,0 +1,21 @@ +/** + * Largo Sample Child Theme + * ======================= + * Homepage Styles? + * /homepages/less + */ + +@import "variables.less"; // 1.1 +@import "utilities.less"; // 1.2 + +@import "_global.less"; // 2.0 + +@import "_header.less"; // 3.0 + +@import "_typography.less"; // 4.0 + +@import "_single.less"; // 5.0 + +@import "_archive.less"; // 6.0 + +@import "_footer.less"; // 7.0 diff --git a/less/style.less b/less/style.less deleted file mode 100644 index 4b9d801..0000000 --- a/less/style.less +++ /dev/null @@ -1 +0,0 @@ -/* Put your theme styles here */ diff --git a/less/utilities.less b/less/utilities.less new file mode 100644 index 0000000..3b6eb2b --- /dev/null +++ b/less/utilities.less @@ -0,0 +1,10 @@ +/** + * 1.2 - Utilities + * ======================= + * 1.1 - Animation + */ + + /** + * 1.1 - Animation + * ----------------------- + */ diff --git a/less/variables.less b/less/variables.less new file mode 100644 index 0000000..80c65df --- /dev/null +++ b/less/variables.less @@ -0,0 +1,57 @@ +/** + * 1.1 - Variables + * ======================= + * 1.1.1 - Colors + * 1.1.2 - Fonts + */ + + + /** + * 1.1.1 Colors - Global and Brand + * ----------------------- + */ + +/* Default Variable Names + * @red, @orange, @yellow + * @green, @blue, @purple + * @brown, @gray, @black + * + * @link + * @link_hover + * @brand_primary (only use if different from default color already in use) + * @brand_secondary (only use if different from default color already in use) + * + * VARIATIONS + * @*_light, @*_dark, @*_transparent +----------------------------- */ + +@black: #282828; +@white: #fff; + +@gray_light: #666; +@grey_dark: #222; + + +/** + * 1.1.2 - Font Definitions + * ----------------------- + */ + +/* @headline + * Typeface Name + * Used on headlines throughout site +----------------------------- */ +@headline: " ", "Georgia", serif; + +/* @serif + * Typeface Name + * For body and other general aplications +----------------------------- */ +@serif: " ", "Georgia",serif; + + +/* @sans + * Typeface Name + * For labels, bylines, photo credits, etc +----------------------------- */ +@sans: " ", "Helvetica Neue", "Helvetica",sans-serif; diff --git a/package.json b/package.json index b28b910..ebaf648 100644 --- a/package.json +++ b/package.json @@ -1,5 +1,5 @@ { - "name": "your-theme-name", + "name": "your-theme", "version": "0.1.0", "devDependencies": { "grunt": "~0.4.5", @@ -7,6 +7,9 @@ "grunt-contrib-watch": "~0.6.1", "grunt-pot": "~0.2.0", "grunt-po2mo": "~0.1.0", - "load-grunt-tasks": "~1.0.0" + "grunt-shell": ">=0.2.1", + "load-grunt-tasks": "~1.0.0", + "grunt-contrib-cssmin": "~0.11.0", + "grunt-contrib-uglify": "~0.7.0" } } diff --git a/style.css b/style.css index 7ac4c30..7492251 100644 --- a/style.css +++ b/style.css @@ -7,4 +7,3 @@ Author URI: Author URL Template: largo Version: 0.1.0 */ -@import url(css/style.css);