lib.itmens/common/static/sass/_Label.sass

114 lines
3.3 KiB
Sass
Raw Normal View History

2020-11-28 18:18:13 +01:00
// source label name should match the enum value in `common.models.SourceSiteEnum`
2021-02-18 15:44:10 +01:00
$in-site-color: $color-primary
2021-02-15 21:27:50 +01:00
$douban-color-primary: #319840
$douban-color-secondary: white
$spotify-color-primary: #1ed760
$spotify-color-secondary: black
2021-02-18 15:44:10 +01:00
$imdb-color-primary: #F5C518
$imdb-color-secondary: #121212
2022-09-07 00:35:11 -04:00
$igdb-color-primary: #323A44
$igdb-color-secondary: #DFE1E2
2021-02-25 19:43:43 +01:00
$steam-color-primary: #1387b8
$steam-color-secondary: #111d2e
2021-02-26 16:36:44 +01:00
$bangumi-color-primary: #F09199
$bangumi-color-secondary: #FCFCFC
2021-09-21 23:09:09 -04:00
$goodreads-color-primary: #372213
$goodreads-color-secondary: #F4F1EA
2023-04-25 19:04:57 -04:00
$bookstw-color-primary: white
$bookstw-color-secondary: #7FBA19
2021-10-06 21:21:24 -04:00
$tmdb-color-primary: #91CCA3
$tmdb-color-secondary: #1FB4E2
$bandcamp-color-primary: #28A0C1
$bandcamp-color-secondary: white
2020-11-28 18:18:13 +01:00
.source-label
display: inline
background: transparent
border-radius: .3rem
border-style: solid
border-width: .1rem
line-height: 1.2rem
font-size: 1.1rem
margin: 3px
padding: 1px 3px
2021-02-15 21:27:50 +01:00
padding-top: 2px
font-weight: lighter
letter-spacing: 0.1rem
word-break: keep-all
2021-02-18 15:44:10 +01:00
opacity: 1
2020-11-28 18:18:13 +01:00
2021-01-02 16:37:29 +01:00
position: relative
top: -1px
2020-11-28 18:18:13 +01:00
&.source-label__in-site
border-color: $in-site-color
color: $in-site-color
&.source-label__douban
2021-02-15 21:27:50 +01:00
border: none
color: $douban-color-secondary
background-color: $douban-color-primary
&.source-label__amazon
&.source-label__spotify
background-color: $spotify-color-primary
color: $spotify-color-secondary
border: none
2021-02-18 15:44:10 +01:00
font-weight: bold
&.source-label__imdb
background-color: $imdb-color-primary
color: $imdb-color-secondary
border: none
font-weight: bold
2022-09-07 00:35:11 -04:00
&.source-label__igdb
background-color: $igdb-color-primary
color: $igdb-color-secondary
border: none
font-weight: bold
2021-02-25 19:43:43 +01:00
&.source-label__steam
background: linear-gradient(30deg, $steam-color-primary, $steam-color-secondary)
color: white
border: none
font-weight: 600
padding-top: 2px
2021-02-26 16:36:44 +01:00
&.source-label__bangumi
background: $bangumi-color-secondary
color: $bangumi-color-primary
font-style: italic
2021-09-21 23:09:09 -04:00
font-weight: 600
&.source-label__goodreads
background: $goodreads-color-secondary
color: $goodreads-color-primary
2021-10-06 21:21:24 -04:00
font-weight: lighter
2023-04-25 19:04:57 -04:00
&.source-label__bookstw
background: $bookstw-color-secondary
color: $bookstw-color-primary
font-weight: lighter
2021-10-06 21:21:24 -04:00
&.source-label__tmdb
background: linear-gradient(90deg, $tmdb-color-primary, $tmdb-color-secondary)
color: white
border: none
font-weight: lighter
padding-top: 2px
2021-10-19 00:52:10 -04:00
&.source-label__googlebooks
color: white
background-color: #4285F4
border-color: #4285F4
2023-01-29 20:05:30 -05:00
&.source-label__rss
color: white
background-color: #E1A02F
border-color: #E1A02F
&.source-label__bandcamp
color: $bandcamp-color-secondary
background-color: $bandcamp-color-primary
// transform: skewX(-30deg)
display: inline-block
&.source-label__bandcamp span
// transform: skewX(30deg)
display: inline-block
margin: 0 4px
2023-02-03 16:29:13 -05:00
&.source-label__discogs
color: white
background-color: #262626
border-color: #262626