Skip to content

Instantly share code, notes, and snippets.

What would you like to do?
SASS Style File
@import url('|Slabo+27px')
$f-stack-one: 'Just Another Hand', cursive
$f-stach-two: 'Slabo 27px', serif
$body-color: #111
$body-line-height: 1.2
$main-width: 1080px
$white_color_100: rgba(255,255,255,1)
-webkit-border-radius: $radius
-moz-border-radius: $radius
border-radius: $radius
font-family: $f-stach-two
color: $body-color
line-height: $body-line-height
width: $main-width
margin: 0 auto
margin-top: 20px
display: flex
width: 213px
height: 150px
float: left
padding: 20px
background: #E3F2FD
border: 1px solid #e3e3e3
.box p
text-align: center
@import nav
font-family: $f-stach-two
font-size: 13px
text-transform: uppercase
color: $white_color_100
background: #e84545
text-decoration: none
padding: 20px 55px
background: #ff0000
text-decoration: none
border: 1px solid #ccc
padding: 10px
color: #333
@extend .message
border-color: green
@extend .message
border-color: red
@extend .message
border-color: yellow
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment