@mozaik/themes
Version:
Mozaïk official themes
64 lines (63 loc) • 2.63 kB
JavaScript
import colors from './colors';
import charts from './charts';
import typography from './typography';
export default {
name: 'mini kuro',
typography: typography,
colors: colors,
root: {
background: '#000',
extend: '\n @import url(\'https://fonts.googleapis.com/css?family=Roboto+Mono:300,400,500,700\');\n font-weight: 300;\n \n & a {\n font-weight: 400;\n }\n & img {\n filter: grayscale(100%);\n }\n '
},
dashboard: {
header: {
title: {}
}
},
widget: {
background: '#000',
wrapper: {
padding: '1.6vmin 3vmin'
},
header: {
padding: '0.8vmin 0 0 0',
extend: '\n border-top: 2px solid #fff;\n align-items: flex-start; \n ',
subject: {},
count: {
extend: '\n font-weight: 700;\n vertical-align: baseline;\n '
},
icon: {
extend: '\n display: none;\n '
}
}
},
notifications: {
item: {
padding: '1.2vmin 2vmin',
background: '#fff',
color: '#000',
extend: '\n font-weight: 400;\n '
}
},
label: {
extend: '\n line-height: 1em;\n border-top: 1px dotted #fff;\n border-bottom: 1px dotted #fff;\n align-items: baseline;\n ',
main: {
padding: '1vmin 0.2vmin'
},
addon: {
padding: '1vmin 0.6vmin',
extend: '\n font-weight: 700;\n &:first-child {\n padding-right: 1.4vmin;\n border-right: 1px dotted #fff;\n }\n &:last-child {\n padding-left: 1.4vmin;\n border-left: 1px dotted #fff;\n }\n & + .Label {\n padding-left: 1.4vmin;\n }\n .Label + & {\n margin-left: 1.4vmin;\n }\n '
}
},
list: {
item: {
padding: '1vmin 0',
extend: '\n border-bottom: 1px solid #fff;\n &:last-child {\n border-bottom: 0;\n }\n ',
meta: {
fontSize: '1.4vmin',
extend: '\n font-weight: 300;\n '
}
}
},
charts: charts
};