mirror of
https://github.com/silverstripe/silverstripe-blog
synced 2024-10-22 11:05:58 +02:00
Removed compass in favour of gulp
This commit is contained in:
micmania1
Robbie Averill
parent
f5974d80a2
commit
1e602a0ac1
3
.gitignore
vendored
3
.gitignore
vendored
@ -1,5 +1,6 @@
|
||||
.ssh/*
|
||||
.bash*
|
||||
.profile
|
||||
vendor/*
|
||||
/vendor/*
|
||||
.sass-cache/*
|
||||
/node_modules/
|
||||
|
||||
23
config.rb
23
config.rb
@ -1,23 +0,0 @@
|
||||
# Require any additional compass plugins here.
|
||||
|
||||
# Set this to the root of your project when deployed:
|
||||
http_path = "/"
|
||||
css_dir = "css"
|
||||
sass_dir = "scss"
|
||||
javascripts_dir = "javascript"
|
||||
|
||||
# You can select your preferred output style here (can be overridden via the command line):
|
||||
# output_style = :expanded or :nested or :compact or :compressed
|
||||
|
||||
# To enable relative paths to assets via compass helper functions. Uncomment:
|
||||
relative_assets = true
|
||||
|
||||
# To disable debugging comments that display the original location of your selectors. Uncomment:
|
||||
line_comments = false
|
||||
|
||||
|
||||
# If you prefer the indented syntax, you might want to regenerate this
|
||||
# project again passing --syntax sass, or you can uncomment this:
|
||||
# preferred_syntax = :sass
|
||||
# and then run:
|
||||
# sass-convert -R --from scss --to sass scss scss && rm -rf sass && mv scss sass
|
||||
81
css/blog.css
81
css/blog.css
@ -1,58 +1,43 @@
|
||||
.no-sidebar .content-container.size3of4 {
|
||||
width: 75%;
|
||||
}
|
||||
width: 75%; }
|
||||
|
||||
.blog-entry .post-image img {
|
||||
width: 98.75%;
|
||||
}
|
||||
width: 98.75%; }
|
||||
|
||||
.blog-sidebar .WidgetHolder ul {
|
||||
margin-left: 0;
|
||||
}
|
||||
.blog-sidebar .WidgetHolder ul li {
|
||||
list-style-type: none;
|
||||
}
|
||||
margin-left: 0; }
|
||||
.blog-sidebar .WidgetHolder ul li {
|
||||
list-style-type: none; }
|
||||
|
||||
ul.blogTagCloud {
|
||||
list-style-type: none;
|
||||
clear: both;
|
||||
}
|
||||
ul.blogTagCloud li {
|
||||
clear: both; }
|
||||
ul.blogTagCloud li {
|
||||
float: left;
|
||||
display: inline;
|
||||
padding-right: 8px;
|
||||
}
|
||||
ul.blogTagCloud li a span {
|
||||
padding-right: 8px; }
|
||||
ul.blogTagCloud li a span {
|
||||
float: left;
|
||||
line-height: 30px; text-align: center;
|
||||
padding: 0px;
|
||||
}
|
||||
ul.blogTagCloud .tagCount10 {
|
||||
font-size: 26pt;
|
||||
}
|
||||
ul.blogTagCloud .tagCount9 {
|
||||
font-size: 24pt;
|
||||
}
|
||||
ul.blogTagCloud .tagCount8 {
|
||||
font-size: 22pt;
|
||||
}
|
||||
ul.blogTagCloud .tagCount7 {
|
||||
font-size: 20pt;
|
||||
}
|
||||
ul.blogTagCloud .tagCount6 {
|
||||
font-size: 18pt;
|
||||
}
|
||||
ul.blogTagCloud .tagCount5 {
|
||||
font-size: 16pt;
|
||||
}
|
||||
ul.blogTagCloud .tagCount4 {
|
||||
font-size: 14pt;
|
||||
}
|
||||
ul.blogTagCloud .tagCount3 {
|
||||
font-size: 12pt;
|
||||
}
|
||||
ul.blogTagCloud .tagCount2 {
|
||||
font-size: 10pt;
|
||||
}
|
||||
ul.blogTagCloud .tagCount1 {
|
||||
font-size: 8pt;
|
||||
}
|
||||
line-height: 30px;
|
||||
text-align: center;
|
||||
padding: 0px; }
|
||||
ul.blogTagCloud .tagCount10 {
|
||||
font-size: 26pt; }
|
||||
ul.blogTagCloud .tagCount9 {
|
||||
font-size: 24pt; }
|
||||
ul.blogTagCloud .tagCount8 {
|
||||
font-size: 22pt; }
|
||||
ul.blogTagCloud .tagCount7 {
|
||||
font-size: 20pt; }
|
||||
ul.blogTagCloud .tagCount6 {
|
||||
font-size: 18pt; }
|
||||
ul.blogTagCloud .tagCount5 {
|
||||
font-size: 16pt; }
|
||||
ul.blogTagCloud .tagCount4 {
|
||||
font-size: 14pt; }
|
||||
ul.blogTagCloud .tagCount3 {
|
||||
font-size: 12pt; }
|
||||
ul.blogTagCloud .tagCount2 {
|
||||
font-size: 10pt; }
|
||||
ul.blogTagCloud .tagCount1 {
|
||||
font-size: 8pt; }
|
||||
|
||||
127
css/cms.css
127
css/cms.css
@ -7,19 +7,12 @@
|
||||
/*
|
||||
* Sprite maps & Icons
|
||||
*/
|
||||
.blog-icon-sprite, .gridfield-icon .blog-icon-timer {
|
||||
background-image: url('../images/blog-icon-s0a5ab5f851.png');
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.gridfield-icon .blog-icon-timer {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.gridfield-icon.blog-icon-timer {
|
||||
background: url("../images/blog-icon/timer.png") center no-repeat; }
|
||||
|
||||
#FeaturedImage .middleColumn {
|
||||
clear: none;
|
||||
float: left;
|
||||
}
|
||||
float: left; }
|
||||
|
||||
.blog-admin-sidebar {
|
||||
width: 280px;
|
||||
@ -28,60 +21,46 @@
|
||||
position: absolute;
|
||||
right: 0px;
|
||||
bottom: 0px;
|
||||
height: 100%;
|
||||
}
|
||||
.blog-admin-sidebar .cms-panel-toggle a {
|
||||
text-align: left;
|
||||
}
|
||||
.blog-admin-sidebar ~ .blog-admin-outer {
|
||||
height: 100%; }
|
||||
.blog-admin-sidebar .cms-panel-toggle a {
|
||||
text-align: left; }
|
||||
.blog-admin-sidebar ~ .blog-admin-outer {
|
||||
width: 100%;
|
||||
padding-right: 280px;
|
||||
position: absolute;
|
||||
height: 100%;
|
||||
overflow-y: hidden;
|
||||
overflow-x: hidden;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.blog-admin-sidebar ~ .blog-admin-outer > .ss-tabset {
|
||||
box-sizing: border-box; }
|
||||
.blog-admin-sidebar ~ .blog-admin-outer > .ss-tabset {
|
||||
position: relative;
|
||||
overflow: auto;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
.blog-admin-sidebar ~ .blog-admin-outer > .ss-tabset #Title label {
|
||||
float: none;
|
||||
}
|
||||
.blog-admin-sidebar ~ .blog-admin-outer > .ss-tabset #Title .middleColumn, .blog-admin-sidebar ~ .blog-admin-outer > .ss-tabset #Title input {
|
||||
width: 100%; }
|
||||
.blog-admin-sidebar ~ .blog-admin-outer > .ss-tabset #Title label {
|
||||
float: none; }
|
||||
.blog-admin-sidebar ~ .blog-admin-outer > .ss-tabset #Title .middleColumn, .blog-admin-sidebar ~ .blog-admin-outer > .ss-tabset #Title input {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
margin-left: 0;
|
||||
}
|
||||
.blog-admin-sidebar .cms-content-view > .field + .field {
|
||||
margin-top: 10px;
|
||||
}
|
||||
.blog-admin-sidebar .cms-content-view > .field.urlsegment .preview {
|
||||
margin-left: 0; }
|
||||
.blog-admin-sidebar .cms-content-view > .field + .field {
|
||||
margin-top: 10px; }
|
||||
.blog-admin-sidebar .cms-content-view > .field.urlsegment .preview {
|
||||
padding-top: 0;
|
||||
line-height: 25px;
|
||||
}
|
||||
.blog-admin-sidebar .cms-content-view > .field.urlsegment .edit {
|
||||
float: right;
|
||||
}
|
||||
.blog-admin-sidebar .cms-content-view > .field.datetime > .middleColumn > .date {
|
||||
width: 60%;
|
||||
}
|
||||
.blog-admin-sidebar .cms-content-view > .field.datetime > .middleColumn > .time {
|
||||
line-height: 25px; }
|
||||
.blog-admin-sidebar .cms-content-view > .field.urlsegment .edit {
|
||||
float: right; }
|
||||
.blog-admin-sidebar .cms-content-view > .field.datetime > .middleColumn > .date {
|
||||
width: 60%; }
|
||||
.blog-admin-sidebar .cms-content-view > .field.datetime > .middleColumn > .time {
|
||||
width: 36%;
|
||||
float: right;
|
||||
}
|
||||
.blog-admin-sidebar .cms-content-view > .field.datetime > .middleColumn .middleColumn, .blog-admin-sidebar .cms-content-view > .field.datetime > .middleColumn input {
|
||||
width: 100%;
|
||||
}
|
||||
.blog-admin-sidebar.collapsed ~ .blog-admin-outer {
|
||||
padding-right: 41px;
|
||||
}
|
||||
.blog-admin-sidebar.cms-content-tools .cms-panel-content {
|
||||
width: auto;
|
||||
}
|
||||
float: right; }
|
||||
.blog-admin-sidebar .cms-content-view > .field.datetime > .middleColumn .middleColumn, .blog-admin-sidebar .cms-content-view > .field.datetime > .middleColumn input {
|
||||
width: 100%; }
|
||||
.blog-admin-sidebar.collapsed ~ .blog-admin-outer {
|
||||
padding-right: 41px; }
|
||||
.blog-admin-sidebar.cms-content-tools .cms-panel-content {
|
||||
width: auto; }
|
||||
|
||||
.toggle-description {
|
||||
text-indent: -1000000px;
|
||||
@ -89,63 +68,53 @@
|
||||
background: url("../images/information.png") no-repeat center center;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin-left: 4px;
|
||||
}
|
||||
margin-left: 4px; }
|
||||
|
||||
.middleColumn.toggle-description-correct-middle {
|
||||
margin-left: 0;
|
||||
float: left;
|
||||
width: 416px;
|
||||
}
|
||||
width: 416px; }
|
||||
|
||||
label.right.toggle-description-correct-right {
|
||||
display: inline-block;
|
||||
margin-left: 0;
|
||||
clear: none;
|
||||
float: left;
|
||||
}
|
||||
float: left; }
|
||||
|
||||
.description.toggle-description-correct-description {
|
||||
width: 416px;
|
||||
padding: 12px 0;
|
||||
}
|
||||
padding: 12px 0; }
|
||||
|
||||
.custom-summary .ui-accordion-content .field {
|
||||
margin: 0;
|
||||
}
|
||||
margin: 0; }
|
||||
|
||||
.custom-summary .ui-accordion-content,
|
||||
.custom-summary .ui-accordion-content .field {
|
||||
padding: 0;
|
||||
}
|
||||
padding: 0; }
|
||||
|
||||
.custom-summary .ui-icon-triangle-1-e {
|
||||
background-position: -16px -128px;
|
||||
}
|
||||
background-position: -16px -128px; }
|
||||
|
||||
.cms table.ss-gridfield-table tr td.MergeAction {
|
||||
width: 225px;
|
||||
}
|
||||
.cms table.ss-gridfield-table tr td.MergeAction a {
|
||||
width: 225px; }
|
||||
.cms table.ss-gridfield-table tr td.MergeAction a {
|
||||
display: block;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
.cms table.ss-gridfield-table tr td.MergeAction select {
|
||||
width: 150px;
|
||||
}
|
||||
width: 100%; }
|
||||
.cms table.ss-gridfield-table tr td.MergeAction select {
|
||||
width: 150px; }
|
||||
|
||||
.cms-content-actions,
|
||||
.cms-preview-controls {
|
||||
z-index: 999;
|
||||
}
|
||||
z-index: 999; }
|
||||
|
||||
.blog-cms-categorisation .MergeActionReveal {
|
||||
margin-left: 10px;
|
||||
}
|
||||
margin-left: 10px; }
|
||||
|
||||
.blog-cms-categorisation .MergeActionReveal:after {
|
||||
content: '';
|
||||
background: url("../images/move-icon.png");
|
||||
display: inline-block;
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
margin-left: 4px;
|
||||
}
|
||||
margin-left: 4px; }
|
||||
|
||||
17
gulpfile.js
Normal file
17
gulpfile.js
Normal file
@ -0,0 +1,17 @@
|
||||
var sass = require("gulp-sass");
|
||||
var gulp = require("gulp");
|
||||
var watch = require('gulp-watch');
|
||||
|
||||
gulp.task("scss", function () {
|
||||
gulp.src("./scss/*.scss")
|
||||
.pipe(sass().on('error', sass.logError))
|
||||
.pipe(gulp.dest("./css"));
|
||||
});
|
||||
|
||||
gulp.task('watch', ['scss'], function() {
|
||||
gulp.watch('./scss/*.scss', ['scss']);
|
||||
});
|
||||
|
||||
gulp.task('default', ['scss'], function() {
|
||||
// noop
|
||||
});
|
||||
28
package.json
Normal file
28
package.json
Normal file
@ -0,0 +1,28 @@
|
||||
{
|
||||
"name": "silverstripe-blog",
|
||||
"version": "3.0.0",
|
||||
"description": "Silverstripe blog module",
|
||||
"main": "index.js",
|
||||
"directories": {
|
||||
"doc": "docs",
|
||||
"test": "tests"
|
||||
},
|
||||
"scripts": {
|
||||
"test": "echo \"Error: no test specified\" && exit 1"
|
||||
},
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "git+https://github.com/silverstripe/silverstripe-blog.git"
|
||||
},
|
||||
"author": "",
|
||||
"license": "BSD-3",
|
||||
"bugs": {
|
||||
"url": "https://github.com/silverstripe/silverstripe-blog/issues"
|
||||
},
|
||||
"homepage": "https://github.com/silverstripe/silverstripe-blog#readme",
|
||||
"devDependencies": {
|
||||
"gulp": "^3.9.1",
|
||||
"gulp-sass": "^2.3.1",
|
||||
"gulp-watch": "^4.3.6"
|
||||
}
|
||||
}
|
||||
@ -4,16 +4,16 @@
|
||||
/**
|
||||
* Include Compass framework
|
||||
*/
|
||||
@import "compass";
|
||||
// @import "compass";
|
||||
/*
|
||||
* Sprite maps & Icons
|
||||
*/
|
||||
@import "compass/utilities/sprites/base";
|
||||
@import "blog-icon/*.png";
|
||||
// @import "compass/utilities/sprites/base";
|
||||
// @import "blog-icon/*.png";
|
||||
// buttons
|
||||
|
||||
.gridfield-icon {
|
||||
@include all-blog-icon-sprites;
|
||||
.gridfield-icon.blog-icon-timer {
|
||||
background: url('../images/blog-icon/timer.png') center no-repeat;
|
||||
}
|
||||
|
||||
#FeaturedImage .middleColumn {
|
||||
|
||||
Loading…
Reference in New Issue
Block a user