mirror of
https://github.com/plankanban/planka.git
synced 2025-12-19 09:13:20 +03:00
Background gradients, migrate from CSS to SCSS, remove !important
This commit is contained in:
51
client/src/components/Label/Label.module.scss
Normal file
51
client/src/components/Label/Label.module.scss
Normal file
@@ -0,0 +1,51 @@
|
||||
:global(#app) {
|
||||
.button {
|
||||
background: transparent;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
max-width: 100%;
|
||||
outline: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.wrapper {
|
||||
border-radius: 3px;
|
||||
box-sizing: border-box;
|
||||
color: #fff;
|
||||
display: inline-block;
|
||||
font-weight: 400;
|
||||
min-width: 40px;
|
||||
outline: none;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.wrapperHoverable:hover {
|
||||
opacity: 0.75;
|
||||
}
|
||||
|
||||
/* Sizes */
|
||||
|
||||
.wrapperTiny {
|
||||
font-size: 12px;
|
||||
line-height: 20px;
|
||||
max-width: 176px;
|
||||
padding: 0 6px;
|
||||
}
|
||||
|
||||
.wrapperSmall {
|
||||
font-size: 12px;
|
||||
line-height: 20px;
|
||||
max-width: 176px;
|
||||
padding: 2px 8px;
|
||||
}
|
||||
|
||||
.wrapperMedium {
|
||||
font-size: 14px;
|
||||
line-height: 32px;
|
||||
max-width: 230px;
|
||||
padding: 0 12px;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user