This commit is contained in:
syuilo 2018-04-29 08:51:17 +09:00
parent e9940c9221
commit f2874d778a
75 changed files with 265 additions and 190 deletions

View file

@ -121,7 +121,7 @@ root(isDark)
margin 0 auto
background isDark ? #272f3a : #fff
border-radius 8px
box-shadow 0 0 16px rgba(0, 0, 0, 0.1)
box-shadow 0 0 16px rgba(#000, 0.1)
$balloon-size = 16px

View file

@ -136,7 +136,7 @@ export default Vue.extend({
.form
position relative
background #fff
box-shadow 0 0 0 1px rgba(0, 0, 0, 0.2)
box-shadow 0 0 0 1px rgba(#000, 0.2)
border-radius 8px
&:before
@ -145,7 +145,7 @@ export default Vue.extend({
position absolute
bottom -20px
left calc(50% - 10px)
border-top solid 10px rgba(0, 0, 0, 0.2)
border-top solid 10px rgba(#000, 0.2)
border-right solid 10px transparent
border-bottom solid 10px transparent
border-left solid 10px transparent

View file

@ -84,7 +84,7 @@ export default Vue.extend({
width calc(100% - 16px)
background #fff
border-radius 8px
box-shadow 0 0 0 1px rgba(0, 0, 0, 0.2)
box-shadow 0 0 0 1px rgba(#000, 0.2)
@media (min-width 500px)
margin 16px auto

View file

@ -62,7 +62,7 @@ export default Vue.extend({
width 100%
z-index 1000
background #fff
box-shadow 0 1px rgba(0, 0, 0, 0.1)
box-shadow 0 1px rgba(#000, 0.1)
> h1
margin 0

View file

@ -62,7 +62,7 @@ export default Vue.extend({
width calc(100% - 32px)
list-style none
background #fff
border solid 1px rgba(0, 0, 0, 0.2)
border solid 1px rgba(#000, 0.2)
border-radius $radius
> li
@ -70,7 +70,7 @@ export default Vue.extend({
border-bottom solid 1px #ddd
&:hover
background rgba(0, 0, 0, 0.1)
background rgba(#000, 0.1)
&:first-child
border-top-left-radius $radius

View file

@ -40,7 +40,7 @@ export default Vue.extend({
.form
background #fff
border solid 1px rgba(0, 0, 0, 0.2)
border solid 1px rgba(#000, 0.2)
border-radius 8px
overflow hidden

View file

@ -108,7 +108,7 @@ export default Vue.extend({
.form
margin-bottom 16px
background #fff
border solid 1px rgba(0, 0, 0, 0.2)
border solid 1px rgba(#000, 0.2)
border-radius 8px
overflow hidden
@ -131,7 +131,7 @@ export default Vue.extend({
margin 0 0 16px 0
width 100%
font-size 1em
color rgba(0, 0, 0, 0.7)
color rgba(#000, 0.7)
background #fff
outline none
border solid 1px #ddd
@ -156,7 +156,7 @@ export default Vue.extend({
background-color #767676
background-image none
border-color #444
box-shadow 0 1px 3px rgba(0, 0, 0, 0.075), inset 0 0 5px rgba(0, 0, 0, 0.2)
box-shadow 0 1px 3px rgba(#000, 0.075), inset 0 0 5px rgba(#000, 0.2)
> div
padding 16px
@ -164,7 +164,7 @@ export default Vue.extend({
> .tl
background #fff
border solid 1px rgba(0, 0, 0, 0.2)
border solid 1px rgba(#000, 0.2)
border-radius 8px
overflow hidden