greatbody
/
logseq
mirror of https://github.com/logseq/logseq
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

refactor: build styles

pull/966/head
charlie 2020-12-21 09:26:51 +08:00 committed by Tienson Qin
parent a0677d917b
commit b40b5925f7
4 changed files with 10 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
gulpfile.js
View File

@ -13,8 +13,10 @@ const resourcesPath = path.join(__dirname, 'resources')
const sourcePath = path.join(__dirname, 'src/main/frontend') const sourcePath = path.join(__dirname, 'src/main/frontend')
const resourceFilePath = path.join(resourcesPath, '**') const resourceFilePath = path.join(resourcesPath, '**')
const tailwindCoreEntry = path.join(__dirname, 'tailwind.css')
const tailwindBuildEntry = path.join(sourcePath, '**/*.css')
const tailwind = { const tailwind = {
paths: [path.join(__dirname, 'tailwind.css'), path.join(sourcePath, '**/*.css')], paths: [tailwindCoreEntry, tailwindBuildEntry],
outputDir: path.join(outputPath, 'css'), outputDir: path.join(outputPath, 'css'),
outputName: 'tailwind.build.css', outputName: 'tailwind.build.css',
} }
@ -36,7 +38,10 @@ const css = {
}, },
buildCSS (...params) { buildCSS (...params) {
return gulp.series(css._buildTailwind.bind(null, void 0, void 0), css._optimizeCSSForRelease)(...params) return gulp.series(
css._buildTailwind.bind(null, tailwindCoreEntry, 'tailwind.core.css'),
css._buildTailwind.bind(null, tailwindBuildEntry, 'tailwind.build.css'),
css._optimizeCSSForRelease)(...params)
}, },
_buildTailwind (entry, output) { _buildTailwind (entry, output) {
@ -49,8 +54,6 @@ const css = {
}, },
_optimizeCSSForRelease () { _optimizeCSSForRelease () {
// tailwind.core.css placeholder
fs.writeFileSync(path.join(outputPath, 'css', 'tailwind.core.css'), '')
return gulp.src(path.join(outputPath, 'css', 'style.css')) return gulp.src(path.join(outputPath, 'css', 'style.css'))
.pipe(cleanCSS()) .pipe(cleanCSS())
.pipe(gulp.dest(path.join(outputPath, 'css'))) .pipe(gulp.dest(path.join(outputPath, 'css')))

2
resources/css/common.css
View File

@ -244,7 +244,7 @@ blockquote {
background-color: var(--ls-page-blockquote-bg-color, #f7f7f7); background-color: var(--ls-page-blockquote-bg-color, #f7f7f7);
margin: 1rem 0; margin: 1rem 0;
color: var(--ls-page-blockquote-color, #24292e); color: var(--ls-page-blockquote-color, #24292e);
font-size: 1.25rem; font-size: 1rem;
} }
input { input {

2
resources/css/style.css
View File

@ -10,5 +10,5 @@
@import "./datepicker.css"; @import "./datepicker.css";
@import "./highlight.css"; @import "./highlight.css";
@import "../../static/css/tailwind.core.css"; /* Build by gulp. Check `_buildTailwind` for more detail */ @import "../../static/css/tailwind.core.css"; /* Build by gulp. Check `_buildTailwind` for more detail */
@import "../../static/css/tailwind.build.css"; /* Build by gulp. Check `_buildTailwind` for more detail */
@import "./common.css"; @import "./common.css";
@import "../../static/css/tailwind.build.css"; /* Build by gulp. Check `_buildTailwind` for more detail */

1
src/main/frontend/components/block.css
View File

@ -6,6 +6,7 @@
max-width: 100%; max-width: 100%;
overflow: initial; overflow: initial;
cursor: text; cursor: text;
word-break: break-word;
img { img {
max-width: 100%; max-width: 100%;