0.2.8 Adding Grunt and basic Grunt SASS task

This commit is contained in:
Holger Koenemann 2015-02-13 14:32:27 +01:00
parent 6e61f36d14
commit 25fa0d7ee6
8 changed files with 9335 additions and 21 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

4
css/theme.min.css vendored Normal file

File diff suppressed because one or more lines are too long

View File

@ -3,23 +3,34 @@ module.exports = function(grunt) {
//2. Project configuration. //2. Project configuration.
grunt.initConfig({ grunt.initConfig({
//define what to do with the SASS process //define what to do with the SASS process
sass: { // Task sass: { // Task
dist: { // Target dev: { // Target
options: { // Target options options: { // Target options
style: 'compressed' style: 'expanded',
sourcemap: 'none'
}, },
files: [{ files: [{
src: ['sass/theme.scss'], src: ['sass/theme.scss'],
dest: 'css/theme.css', dest: 'css/theme.css',
ext: '.css' ext: '.css'
}] }]
},
dist: { // Target
options: { // Target options
style: 'compressed',
sourcemap: 'none'
},
files: [{
src: ['sass/theme.scss'],
dest: 'css/theme.min.css',
ext: '.css'
}]
} }
}, },
watch: { watch: {
css: { css: {
files: 'sass/*', files: ['sass/**/*.scss'],
tasks: ['sass'] tasks: ['sass']
} }
} }
@ -30,7 +41,6 @@ module.exports = function(grunt) {
grunt.loadNpmTasks('grunt-contrib-sass'); grunt.loadNpmTasks('grunt-contrib-sass');
grunt.loadNpmTasks('grunt-contrib-watch'); grunt.loadNpmTasks('grunt-contrib-watch');
//3. register a named task ( 'process' ) that runs Grunt processes ( 'imagemin', 'concat' ) //3. register a named task ( 'process' ) that runs Grunt processes ( 'imagemin', 'concat' )
grunt.registerTask( 'process', [ 'sass' ] ); grunt.registerTask( 'process', [ 'sass:dev', 'sass:dist' ] );
}; };

View File

@ -1,7 +1,7 @@
<?php <?php
function understrap_scripts() { function understrap_scripts() {
wp_enqueue_style( 'understrap-theme', get_stylesheet_directory_uri() . '/css/theme.css', array(), '0.1', false ); wp_enqueue_style( 'understrap-theme', get_stylesheet_directory_uri() . '/css/theme.min.css', array(), '0.2.8', false );
wp_enqueue_script('jquery'); wp_enqueue_script('jquery');
wp_enqueue_script( 'understrap-navigation', get_template_directory_uri() . '/js/bootstrap.min.js', array(), '20120206', true ); wp_enqueue_script( 'understrap-navigation', get_template_directory_uri() . '/js/bootstrap.min.js', array(), '20120206', true );

View File

@ -1,3 +1,15 @@
/*****************************************************************
Import all needed 3rd party sass files plus your own style and variables
1. understrap_underscores.scss
2. theme/theme_variables.scss // Overwriting Bootstrap variables and for own variables <-- ADD YOUR VARIABLES HERE
3. bootstrap/understrap_bootstrap.scss // adding bootstrap <- Dont edit this files!
4. understrap/understrap.scss // Some basic understrap styles. Helps to combine Bootsrap and _s theme and provides some basic styleing for additonal functions <- Dont edit this files!
5. font-awesome/understrap_font-awesome.scss <- Dont edit this files! If you don´t need/want Font Awesome support comment out this line
// Any additional imported files //
6. theme/theme.scss"; // <-- ADD YOUR STYLES HERE
***************************************************************** */
@import "underscores/understrap_underscores"; // the _s starter theme basic styles <- Dont edit this files! @import "underscores/understrap_underscores"; // the _s starter theme basic styles <- Dont edit this files!
@import "theme/theme_variables"; // Overwriting Bootstrap variables and for own variables <-- ADD YOUR VARIABLES HERE @import "theme/theme_variables"; // Overwriting Bootstrap variables and for own variables <-- ADD YOUR VARIABLES HERE
@import "bootstrap/understrap_bootstrap"; // adding bootstrap <- Dont edit this files! @import "bootstrap/understrap_bootstrap"; // adding bootstrap <- Dont edit this files!

View File

@ -3,6 +3,6 @@
// Just copy a variable from /sass/bootstrap/_variables.scss, paste it here and edit the value. // Just copy a variable from /sass/bootstrap/_variables.scss, paste it here and edit the value.
// As example you find one of the most important Bootstrap variable below: $brand-primary. // As example you find one of the most important Bootstrap variable below: $brand-primary.
// Thats the ugly Bootstrap blue used for all the links, primary buttons etc. // Thats the ugly Bootstrap blue used for all the links, primary buttons etc.
//Just add your color code here, compile the SCSS to change this color everywhere // Just add your color code here, compile the theme.scss file to change this color everywhere
$brand-primary: #ff6d5a; //#ff6d5a $brand-primary: #ff6d5a; //#ff6d5a

View File

@ -15,6 +15,7 @@ font-size:inherit;
left: auto !important; left: auto !important;
} }
//Jasny Off-Canvas menu fixed right problems workaround //Jasny Off-Canvas menu fixed right problems workaround
.navmenu-fixed-right { .navmenu-fixed-right {
left: auto !important; left: auto !important;