wip
This commit is contained in:
@@ -132,7 +132,7 @@ export default Vue.extend({
|
||||
|
||||
root(isDark)
|
||||
color isDark ? #c5ced6 : #777
|
||||
background isDark ? #282C37 : #fff
|
||||
background var(--face)
|
||||
box-shadow var(--shadow)
|
||||
border-radius var(--round)
|
||||
overflow hidden
|
||||
|
||||
@@ -82,7 +82,7 @@ root(isDark)
|
||||
z-index 4096
|
||||
width $width
|
||||
font-size 0.8em
|
||||
background isDark ? #282c37 : #fff
|
||||
background var(--face)
|
||||
border-radius 0 4px 4px 4px
|
||||
box-shadow 2px 2px 8px rgba(#000, 0.2)
|
||||
opacity 0
|
||||
|
||||
@@ -596,7 +596,7 @@ root(isDark)
|
||||
overflow auto
|
||||
font-size 0.9em
|
||||
color isDark ? #d2d9dc : #555
|
||||
background isDark ? #282c37 : #fff
|
||||
background var(--face)
|
||||
box-shadow 0 1px 0 rgba(#000, 0.05)
|
||||
|
||||
&, *
|
||||
|
||||
@@ -230,7 +230,7 @@ export default Vue.extend({
|
||||
root(isDark)
|
||||
overflow hidden
|
||||
text-align left
|
||||
background isDark ? #282C37 : #fff
|
||||
background var(--face)
|
||||
box-shadow var(--shadow)
|
||||
border-radius var(--round)
|
||||
|
||||
|
||||
@@ -322,7 +322,7 @@ export default Vue.extend({
|
||||
root(isDark)
|
||||
margin 0
|
||||
padding 0
|
||||
background isDark ? #282C37 : #fff
|
||||
background var(--face)
|
||||
border-bottom solid 1px isDark ? #1c2023 : #eaeaea
|
||||
|
||||
&[data-round]
|
||||
|
||||
@@ -260,7 +260,7 @@ root(isDark)
|
||||
width 100%
|
||||
text-align center
|
||||
color #ccc
|
||||
background isDark ? #282C37 : #fff
|
||||
background var(--face)
|
||||
border-top solid 1px isDark ? #1c2023 : #eaeaea
|
||||
border-bottom-left-radius 6px
|
||||
border-bottom-right-radius 6px
|
||||
|
||||
@@ -178,7 +178,7 @@ export default Vue.extend({
|
||||
|
||||
|
||||
root(isDark)
|
||||
background isDark ? #282C37 : #fff
|
||||
background var(--face)
|
||||
box-shadow var(--shadow)
|
||||
border-radius var(--round)
|
||||
overflow hidden
|
||||
@@ -186,7 +186,7 @@ root(isDark)
|
||||
> header
|
||||
padding 0 8px
|
||||
z-index 10
|
||||
background isDark ? #313543 : #fff
|
||||
background var(--faceHeader)
|
||||
box-shadow 0 1px isDark ? rgba(#000, 0.15) : rgba(#000, 0.08)
|
||||
|
||||
> .buttons
|
||||
|
||||
@@ -47,7 +47,7 @@ root(isDark)
|
||||
padding 128px 0 0 0
|
||||
width 500px
|
||||
color rgba(isDark ? #fff : #000, 0.6)
|
||||
background rgba(isDark ? #282C37 : #fff, 0.9)
|
||||
//background rgba(var(--face), 0.9)
|
||||
border-radius 0 0 8px 8px
|
||||
box-shadow 0 2px 4px rgba(#000, isDark ? 0.4 : 0.2)
|
||||
transform translateY(-64px)
|
||||
|
||||
@@ -177,7 +177,7 @@ root(isDark)
|
||||
transition filter 100ms ease
|
||||
|
||||
> .menu
|
||||
$bgcolor = isDark ? #282c37 : #fff
|
||||
$bgcolor = var(--face)
|
||||
display block
|
||||
position absolute
|
||||
top 56px
|
||||
|
||||
@@ -96,7 +96,7 @@ root(isDark)
|
||||
color var(--primary)
|
||||
|
||||
> .pop
|
||||
$bgcolor = isDark ? #282c37 : #fff
|
||||
$bgcolor = var(--face)
|
||||
display block
|
||||
position absolute
|
||||
top 56px
|
||||
|
||||
@@ -90,7 +90,7 @@ root(isDark)
|
||||
z-index 2048
|
||||
margin-top -8px
|
||||
width 250px
|
||||
background isDark ? #282c37 : #fff
|
||||
background var(--face)
|
||||
background-clip content-box
|
||||
border solid 1px rgba(#000, 0.1)
|
||||
border-radius 4px
|
||||
@@ -111,7 +111,7 @@ root(isDark)
|
||||
z-index 2
|
||||
width 58px
|
||||
height 58px
|
||||
border solid 3px isDark ? #282c37 : #fff
|
||||
border solid 3px var(--face)
|
||||
border-radius 8px
|
||||
|
||||
> .title
|
||||
|
||||
@@ -35,7 +35,7 @@ export default Vue.extend({
|
||||
|
||||
<style lang="stylus" scoped>
|
||||
root(isDark)
|
||||
background isDark ? #282C37 : #fff
|
||||
background var(--face)
|
||||
box-shadow var(--shadow)
|
||||
border-radius var(--round)
|
||||
overflow hidden
|
||||
@@ -45,7 +45,7 @@ root(isDark)
|
||||
box-shadow none !important
|
||||
|
||||
> header
|
||||
background isDark ? #313543 : #fff
|
||||
background var(--faceHeader)
|
||||
|
||||
> .title
|
||||
z-index 1
|
||||
|
||||
@@ -562,7 +562,7 @@ root(isDark)
|
||||
> .body
|
||||
height 100%
|
||||
overflow hidden
|
||||
background isDark ? #282C37 : #fff
|
||||
background var(--face)
|
||||
border-radius 6px
|
||||
|
||||
if isDark
|
||||
@@ -578,7 +578,7 @@ root(isDark)
|
||||
overflow hidden
|
||||
white-space nowrap
|
||||
cursor move
|
||||
background isDark ? #313543 : #fff
|
||||
background var(--faceHeader)
|
||||
border-radius 6px 6px 0 0
|
||||
box-shadow 0 1px 0 rgba(#000, 0.1)
|
||||
|
||||
|
||||
@@ -277,7 +277,7 @@ root(isDark)
|
||||
width 330px
|
||||
min-width 330px
|
||||
height 100%
|
||||
background isDark ? #282C37 : #fff
|
||||
background var(--face)
|
||||
border-radius 6px
|
||||
//box-shadow 0 2px 16px rgba(#000, 0.1)
|
||||
overflow hidden
|
||||
@@ -318,7 +318,7 @@ root(isDark)
|
||||
padding 0 16px
|
||||
font-size 14px
|
||||
color isDark ? #e3e5e8 : #888
|
||||
background isDark ? #313543 : #fff
|
||||
background var(--faceHeader)
|
||||
box-shadow 0 1px rgba(#000, 0.15)
|
||||
cursor pointer
|
||||
|
||||
|
||||
@@ -232,7 +232,7 @@ root(isDark)
|
||||
width 100%
|
||||
text-align center
|
||||
color #ccc
|
||||
background isDark ? #282C37 : #fff
|
||||
background var(--face)
|
||||
border-top solid 1px isDark ? #1c2023 : #eaeaea
|
||||
border-bottom-left-radius 6px
|
||||
border-bottom-right-radius 6px
|
||||
|
||||
@@ -37,7 +37,7 @@ export default Vue.extend({
|
||||
|
||||
<style lang="stylus" scoped>
|
||||
root(isDark)
|
||||
background isDark ? #282C37 : #fff
|
||||
background var(--face)
|
||||
box-shadow var(--shadow)
|
||||
border-radius var(--round)
|
||||
|
||||
|
||||
@@ -41,7 +41,7 @@ export default Vue.extend({
|
||||
|
||||
<style lang="stylus" scoped>
|
||||
root(isDark)
|
||||
background isDark ? #282C37 : #fff
|
||||
background var(--face)
|
||||
box-shadow var(--shadow)
|
||||
border-radius var(--round)
|
||||
overflow hidden
|
||||
|
||||
@@ -103,7 +103,7 @@ export default Vue.extend({
|
||||
|
||||
|
||||
root(isDark)
|
||||
background isDark ? #282C37 : #fff
|
||||
background var(--face)
|
||||
box-shadow var(--shadow)
|
||||
border-radius var(--round)
|
||||
overflow hidden
|
||||
|
||||
@@ -40,7 +40,7 @@ export default Vue.extend({
|
||||
|
||||
<style lang="stylus" scoped>
|
||||
root(isDark)
|
||||
background isDark ? #282C37 : #fff
|
||||
background var(--face)
|
||||
box-shadow var(--shadow)
|
||||
border-radius var(--round)
|
||||
overflow hidden
|
||||
|
||||
@@ -86,7 +86,7 @@ export default Vue.extend({
|
||||
|
||||
<style lang="stylus" scoped>
|
||||
root(isDark)
|
||||
background isDark ? #282C37 : #fff
|
||||
background var(--face)
|
||||
box-shadow var(--shadow)
|
||||
border-radius var(--round)
|
||||
|
||||
|
||||
@@ -115,14 +115,14 @@ export default Vue.extend({
|
||||
|
||||
|
||||
root(isDark)
|
||||
background isDark ? #282C37 : #fff
|
||||
background var(--face)
|
||||
border-radius var(--round)
|
||||
overflow hidden
|
||||
|
||||
> header
|
||||
padding 0 8px
|
||||
z-index 10
|
||||
background isDark ? #313543 : #fff
|
||||
background var(--faceHeader)
|
||||
box-shadow 0 1px isDark ? rgba(#000, 0.15) : rgba(#000, 0.08)
|
||||
|
||||
> span
|
||||
|
||||
@@ -355,7 +355,7 @@ root(isDark)
|
||||
|
||||
.block
|
||||
color isDark ? #fff : #444
|
||||
background isDark ? #282C37 : #fff
|
||||
background var(--face)
|
||||
box-shadow var(--shadow)
|
||||
//border-radius 8px
|
||||
overflow auto
|
||||
@@ -364,7 +364,7 @@ root(isDark)
|
||||
z-index 1
|
||||
padding 0 16px
|
||||
line-height 48px
|
||||
background isDark ? #313543 : #fff
|
||||
background var(--faceHeader)
|
||||
|
||||
if !isDark
|
||||
box-shadow 0 1px 0px rgba(0, 0, 0, 0.1)
|
||||
|
||||
@@ -100,7 +100,7 @@ root(isDark)
|
||||
left 16px
|
||||
width 58px
|
||||
height 58px
|
||||
border solid 3px isDark ? #282c37 : #fff
|
||||
border solid 3px var(--face)
|
||||
border-radius 8px
|
||||
cursor pointer
|
||||
|
||||
|
||||
Reference in New Issue
Block a user