[S] Make "Other" links cards
This commit is contained in:
@@ -5,4 +5,5 @@ $color-text-special: #ff8373
|
|||||||
// Lower means lighter
|
// Lower means lighter
|
||||||
$color-bg-6: #ffeedb
|
$color-bg-6: #ffeedb
|
||||||
$color-bg-5: #fff4eb
|
$color-bg-5: #fff4eb
|
||||||
|
$color-card: #fdf9f1
|
||||||
$color-bg-4: #fffcf9
|
$color-bg-4: #fffcf9
|
||||||
|
|||||||
@@ -23,15 +23,21 @@ export default class Others extends Vue
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="sass" scoped>
|
<style lang="sass" scoped>
|
||||||
|
@import "src/css/global"
|
||||||
@import "src/css/colors"
|
@import "src/css/colors"
|
||||||
@import "src/css/responsive"
|
@import "src/css/responsive"
|
||||||
|
|
||||||
.links
|
.links
|
||||||
display: flex
|
display: flex
|
||||||
|
gap: 10px
|
||||||
flex-direction: column
|
flex-direction: column
|
||||||
align-items: flex-start
|
align-items: flex-start
|
||||||
|
|
||||||
a
|
a
|
||||||
|
@extend .card
|
||||||
|
@extend .clickable
|
||||||
|
|
||||||
color: $color-text-main
|
color: $color-text-main
|
||||||
margin-bottom: 0.5em
|
text-decoration: none
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user