@@ -1,10 +1,11 @@
|
|||||||
.icon-deck {
|
.icon-deck {
|
||||||
background-image: url('../img/deck-dark.svg');
|
background-image: url('../img/deck-dark.svg');
|
||||||
}
|
}
|
||||||
|
|
||||||
.resource-type-deck img {
|
.resource-type-deck img {
|
||||||
opacity: 0.4 !important;
|
opacity: 0.4 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.resource-type-deck:hover img {
|
.resource-type-deck:hover img {
|
||||||
opacity: 0.7 !important;
|
opacity: 0.7 !important;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -2,66 +2,66 @@
|
|||||||
* Custom icons
|
* Custom icons
|
||||||
*/
|
*/
|
||||||
.icon-deck {
|
.icon-deck {
|
||||||
background-image: url('../img/deck-dark.svg');
|
background-image: url('../img/deck-dark.svg');
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon-help {
|
.icon-help {
|
||||||
background-image: url('../../../settings/img/help.svg');
|
background-image: url('../../../settings/img/help.svg');
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon-add-white {
|
.icon-add-white {
|
||||||
background-image: url('../img/add-white.svg');
|
background-image: url('../img/add-white.svg');
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon-attach {
|
.icon-attach {
|
||||||
background-image: url('../img/attach.svg');
|
background-image: url('../img/attach.svg');
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon-archive {
|
.icon-archive {
|
||||||
background-image: url('../img/archive.svg');
|
background-image: url('../img/archive.svg');
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon-archive-white {
|
.icon-archive-white {
|
||||||
background-image: url('../img/archive-white.svg');
|
background-image: url('../img/archive-white.svg');
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon-details {
|
.icon-details {
|
||||||
background-image: url('../img/details.svg');
|
background-image: url('../img/details.svg');
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon-details-white {
|
.icon-details-white {
|
||||||
background-image: url('../img/details-white.svg');
|
background-image: url('../img/details-white.svg');
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon-home {
|
.icon-home {
|
||||||
background-image: var(--icon-home-000, url('../../../core/img/places/home.svg'));
|
background-image: var(--icon-home-000, url('../../../core/img/places/home.svg'));
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon-description {
|
.icon-description {
|
||||||
background-image: var(--icon-text-000, url('../img/description.svg'));
|
background-image: var(--icon-text-000, url('../img/description.svg'));
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon-badge {
|
.icon-badge {
|
||||||
background-image: url('../img/calendar-dark.svg');
|
background-image: url('../img/calendar-dark.svg');
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon-toggle-compact-collapsed {
|
.icon-toggle-compact-collapsed {
|
||||||
background-image: url('../img/toggle-view-expand.svg');
|
background-image: url('../img/toggle-view-expand.svg');
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon-toggle-compact-expanded {
|
.icon-toggle-compact-expanded {
|
||||||
background-image: url('../img/toggle-view-collapse.svg');
|
background-image: url('../img/toggle-view-collapse.svg');
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@if mixin-exists('icon-black-white') {
|
@if mixin-exists('icon-black-white') {
|
||||||
@include icon-black-white('deck', 'deck', 1);
|
@include icon-black-white('deck', 'deck', 1);
|
||||||
@include icon-black-white('archive', 'deck', 1);
|
@include icon-black-white('archive', 'deck', 1);
|
||||||
@include icon-black-white('circles', 'deck', 1);
|
@include icon-black-white('circles', 'deck', 1);
|
||||||
@include icon-black-white('clone', 'deck', 1);
|
@include icon-black-white('clone', 'deck', 1);
|
||||||
@include icon-black-white('filter', 'deck', 1);
|
@include icon-black-white('filter', 'deck', 1);
|
||||||
@include icon-black-white('attach', 'deck', 1);
|
@include icon-black-white('attach', 'deck', 1);
|
||||||
@include icon-black-white('reply', 'deck', 1);
|
@include icon-black-white('reply', 'deck', 1);
|
||||||
|
|
||||||
.icon-toggle-compact-collapsed {
|
.icon-toggle-compact-collapsed {
|
||||||
@include icon-color('toggle-view-expand', 'deck', $color-black);
|
@include icon-color('toggle-view-expand', 'deck', $color-black);
|
||||||
@@ -76,13 +76,15 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.avatardiv.circles {
|
.avatardiv.circles {
|
||||||
background: var(--color-primary);
|
background: var(--color-primary);
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon-circles {
|
.icon-circles {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
background-size: 20px;
|
background-size: 20px;
|
||||||
background-position: center center;
|
background-position: center center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon-colorpicker {
|
.icon-colorpicker {
|
||||||
background-image: url('../img/color_picker.svg');
|
background-image: url('../img/color_picker.svg');
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -59,8 +59,6 @@
|
|||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
span.due { }
|
|
||||||
|
|
||||||
div.card-assigned-users {
|
div.card-assigned-users {
|
||||||
margin-right:10px;
|
margin-right:10px;
|
||||||
}
|
}
|
||||||
@@ -75,7 +73,7 @@
|
|||||||
@page {
|
@page {
|
||||||
size: A4 landscape;
|
size: A4 landscape;
|
||||||
margin: 2cm;
|
margin: 2cm;
|
||||||
}
|
}
|
||||||
|
|
||||||
div#innerBoard {
|
div#innerBoard {
|
||||||
display:flex;
|
display:flex;
|
||||||
|
|||||||
@@ -1,3 +1,3 @@
|
|||||||
.subnav ul {
|
.subnav ul {
|
||||||
padding-left: 20px;
|
padding-left: 20px;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -45,19 +45,24 @@
|
|||||||
max-width: 400px;
|
max-width: 400px;
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
ul {
|
ul {
|
||||||
min-height: 100px;
|
min-height: 100px;
|
||||||
}
|
}
|
||||||
|
|
||||||
li {
|
li {
|
||||||
padding: 6px;
|
padding: 6px;
|
||||||
border: 1px solid transparent;
|
border: 1px solid transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
li:hover, li:focus {
|
li:hover, li:focus {
|
||||||
background-color: var(--color-background-dark);
|
background-color: var(--color-background-dark);
|
||||||
}
|
}
|
||||||
|
|
||||||
li.selected {
|
li.selected {
|
||||||
border: 1px solid var(--color-primary);
|
border: 1px solid var(--color-primary);
|
||||||
}
|
}
|
||||||
|
|
||||||
.board-bullet {
|
.board-bullet {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 12px;
|
width: 12px;
|
||||||
@@ -66,6 +71,7 @@
|
|||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
li > span,
|
li > span,
|
||||||
.avatar {
|
.avatar {
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
|
|||||||
@@ -114,19 +114,24 @@ export default {
|
|||||||
padding: 20px;
|
padding: 20px;
|
||||||
height: 500px;
|
height: 500px;
|
||||||
}
|
}
|
||||||
|
|
||||||
ul {
|
ul {
|
||||||
min-height: 100px;
|
min-height: 100px;
|
||||||
}
|
}
|
||||||
|
|
||||||
li {
|
li {
|
||||||
padding: 6px;
|
padding: 6px;
|
||||||
border: 1px solid transparent;
|
border: 1px solid transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
li:hover, li:focus {
|
li:hover, li:focus {
|
||||||
background-color: var(--color-background-dark);
|
background-color: var(--color-background-dark);
|
||||||
}
|
}
|
||||||
|
|
||||||
li.selected {
|
li.selected {
|
||||||
border: 1px solid var(--color-primary);
|
border: 1px solid var(--color-primary);
|
||||||
}
|
}
|
||||||
|
|
||||||
.board-bullet {
|
.board-bullet {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 12px;
|
width: 12px;
|
||||||
@@ -135,10 +140,12 @@ export default {
|
|||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
li > span,
|
li > span,
|
||||||
.avatar {
|
.avatar {
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
|
|
||||||
button {
|
button {
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
|
|||||||
26
stylelint.config.js
Normal file
26
stylelint.config.js
Normal file
@@ -0,0 +1,26 @@
|
|||||||
|
module.exports = {
|
||||||
|
extends: 'stylelint-config-recommended-scss',
|
||||||
|
rules: {
|
||||||
|
indentation: 'tab',
|
||||||
|
'selector-type-no-unknown': null,
|
||||||
|
'number-leading-zero': null,
|
||||||
|
'rule-empty-line-before': [
|
||||||
|
'always',
|
||||||
|
{
|
||||||
|
ignore: ['after-comment', 'inside-block']
|
||||||
|
}
|
||||||
|
],
|
||||||
|
'declaration-empty-line-before': [
|
||||||
|
'never',
|
||||||
|
{
|
||||||
|
ignore: ['after-declaration']
|
||||||
|
}
|
||||||
|
],
|
||||||
|
'comment-empty-line-before': null,
|
||||||
|
'selector-type-case': null,
|
||||||
|
'selector-list-comma-newline-after': null,
|
||||||
|
'no-descending-specificity': null,
|
||||||
|
'string-quotes': 'single'
|
||||||
|
},
|
||||||
|
plugins: ['stylelint-scss']
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user