Skip to content

Instantly share code, notes, and snippets.

@100lp
Last active December 16, 2015 18:00
Show Gist options
  • Save 100lp/5474802 to your computer and use it in GitHub Desktop.
Save 100lp/5474802 to your computer and use it in GitHub Desktop.
#button_background a
height: 23px
padding: 5px 25px
z-index: 0
position: relative
display: block
border: 0
background: -webkit-linear-gradient(#fff, #f3efe7) !important
background: -moz-linear-gradient(#fff, #f3efe7) !important
background: -ms-linear-gradient(#fff, #f3efe7) !important
background: -o-linear-gradient(#fff, #f3efe7) !important
background: linear-gradient(#fff, #f3efe7) !important
#button_background
a
&:before
content: ""
background: -webkit-linear-gradient(#fff, #f3efe7) !important
background: -moz-linear-gradient(#fff, #f3efe7) !important
background: -ms-linear-gradient(#fff, #f3efe7) !important
background: -o-linear-gradient(#fff, #f3efe7) !important
background: linear-gradient(#fff, #f3efe7) !important
display: block
border: 0
position: absolute
width: 19px
height: 19px
left: -10px
top: 7px
z-index: -1 !important
+transform(1, 45deg, 0px, 0px, 14deg, 14deg)
&:after
content: ""
background: -webkit-linear-gradient(#fff, #f3efe7) !important
background: -moz-linear-gradient(#fff, #f3efe7) !important
background: -ms-linear-gradient(#fff, #f3efe7) !important
background: -o-linear-gradient(#fff, #f3efe7) !important
background: linear-gradient(#fff, #f3efe7) !important
display: block
border: 0
position: absolute
width: 19px
height: 19px
right: -9
top: 7
z-index: -1 !important
+transform(1, 45deg, 0px, 0px, 14deg, 14deg)
bottom: 0
right: 99.99999%
position: absolute
overflow: hidden
b
width: 30px
position: relative
display: inline-block
i
margin-top: 100%
display: block
em
background-color: #8b555c !important
position: absolute
bottom: 0
left: 0
right: 0
top: 0
display: block
+rotate(45deg)
transform-origin: 15 35
-webkit-transform-origin: 15 35
-moz-transform-origin: 15 35
.corner-right
top: 0
bottom: 0
left: 99.99999%
position: absolute
overflow: hidden
b
width: 30px
position: relative
display: inline-block
i
margin-top: 100%
display: block
em
background-color: #8b555c !important
position: absolute
bottom: 0
left: 0
right: 0
top: 0
display: block
+rotate(45deg)
transform-origin: 0 0
-webkit-transform-origin: 0 0
-moz-transform-origin: 0 0
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment