Add label variations to /patron
This commit is contained in:
parent
f15093ac35
commit
32c83dd7a5
3 changed files with 30 additions and 24 deletions
|
@ -5,7 +5,32 @@
|
|||
display: inline-block;
|
||||
padding: 4px $default-spacer;
|
||||
background: $grey;
|
||||
border: 1px solid transparent;
|
||||
color: #FFFFFF;
|
||||
border-radius: 4px;
|
||||
font-size: 12px;
|
||||
|
||||
&.instruction {
|
||||
background-color: #FFFFFF;
|
||||
color: $blue;
|
||||
border: 1px solid $blue;
|
||||
}
|
||||
|
||||
&.construction {
|
||||
background-color: #FFFFFF;
|
||||
color: $black;
|
||||
border: 1px solid $black;
|
||||
}
|
||||
|
||||
&.closed {
|
||||
background-color: $green;
|
||||
}
|
||||
|
||||
&.refused {
|
||||
background-color: $dark-red;
|
||||
}
|
||||
|
||||
&.without-continuation {
|
||||
background-color: $black;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -127,30 +127,6 @@
|
|||
.label {
|
||||
width: 110px;
|
||||
text-align: center;
|
||||
|
||||
&.instruction {
|
||||
background-color: #FFFFFF;
|
||||
color: $blue;
|
||||
border: 1px solid $blue;
|
||||
}
|
||||
|
||||
&.construction {
|
||||
background-color: #FFFFFF;
|
||||
color: $black;
|
||||
border: 1px solid $black;
|
||||
}
|
||||
|
||||
&.closed {
|
||||
background-color: $green;
|
||||
}
|
||||
|
||||
&.refused {
|
||||
background-color: $dark-red;
|
||||
}
|
||||
|
||||
&.without-continuation {
|
||||
background-color: $black;
|
||||
}
|
||||
}
|
||||
|
||||
.button {
|
||||
|
|
|
@ -52,6 +52,11 @@
|
|||
%h1 Labels
|
||||
|
||||
%span.label .label
|
||||
%span.label.instruction .label.instruction
|
||||
%span.label.construction .label.construction
|
||||
%span.label.closed .label.closed
|
||||
%span.label.refused .label.refused
|
||||
%span.label.without-continuation .label.without-continuation
|
||||
|
||||
%h1 Cards
|
||||
|
||||
|
|
Loading…
Reference in a new issue