danbarber/danbarberphoto
1
0
Fork 0
mirror of https://github.com/danbee/danbarberphoto synced 2025-03-04 08:49:07 +00:00
Code Issues Releases Wiki Activity

Style tweaks

Browse Source
This commit is contained in:
Daniel Barber 2015-08-27 21:24:28 +01:00
parent 6557a8acbd
commit a988009aa2
3 changed files with 13 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
app/assets/stylesheets/admin/admin.sass
View File

@ -8,7 +8,7 @@ body
background-color: #999 background-color: #999
color: #333 color: #333
font-family: "Helvetica Neue", "Arial", sans-serif font-family: "Helvetica Neue", "Arial", sans-serif
font-size: 16px font-size: 14px
line-height: 1.3 line-height: 1.3
margin: 0 margin: 0
padding: 0 padding: 0
@ -17,7 +17,7 @@ body
background: #fafafa background: #fafafa
padding: 1em 2em 3em padding: 1em 2em 3em
border-bottom: 1px solid #666 border-bottom: 1px solid #666
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3) box-shadow: 0 1px 12px rgba(0, 0, 0, 0.1)
#login #login
width: 40em width: 40em
@ -51,7 +51,6 @@ header
margin-bottom: 0.5em margin-bottom: 0.5em
position: relative position: relative
z-index: 1 z-index: 1
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3)
h2 h2
margin-top: 1.2em margin-top: 1.2em

24
app/assets/stylesheets/admin/simple_form.sass
View File

@ -5,7 +5,6 @@ form.simple_form
border: 1px solid #ccc border: 1px solid #ccc
margin: 0 0 1em margin: 0 0 1em
padding: 0 1em padding: 0 1em
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05)
label label
text-align: right text-align: right
margin-right: 1em margin-right: 1em
@ -35,10 +34,9 @@ form.simple_form
margin: 0 0.5rem 0 0 margin: 0 0.5rem 0 0
border-width: 1px border-width: 1px
border-style: solid border-style: solid
border-color: #999 #DDD #DDD #999 border-color: #ccc
padding: 0.5em padding: 0.5em
border-radius: 2px border-radius: 2px
box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.1)
&:focus &:focus
border-color: #67A #9AF #9AF #67A border-color: #67A #9AF #9AF #67A
box-shadow: 0 0 4px rgba(0, 128, 255, 0.5), inset 1px 1px 4px rgba(0, 0, 0, 0.1) box-shadow: 0 0 4px rgba(0, 128, 255, 0.5), inset 1px 1px 4px rgba(0, 0, 0, 0.1)
@ -59,15 +57,7 @@ form.simple_form
padding-left: 14em padding-left: 14em
input[type=submit], a.button input[type=submit], a.button
@include button @include button(#9C7)
&[name=commit]
background-color: #9C7
border-color: #370
color: white
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5)
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25), inset -1px -1px 0 rgba(255, 255, 255, 0.2), inset 1px 1px 0 rgba(255, 255, 255, 0.3), inset 0 0 6px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.3)
&:hover, &:focus
background-color: #8B6
.input.boolean .input.boolean
padding-left: 14em padding-left: 14em
@ -112,13 +102,7 @@ form.simple_form
color: #999 color: #999
a.button a.button
@include button @include button(#999)
a.button.new a.button.new
background-color: #7AC @include button(#359ADD)
border-color: #047
color: white
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5)
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25), inset -1px -1px 0 rgba(255, 255, 255, 0.2), inset 1px 1px 0 rgba(255, 255, 255, 0.3), inset 0 0 6px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.3)
&:hover, &:focus
background-color: #69B

14
app/assets/stylesheets/includes/_button.sass
View File

@ -1,4 +1,4 @@
@mixin button @mixin button($colour)
display: inline-block display: inline-block
position: relative position: relative
font-family: "Helvetica Neue", "Arial", sans-serif font-family: "Helvetica Neue", "Arial", sans-serif
@ -9,16 +9,16 @@
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25), inset -1px -1px 0 rgba(255, 255, 255, 0.5), inset 1px 1px 0 rgba(255, 255, 255, 0.6), inset 0 0 6px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.3) box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25), inset -1px -1px 0 rgba(255, 255, 255, 0.5), inset 1px 1px 0 rgba(255, 255, 255, 0.6), inset 0 0 6px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.3)
border-width: 1px border-width: 1px
border-style: solid border-style: solid
border-color: #888 background-color: $colour
background-color: white border-color: darken($colour, 20%)
color: #555 color: white
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5)
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25), inset -1px -1px 0 rgba(255, 255, 255, 0.2), inset 1px 1px 0 rgba(255, 255, 255, 0.3), inset 0 0 6px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.3)
font-weight: bold font-weight: bold
cursor: pointer cursor: pointer
@include transition(background 0.15s 0s ease) @include transition(background 0.15s 0s ease)
border-radius: 3px border-radius: 3px
&:hover, &:focus &:hover, &:focus
background-color: #eee background-color: lighten($colour, 10%)
color: #555
&:active &:active
top: 1px top: 1px