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') const userCss = require('usercss-creator')
// Define constants // Define constants
const stylesDirectory = path.join(__dirname, 'styles') const stylesDirectory = path.join(__dirname, 'sass')
const cssDirectory = path.join(__dirname, 'css') const cssDirectory = path.join(__dirname, 'css')
// Walk recursively through styles directory // Walk recursively through styles directory

8
package.json
View File

@ -7,14 +7,14 @@
}, },
"license": "MIT", "license": "MIT",
"scripts": { "scripts": {
"watch": "node-sass -w styles -o temp", "watch": "node-sass -w sass -o temp",
"release": "yarn lint && yarn build:prod && yarn generate", "release": "yarn lint && yarn build:prod && yarn generate",
"generate": "node generate.js", "generate": "node generate.js",
"build:dev": "node-sass styles -o temp", "build:dev": "node-sass sass -o temp",
"build:prod": "node-sass styles -o css", "build:prod": "node-sass sass -o css -q",
"lint": "yarn lint:js && yarn lint:css", "lint": "yarn lint:js && yarn lint:css",
"lint:js": "eslint . --color", "lint:js": "eslint . --color",
"lint:css": "stylelint \"styles/**/*.sass\" --color" "lint:css": "stylelint \"sass/**/*.sass\" --color"
}, },
"dependencies": { "dependencies": {
"klaw-sync": "^4.0.0", "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, .topic-listing,
.post-listing .post-listing
.topic-text-excerpt .topic-text-excerpt
display: none !important display: none !important
.topic-metadata .topic-metadata
display: inline-flex !important display: inline-flex !important
height: 1.3em !important height: 1.3em !important
max-width: 200px !important max-width: 200px !important
overflow: hidden !important overflow: hidden !important
white-space: nowrap !important white-space: nowrap !important
.topic-tags .topic-tags
li li
display: none !important display: none !important
&:nth-child(-n+3) &:nth-child(-n+3)
display: inherit !important display: inherit !important
.topic-info .topic-info
width: 500px !important width: 500px !important
.user-label .user-label
display: none !important display: none !important
.post-listing .post-listing
.post-buttons, .post-buttons,
.comment-votes .comment-votes
display: none !important 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 // Descriptor for Tildes Compact
const entry = 'tildes-compact.css' const entry = 'tildes-compact.css'
const folder = 'tildes-compact' const folder = 'tildes-compact'
const options = { const options = {
name: 'Tildes Compact', name: 'Tildes Compact',
namespace: 'tildes.net', namespace: 'tildes.net',
version: '1.0.0', version: '1.0.0',
author: 'Bauke', author: 'Bauke',
description: 'Compact theme for Tildes.net', description: 'Compact theme for Tildes.net',
} }
module.exports = { module.exports = {
entry: entry, entry: entry,
folder: folder, folder: folder,
options: options 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') @-moz-document domain('tildes.net')
@import '_topic-listings.sass' @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' @import '_colors.sass'
.date-info .date-info
color: $foreground !important 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' @import '_colors.sass'
.btn .btn
border-color: $cyan !important border-color: $cyan !important
color: $cyan !important color: $cyan !important
&:hover &:hover
border-color: $purple !important border-color: $purple !important
background: none !important background: none !important
color: $purple !important color: $purple !important
.btn-primary .btn-primary
border-color: $cyan !important border-color: $cyan !important
background: $cyan !important background: $cyan !important
color: $comment !important color: $comment !important
&:hover &:hover
border-color: $comment !important border-color: $comment !important
background: $comment !important background: $comment !important
color: $foreground !important color: $foreground !important
.btn-used .btn-used
border-color: $pink !important border-color: $pink !important
color: $pink !important color: $pink !important
&:hover &:hover
border-color: $pink !important border-color: $pink !important
background: $pink !important background: $pink !important
color: $foreground !important color: $foreground !important
.btn-link .btn-link
border-color: transparent !important border-color: transparent !important
&:hover &:hover
border-color: transparent !important 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 $foreground: #f8f8f2
$background: #282a36 $background: #282a36
$selection: #44475a $selection: #44475a
$current-line: #44475a $current-line: #44475a
$comment: #6272a4 $comment: #6272a4
$red: #ff5555 $red: #ff5555
$orange: #ffb86c $orange: #ffb86c
$yellow: #f1fa8c $yellow: #f1fa8c
$green: #50fa7b $green: #50fa7b
$cyan: #8be9fd $cyan: #8be9fd
$purple: #bd93f9 $purple: #bd93f9
$pink: #ff79c6 $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' @import '_colors.sass'
.label-comment-tag-offtopic .label-comment-tag-offtopic
border-color: $cyan !important border-color: $cyan !important
color: $cyan !important color: $cyan !important
.label-comment-tag-joke .label-comment-tag-joke
border-color: $green !important border-color: $green !important
color: $green !important color: $green !important
.label-comment-tag-flame .label-comment-tag-flame
border-color: $red !important border-color: $red !important
color: $red !important color: $red !important
.label-comment-tag-troll .label-comment-tag-troll
border-color: $orange !important border-color: $orange !important
color: $orange !important color: $orange !important
.label-comment-tag-noise .label-comment-tag-noise
border-color: $yellow !important border-color: $yellow !important
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' @import '_colors.sass'
.comment .comment
border-color: $background !important border-color: $background !important
header header
background-color: $background !important background-color: $background !important
color: $foreground !important color: $foreground !important
a a
color: $cyan !important color: $cyan !important
a.link-user a.link-user
color: $green !important color: $green !important
a.link-user:visited a.link-user:visited
color: $pink !important color: $pink !important
.comment-user-info .comment-user-info
color: $purple !important color: $purple !important
.is-comment-mine .is-comment-mine
> .comment-itself > .comment-itself
border-color: $comment !important border-color: $comment !important
.is-comment-by-op .is-comment-by-op
> .comment-itself > .comment-itself
border-color: $purple !important border-color: $purple !important
.is-comment-new .is-comment-new
.comment-itself .comment-itself
border-color: $yellow !important border-color: $yellow !important
.comment-text .comment-text
color: $foreground !important 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' @import '_colors.sass'
.conspicuous .conspicuous
color: $red !important color: $red !important
.toc .toc
background-color: $background !important background-color: $background !important
.highlight .highlight
background-color: $selection !important background-color: $selection !important
>pre >pre
margin-left: 0 !important margin-left: 0 !important
#page-list #page-list
background-color: $selection !important 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' @import '_colors.sass'
body body
color: $foreground !important color: $foreground !important
background-color: $background !important background-color: $background !important
a a
color: $cyan !important color: $cyan !important
header a header a
color: $foreground !important color: $foreground !important
main main
font-family: sans-serif font-family: sans-serif
main, main,
aside aside
background-color: $selection !important background-color: $selection !important
blockquote blockquote
border-color: $foreground !important border-color: $foreground !important
background-color: $background !important background-color: $background !important
textarea textarea
border-color: $comment !important border-color: $comment !important
background-color: $background !important background-color: $background !important
color: $foreground !important color: $foreground !important
tr tr
background-color: $background !important background-color: $background !important
td td
border-color: $selection !important border-color: $selection !important
border-bottom-width: 0.2rem !important border-bottom-width: 0.2rem !important
pre, pre,
code code
border: none !important border: none !important
background-color: $background !important background-color: $background !important
color: $foreground !important color: $foreground !important
pre pre
padding: 5px 10px !important padding: 5px 10px !important
code code
padding: 0 !important padding: 0 !important
section section
border-color: $background !important border-color: $background !important
footer footer
background-color: $background !important 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' @import '_colors.sass'
.tab .tab
border-color: $comment !important border-color: $comment !important
.tab-item .tab-item
a a
color: $foreground !important color: $foreground !important
a:hover a:hover
color: $cyan !important color: $cyan !important
.tab-item.active .tab-item.active
a a
color: $cyan !important color: $cyan !important
border-bottom-color: $cyan !important border-bottom-color: $cyan !important
.tab-listing-order .tab-listing-order
border-color: $comment !important border-color: $comment !important
.form-select .form-select
border-color: $comment !important border-color: $comment !important
&:not([multiple]) &:not([multiple])
&:not([size]) &:not([size])
background-color: $selection !important 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' @import '_colors.sass'
.message .message
border-top: none !important border-top: none !important
border-right: none !important border-right: none !important
border-bottom: none !important border-bottom: none !important
border-color: $background !important border-color: $background !important
header header
background-color: $background !important background-color: $background !important
.message-text .message-text
color: $foreground !important color: $foreground !important
.is-message-mine .is-message-mine
border-width: 1px !important border-width: 1px !important
margin-left: 0 !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' @import '_colors.sass'
aside#sidebar aside#sidebar
.group-subscription-count .group-subscription-count
text-align: center 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) body>header>a:nth-child(1)
background-size: 32px 32px !important background-size: 32px 32px !important
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAACQCAMAAADQmBKKAAAAHlBMVEUoKjZQ+nticqSL6f29k/nx+oz/VVX/ecb/uGz///+3yBn7AAAAaklEQVR42u3Oxw2AQAADsNDZf2IGyO8kioQ9gQMAAAAAcLelCAkJCQkJCQkJ/Tk0lZS5ZMhZhISEhISEhISEvhbaSoasJWUvKUJCQkJCQkJCQu+GnnSUFCEhISEhISEhoXdDAAAAAAA3uwDrCC2R1NNC7QAAAABJRU5ErkJggg==') !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' @import '_colors.sass'
.label-edit-box .label-edit-box
background-color: $background !important background-color: $background !important
color: $foreground !important color: $foreground !important
.user-label .user-label
border-radius: 0 !important border-radius: 0 !important
padding: 1px 3px !important padding: 1px 3px !important
.bg-red .bg-red
background-color: $red !important background-color: $red !important
color: $foreground !important color: $foreground !important
.bg-orangered .bg-orangered
background-color: $orange !important background-color: $orange !important
color: $background !important color: $background !important
.bg-orange .bg-orange
background-color: $yellow !important background-color: $yellow !important
color: $background !important color: $background !important
.bg-dodgerblue .bg-dodgerblue
background-color: $cyan !important background-color: $cyan !important
color: $background !important color: $background !important
.bg-forestgreen .bg-forestgreen
background-color: $green !important background-color: $green !important
color: $background !important color: $background !important
.bg-slategray .bg-slategray
background-color: $selection !important background-color: $selection !important
color: $foreground !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' @import '_colors.sass'
.topic-full .topic-full
.topic-full-byline .topic-full-byline
color: $foreground !important color: $foreground !important
.link-user .link-user
color: $green !important color: $green !important
.link-user:visited .link-user:visited
color: $pink !important color: $pink !important
aside aside
.topic-tags .topic-tags
li li
color: $foreground !important 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' @import '_colors.sass'
.topic .topic
.topic-content-metadata .topic-content-metadata
color: $green !important color: $green !important
.topic-text-excerpt .topic-text-excerpt
color: $comment !important color: $comment !important
.post-listing .post-listing
.topic .topic
background-color: $background !important background-color: $background !important
.topic-listing .topic-listing
background-color: $selection !important background-color: $selection !important
> li > li
background-color: $background !important background-color: $background !important
.is-topic-official .is-topic-official
border-color: $orange !important border-color: $orange !important
.topic-title .topic-title
a a
color: $cyan !important color: $cyan !important
a:visited a:visited
color: $pink !important color: $pink !important
.topic-info .topic-info
.time-responsive .time-responsive
color: $green !important color: $green !important
.topic-metadata .topic-tags li .topic-metadata .topic-tags li
color: $comment !important color: $comment !important
.topic-info-comments-new .topic-info-comments-new
color: $yellow !important 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 // Descriptor for Tildes Dracula
const entry = 'tildes-dracula.css' const entry = 'tildes-dracula.css'
const folder = 'tildes-dracula' const folder = 'tildes-dracula'
const options = { const options = {
name: 'Tildes Dracula', name: 'Tildes Dracula',
namespace: 'tildes.net', namespace: 'tildes.net',
version: '1.0.0', version: '1.0.0',
author: 'Bauke', author: 'Bauke',
description: 'Dracula theme for Tildes.net', description: 'Dracula theme for Tildes.net',
} }
module.exports = { module.exports = {
entry: entry, entry: entry,
folder: folder, folder: folder,
options: options 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') @-moz-document domain('tildes.net')
@import '_blog.sass' @import '_blog.sass'
@import '_buttons.sass' @import '_buttons.sass'
@import '_colors.sass' @import '_colors.sass'
@import '_comment-tags.sass' @import '_comment-tags.sass'
@import '_comments.sass' @import '_comments.sass'
@import '_docs.sass' @import '_docs.sass'
@import '_html-tags.sass' @import '_html-tags.sass'
@import '_listing-options.sass' @import '_listing-options.sass'
@import '_messages.sass' @import '_messages.sass'
@import '_sidebar.sass' @import '_sidebar.sass'
@import '_site-header.sass' @import '_site-header.sass'
@import '_tildes-extended.sass' @import '_tildes-extended.sass'
@import '_topic-full.sass' @import '_topic-full.sass'
@import '_topic-listings.sass' @import '_topic-listings.sass'