0.2.8 Adding Grunt and basic Grunt SASS task
This commit is contained in:
parent
6e61f36d14
commit
25fa0d7ee6
9300
css/theme.css
9300
css/theme.css
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
22
gruntfile.js
22
gruntfile.js
|
@ -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' ] );
|
||||||
};
|
};
|
|
@ -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 );
|
||||||
|
|
|
@ -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!
|
||||||
|
|
|
@ -1,8 +1,8 @@
|
||||||
// Use this file to overwrite the basic Bootstrap variables and add your own variables
|
// Use this file to overwrite the basic Bootstrap variables and add your own variables
|
||||||
// To overwrite a Bootstrap variable you don´t have to touch the Bootstrap folder.
|
// To overwrite a Bootstrap variable you don´t have to touch the Bootstrap folder.
|
||||||
//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
|
||||||
|
|
|
@ -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;
|
||||||
|
|
Reference in New Issue