Skip to content

Instantly share code, notes, and snippets.

@yamoo9
Created November 4, 2014 11:22
Show Gist options
  • Select an option

  • Save yamoo9/758b9c7f8ff9ded42d09 to your computer and use it in GitHub Desktop.

Select an option

Save yamoo9/758b9c7f8ff9ded42d09 to your computer and use it in GitHub Desktop.
A Pen by 야무.
<div class="ribbon">
<!--<div class="ribbon-left"></div>-->
welcome!
<!-- <div class="ribbon-right"></div> -->
</div>
@import "compass/css3"
body
margin: 4em
.ribbon
position: relative
background: #213411
color: #f9cd11
text-align: center
width: 200px
heigth: 60px
border: 1px solid #f9cd11+#111
.ribbon-left,
&::before, &::after,
.ribbon-right
content: ''
position: absolute
z-index: -1
bottom: -10px
left: -10px
width: 20px
border: inherit
height: 100%
background: inherit
&::after,
.ribbon-right
left: auto
right: -10px
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment