Share badges style in /patron
This commit is contained in:
parent
42663ca110
commit
8dace5217a
3 changed files with 23 additions and 10 deletions
|
@ -43,16 +43,6 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.badge {
|
|
||||||
background-color: rgba(0, 0, 0, 0.08);
|
|
||||||
padding-left: 5px;
|
|
||||||
padding-right: 5px;
|
|
||||||
border-radius: 100px;
|
|
||||||
font-weight: bold;
|
|
||||||
color: rgba(0, 0, 0, 0.6);
|
|
||||||
font-size: 14px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.notifications {
|
.notifications {
|
||||||
top: 3px;
|
top: 3px;
|
||||||
right: 3px;
|
right: 3px;
|
||||||
|
|
18
app/assets/stylesheets/new_design/badges.scss
Normal file
18
app/assets/stylesheets/new_design/badges.scss
Normal file
|
@ -0,0 +1,18 @@
|
||||||
|
@import "colors";
|
||||||
|
@import "constants";
|
||||||
|
|
||||||
|
.badge {
|
||||||
|
padding: 0 5px;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: bold;
|
||||||
|
text-align: center;
|
||||||
|
white-space: nowrap;
|
||||||
|
border-radius: 100px;
|
||||||
|
background-color: rgba(0, 0, 0, 0.08);
|
||||||
|
vertical-align: top;
|
||||||
|
|
||||||
|
&.warning {
|
||||||
|
background-color: $orange;
|
||||||
|
color: #FFFFFF;
|
||||||
|
}
|
||||||
|
}
|
|
@ -68,6 +68,11 @@
|
||||||
%span.label.refused .label.refused
|
%span.label.refused .label.refused
|
||||||
%span.label.without-continuation .label.without-continuation
|
%span.label.without-continuation .label.without-continuation
|
||||||
|
|
||||||
|
%h1 Badges
|
||||||
|
|
||||||
|
%span.badge 1
|
||||||
|
%span.badge.warning 1
|
||||||
|
|
||||||
%h1 Cards
|
%h1 Cards
|
||||||
|
|
||||||
.card
|
.card
|
||||||
|
|
Loading…
Reference in a new issue