Bauke/userstyles
Bauke
/
userstyles
1
Fork 0
Code Releases 4 Activity

Renamed styles folder to sass

This commit is contained in:
Bauke 2018-06-15 14:41:58 +02:00
parent 225d7fcbf3
commit c758f49daa
No known key found for this signature in database
GPG Key ID: 2E60C4161D9ECCB2
21 changed files with 401 additions and 401 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
generate.js
View File

@ -7,7 +7,7 @@ const path = require('path')
const userCss = require('usercss-creator')
// Define constants
const stylesDirectory = path.join(__dirname, 'styles')
const stylesDirectory = path.join(__dirname, 'sass')
const cssDirectory = path.join(__dirname, 'css')
// Walk recursively through styles directory

8
package.json
View File

@ -7,14 +7,14 @@
},
"license": "MIT",
"scripts": {
"watch": "node-sass -w styles -o temp",
"watch": "node-sass -w sass -o temp",
"release": "yarn lint && yarn build:prod && yarn generate",
"generate": "node generate.js",
"build:dev": "node-sass styles -o temp",
"build:prod": "node-sass styles -o css",
"build:dev": "node-sass sass -o temp",
"build:prod": "node-sass sass -o css -q",
"lint": "yarn lint:js && yarn lint:css",
"lint:js": "eslint . --color",
"lint:css": "stylelint \"styles/**/*.sass\" --color"
"lint:css": "stylelint \"sass/**/*.sass\" --color"
},
"dependencies": {
"klaw-sync": "^4.0.0",

58
styles/tildes-compact/_topic-listings.sass → sass/tildes-compact/_topic-listings.sass Executable file → Normal file
View File

@ -1,29 +1,29 @@
.topic-listing,
.post-listing
.topic-text-excerpt
display: none !important
.topic-metadata
display: inline-flex !important
height: 1.3em !important
max-width: 200px !important
overflow: hidden !important
white-space: nowrap !important
.topic-tags
li
display: none !important
&:nth-child(-n+3)
display: inherit !important
.topic-info
width: 500px !important
.user-label
display: none !important
.post-listing
.post-buttons,
.comment-votes
display: none !important
.topic-listing,
.post-listing
.topic-text-excerpt
display: none !important
.topic-metadata
display: inline-flex !important
height: 1.3em !important
max-width: 200px !important
overflow: hidden !important
white-space: nowrap !important
.topic-tags
li
display: none !important
&:nth-child(-n+3)
display: inherit !important
.topic-info
width: 500px !important
.user-label
display: none !important
.post-listing
.post-buttons,
.comment-votes
display: none !important

36
styles/tildes-compact/tildes-compact.js → sass/tildes-compact/tildes-compact.js Executable file → Normal file
View File

@ -1,18 +1,18 @@
// Descriptor for Tildes Compact
const entry = 'tildes-compact.css'
const folder = 'tildes-compact'
const options = {
name: 'Tildes Compact',
namespace: 'tildes.net',
version: '1.0.0',
author: 'Bauke',
description: 'Compact theme for Tildes.net',
}
module.exports = {
entry: entry,
folder: folder,
options: options
}
// Descriptor for Tildes Compact
const entry = 'tildes-compact.css'
const folder = 'tildes-compact'
const options = {
name: 'Tildes Compact',
namespace: 'tildes.net',
version: '1.0.0',
author: 'Bauke',
description: 'Compact theme for Tildes.net',
}
module.exports = {
entry: entry,
folder: folder,
options: options
}

4
styles/tildes-compact/tildes-compact.sass → sass/tildes-compact/tildes-compact.sass Executable file → Normal file
View File

@ -1,2 +1,2 @@
@-moz-document domain('tildes.net')
@import '_topic-listings.sass'
@-moz-document domain('tildes.net')
@import '_topic-listings.sass'

8
styles/tildes-dracula/_blog.sass → sass/tildes-dracula/_blog.sass Executable file → Normal file
View File

@ -1,4 +1,4 @@
@import '_colors.sass'
.date-info
color: $foreground !important
@import '_colors.sass'
.date-info
color: $foreground !important

70
styles/tildes-dracula/_buttons.sass → sass/tildes-dracula/_buttons.sass Executable file → Normal file
View File

@ -1,35 +1,35 @@
@import '_colors.sass'
.btn
border-color: $cyan !important
color: $cyan !important
&:hover
border-color: $purple !important
background: none !important
color: $purple !important
.btn-primary
border-color: $cyan !important
background: $cyan !important
color: $comment !important
&:hover
border-color: $comment !important
background: $comment !important
color: $foreground !important
.btn-used
border-color: $pink !important
color: $pink !important
&:hover
border-color: $pink !important
background: $pink !important
color: $foreground !important
.btn-link
border-color: transparent !important
&:hover
border-color: transparent !important
@import '_colors.sass'
.btn
border-color: $cyan !important
color: $cyan !important
&:hover
border-color: $purple !important
background: none !important
color: $purple !important
.btn-primary
border-color: $cyan !important
background: $cyan !important
color: $comment !important
&:hover
border-color: $comment !important
background: $comment !important
color: $foreground !important
.btn-used
border-color: $pink !important
color: $pink !important
&:hover
border-color: $pink !important
background: $pink !important
color: $foreground !important
.btn-link
border-color: transparent !important
&:hover
border-color: transparent !important

26
styles/tildes-dracula/_colors.sass → sass/tildes-dracula/_colors.sass Executable file → Normal file
View File

@ -1,13 +1,13 @@
$foreground: #f8f8f2
$background: #282a36
$selection: #44475a
$current-line: #44475a
$comment: #6272a4
$red: #ff5555
$orange: #ffb86c
$yellow: #f1fa8c
$green: #50fa7b
$cyan: #8be9fd
$purple: #bd93f9
$pink: #ff79c6
$foreground: #f8f8f2
$background: #282a36
$selection: #44475a
$current-line: #44475a
$comment: #6272a4
$red: #ff5555
$orange: #ffb86c
$yellow: #f1fa8c
$green: #50fa7b
$cyan: #8be9fd
$purple: #bd93f9
$pink: #ff79c6

42
styles/tildes-dracula/_comment-tags.sass → sass/tildes-dracula/_comment-tags.sass Executable file → Normal file
View File

@ -1,21 +1,21 @@
@import '_colors.sass'
.label-comment-tag-offtopic
border-color: $cyan !important
color: $cyan !important
.label-comment-tag-joke
border-color: $green !important
color: $green !important
.label-comment-tag-flame
border-color: $red !important
color: $red !important
.label-comment-tag-troll
border-color: $orange !important
color: $orange !important
.label-comment-tag-noise
border-color: $yellow !important
color: $yellow !important
@import '_colors.sass'
.label-comment-tag-offtopic
border-color: $cyan !important
color: $cyan !important
.label-comment-tag-joke
border-color: $green !important
color: $green !important
.label-comment-tag-flame
border-color: $red !important
color: $red !important
.label-comment-tag-troll
border-color: $orange !important
color: $orange !important
.label-comment-tag-noise
border-color: $yellow !important
color: $yellow !important

70
styles/tildes-dracula/_comments.sass → sass/tildes-dracula/_comments.sass Executable file → Normal file
View File

@ -1,35 +1,35 @@
@import '_colors.sass'
.comment
border-color: $background !important
header
background-color: $background !important
color: $foreground !important
a
color: $cyan !important
a.link-user
color: $green !important
a.link-user:visited
color: $pink !important
.comment-user-info
color: $purple !important
.is-comment-mine
> .comment-itself
border-color: $comment !important
.is-comment-by-op
> .comment-itself
border-color: $purple !important
.is-comment-new
.comment-itself
border-color: $yellow !important
.comment-text
color: $foreground !important
@import '_colors.sass'
.comment
border-color: $background !important
header
background-color: $background !important
color: $foreground !important
a
color: $cyan !important
a.link-user
color: $green !important
a.link-user:visited
color: $pink !important
.comment-user-info
color: $purple !important
.is-comment-mine
> .comment-itself
border-color: $comment !important
.is-comment-by-op
> .comment-itself
border-color: $purple !important
.is-comment-new
.comment-itself
border-color: $yellow !important
.comment-text
color: $foreground !important

32
styles/tildes-dracula/_docs.sass → sass/tildes-dracula/_docs.sass Executable file → Normal file
View File

@ -1,16 +1,16 @@
@import '_colors.sass'
.conspicuous
color: $red !important
.toc
background-color: $background !important
.highlight
background-color: $selection !important
>pre
margin-left: 0 !important
#page-list
background-color: $selection !important
@import '_colors.sass'
.conspicuous
color: $red !important
.toc
background-color: $background !important
.highlight
background-color: $selection !important
>pre
margin-left: 0 !important
#page-list
background-color: $selection !important

104
styles/tildes-dracula/_html-tags.sass → sass/tildes-dracula/_html-tags.sass Executable file → Normal file
View File

@ -1,52 +1,52 @@
@import '_colors.sass'
body
color: $foreground !important
background-color: $background !important
a
color: $cyan !important
header a
color: $foreground !important
main
font-family: sans-serif
main,
aside
background-color: $selection !important
blockquote
border-color: $foreground !important
background-color: $background !important
textarea
border-color: $comment !important
background-color: $background !important
color: $foreground !important
tr
background-color: $background !important
td
border-color: $selection !important
border-bottom-width: 0.2rem !important
pre,
code
border: none !important
background-color: $background !important
color: $foreground !important
pre
padding: 5px 10px !important
code
padding: 0 !important
section
border-color: $background !important
footer
background-color: $background !important
@import '_colors.sass'
body
color: $foreground !important
background-color: $background !important
a
color: $cyan !important
header a
color: $foreground !important
main
font-family: sans-serif
main,
aside
background-color: $selection !important
blockquote
border-color: $foreground !important
background-color: $background !important
textarea
border-color: $comment !important
background-color: $background !important
color: $foreground !important
tr
background-color: $background !important
td
border-color: $selection !important
border-bottom-width: 0.2rem !important
pre,
code
border: none !important
background-color: $background !important
color: $foreground !important
pre
padding: 5px 10px !important
code
padding: 0 !important
section
border-color: $background !important
footer
background-color: $background !important

52
styles/tildes-dracula/_listing-options.sass → sass/tildes-dracula/_listing-options.sass Executable file → Normal file
View File

@ -1,26 +1,26 @@
@import '_colors.sass'
.tab
border-color: $comment !important
.tab-item
a
color: $foreground !important
a:hover
color: $cyan !important
.tab-item.active
a
color: $cyan !important
border-bottom-color: $cyan !important
.tab-listing-order
border-color: $comment !important
.form-select
border-color: $comment !important
&:not([multiple])
&:not([size])
background-color: $selection !important
@import '_colors.sass'
.tab
border-color: $comment !important
.tab-item
a
color: $foreground !important
a:hover
color: $cyan !important
.tab-item.active
a
color: $cyan !important
border-bottom-color: $cyan !important
.tab-listing-order
border-color: $comment !important
.form-select
border-color: $comment !important
&:not([multiple])
&:not([size])
background-color: $selection !important

34
styles/tildes-dracula/_messages.sass → sass/tildes-dracula/_messages.sass Executable file → Normal file
View File

@ -1,17 +1,17 @@
@import '_colors.sass'
.message
border-top: none !important
border-right: none !important
border-bottom: none !important
border-color: $background !important
header
background-color: $background !important
.message-text
color: $foreground !important
.is-message-mine
border-width: 1px !important
margin-left: 0 !important
@import '_colors.sass'
.message
border-top: none !important
border-right: none !important
border-bottom: none !important
border-color: $background !important
header
background-color: $background !important
.message-text
color: $foreground !important
.is-message-mine
border-width: 1px !important
margin-left: 0 !important

10
styles/tildes-dracula/_sidebar.sass → sass/tildes-dracula/_sidebar.sass Executable file → Normal file
View File

@ -1,5 +1,5 @@
@import '_colors.sass'
aside#sidebar
.group-subscription-count
text-align: center
@import '_colors.sass'
aside#sidebar
.group-subscription-count
text-align: center

6
styles/tildes-dracula/_site-header.sass → sass/tildes-dracula/_site-header.sass Executable file → Normal file
View File

@ -1,3 +1,3 @@
body>header>a:nth-child(1)
background-size: 32px 32px !important
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAACQCAMAAADQmBKKAAAAHlBMVEUoKjZQ+nticqSL6f29k/nx+oz/VVX/ecb/uGz///+3yBn7AAAAaklEQVR42u3Oxw2AQAADsNDZf2IGyO8kioQ9gQMAAAAAcLelCAkJCQkJCQkJ/Tk0lZS5ZMhZhISEhISEhISEvhbaSoasJWUvKUJCQkJCQkJCQu+GnnSUFCEhISEhISEhoXdDAAAAAAA3uwDrCC2R1NNC7QAAAABJRU5ErkJggg==') !important
body>header>a:nth-child(1)
background-size: 32px 32px !important
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAACQCAMAAADQmBKKAAAAHlBMVEUoKjZQ+nticqSL6f29k/nx+oz/VVX/ecb/uGz///+3yBn7AAAAaklEQVR42u3Oxw2AQAADsNDZf2IGyO8kioQ9gQMAAAAAcLelCAkJCQkJCQkJ/Tk0lZS5ZMhZhISEhISEhISEvhbaSoasJWUvKUJCQkJCQkJCQu+GnnSUFCEhISEhISEhoXdDAAAAAAA3uwDrCC2R1NNC7QAAAABJRU5ErkJggg==') !important

66
styles/tildes-dracula/_tildes-extended.sass → sass/tildes-dracula/_tildes-extended.sass Executable file → Normal file
View File

@ -1,33 +1,33 @@
@import '_colors.sass'
.label-edit-box
background-color: $background !important
color: $foreground !important
.user-label
border-radius: 0 !important
padding: 1px 3px !important
.bg-red
background-color: $red !important
color: $foreground !important
.bg-orangered
background-color: $orange !important
color: $background !important
.bg-orange
background-color: $yellow !important
color: $background !important
.bg-dodgerblue
background-color: $cyan !important
color: $background !important
.bg-forestgreen
background-color: $green !important
color: $background !important
.bg-slategray
background-color: $selection !important
color: $foreground !important
@import '_colors.sass'
.label-edit-box
background-color: $background !important
color: $foreground !important
.user-label
border-radius: 0 !important
padding: 1px 3px !important
.bg-red
background-color: $red !important
color: $foreground !important
.bg-orangered
background-color: $orange !important
color: $background !important
.bg-orange
background-color: $yellow !important
color: $background !important
.bg-dodgerblue
background-color: $cyan !important
color: $background !important
.bg-forestgreen
background-color: $green !important
color: $background !important
.bg-slategray
background-color: $selection !important
color: $foreground !important

32
styles/tildes-dracula/_topic-full.sass → sass/tildes-dracula/_topic-full.sass Executable file → Normal file
View File

@ -1,16 +1,16 @@
@import '_colors.sass'
.topic-full
.topic-full-byline
color: $foreground !important
.link-user
color: $green !important
.link-user:visited
color: $pink !important
aside
.topic-tags
li
color: $foreground !important
@import '_colors.sass'
.topic-full
.topic-full-byline
color: $foreground !important
.link-user
color: $green !important
.link-user:visited
color: $pink !important
aside
.topic-tags
li
color: $foreground !important

76
styles/tildes-dracula/_topic-listings.sass → sass/tildes-dracula/_topic-listings.sass Executable file → Normal file
View File

@ -1,38 +1,38 @@
@import '_colors.sass'
.topic
.topic-content-metadata
color: $green !important
.topic-text-excerpt
color: $comment !important
.post-listing
.topic
background-color: $background !important
.topic-listing
background-color: $selection !important
> li
background-color: $background !important
.is-topic-official
border-color: $orange !important
.topic-title
a
color: $cyan !important
a:visited
color: $pink !important
.topic-info
.time-responsive
color: $green !important
.topic-metadata .topic-tags li
color: $comment !important
.topic-info-comments-new
color: $yellow !important
@import '_colors.sass'
.topic
.topic-content-metadata
color: $green !important
.topic-text-excerpt
color: $comment !important
.post-listing
.topic
background-color: $background !important
.topic-listing
background-color: $selection !important
> li
background-color: $background !important
.is-topic-official
border-color: $orange !important
.topic-title
a
color: $cyan !important
a:visited
color: $pink !important
.topic-info
.time-responsive
color: $green !important
.topic-metadata .topic-tags li
color: $comment !important
.topic-info-comments-new
color: $yellow !important

36
styles/tildes-dracula/tildes-dracula.js → sass/tildes-dracula/tildes-dracula.js Executable file → Normal file
View File

@ -1,18 +1,18 @@
// Descriptor for Tildes Dracula
const entry = 'tildes-dracula.css'
const folder = 'tildes-dracula'
const options = {
name: 'Tildes Dracula',
namespace: 'tildes.net',
version: '1.0.0',
author: 'Bauke',
description: 'Dracula theme for Tildes.net',
}
module.exports = {
entry: entry,
folder: folder,
options: options
}
// Descriptor for Tildes Dracula
const entry = 'tildes-dracula.css'
const folder = 'tildes-dracula'
const options = {
name: 'Tildes Dracula',
namespace: 'tildes.net',
version: '1.0.0',
author: 'Bauke',
description: 'Dracula theme for Tildes.net',
}
module.exports = {
entry: entry,
folder: folder,
options: options
}

30
styles/tildes-dracula/tildes-dracula.sass → sass/tildes-dracula/tildes-dracula.sass Executable file → Normal file
View File

@ -1,15 +1,15 @@
@-moz-document domain('tildes.net')
@import '_blog.sass'
@import '_buttons.sass'
@import '_colors.sass'
@import '_comment-tags.sass'
@import '_comments.sass'
@import '_docs.sass'
@import '_html-tags.sass'
@import '_listing-options.sass'
@import '_messages.sass'
@import '_sidebar.sass'
@import '_site-header.sass'
@import '_tildes-extended.sass'
@import '_topic-full.sass'
@import '_topic-listings.sass'
@-moz-document domain('tildes.net')
@import '_blog.sass'
@import '_buttons.sass'
@import '_colors.sass'
@import '_comment-tags.sass'
@import '_comments.sass'
@import '_docs.sass'
@import '_html-tags.sass'
@import '_listing-options.sass'
@import '_messages.sass'
@import '_sidebar.sass'
@import '_site-header.sass'
@import '_tildes-extended.sass'
@import '_topic-full.sass'
@import '_topic-listings.sass'