blob: 3db622f71ee73d3335f7bcd92de514b2f46c6c3f (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
|
@import 'bootstrap/scss/bootstrap'
@import 'bootstrap-icons/font/bootstrap-icons.css'
@import './views/common/common'
@import './views/common/alert/alert'
@import './views/center/center'
@import './views/home/home'
@import './views/about/about'
@import './views/login/login'
@import './views/settings/settings'
@import './views/timeline-common/timeline-common'
@import './views/timeline/timeline'
@import './views/user/user'
@import './views/search/search'
@import './views/admin/admin'
.tl-color-primary
color: var(--tl-primary-color)
small
line-height: 1.2
.flex-fix-length
flex-grow: 0
flex-shrink: 0
.position-lt
left: 0
top: 0
.avatar
width: 60px
height: 60px
&.large
width: 100px
height: 100px
&.small
width: 40px
height: 40px
.icon-button
font-size: 1.4rem
cursor: pointer
&.large
font-size: 1.6rem
.flat-button
cursor: pointer
padding: 0.2em 0.5em
border-radius: 0.2em
&:hover:not(.disabled)
background-color: $gray-200
&.disabled
cursor: default
@each $color, $value in $theme-colors
&.#{$color}
color: $value
&.disabled
color: adjust-color($value, $lightness: +15%)
.cursor-pointer
cursor: pointer
textarea
resize: none
.white-space-no-wrap
white-space: nowrap
.cru-card
@extend .shadow
@extend .rounded
border: 1px solid
border-color: $gray-200
background: $gray-100
transition: all 0.3s
&:hover
border-color: var(--tl-primary-color)
.full-viewport-center-child
position: fixed
width: 100vw
height: 100vh
display: flex
justify-content: center
align-items: center
.text-orange
color: $orange
.text-yellow
color: $yellow
.text-button
background: transparent
border: none
@each $color, $value in $theme-colors
&.#{$color}
color: $value
&:hover
color: adjust-color($value, $lightness: +15%)
.touch-action-none
touch-action: none
i
line-height: 1
.markdown-container
img
max-height: 200px
max-width: 100%
a
text-decoration: none
|
