93 lines
1.8 KiB
Sass
93 lines
1.8 KiB
Sass
|
.pull-left
|
||
|
float: left
|
||
|
|
||
|
.pull-right
|
||
|
float: right
|
||
|
|
||
|
.text-center
|
||
|
text-align: center
|
||
|
|
||
|
.text-right
|
||
|
text-align: right
|
||
|
|
||
|
.text-left
|
||
|
text-align: left
|
||
|
|
||
|
.clearfix
|
||
|
*zoom: 1
|
||
|
|
||
|
&:before, &:after
|
||
|
content: " "
|
||
|
display: table
|
||
|
|
||
|
&:after
|
||
|
clear: both
|
||
|
|
||
|
.small
|
||
|
font-size: 50%
|
||
|
line-height: 50%
|
||
|
|
||
|
.alt-font
|
||
|
font-family: $headers-font-family
|
||
|
|
||
|
.hacker-icon
|
||
|
$size: 22px
|
||
|
display: inline-block
|
||
|
position: relative
|
||
|
height: $size
|
||
|
width: $size
|
||
|
|
||
|
-moz-transition: all 0.5s
|
||
|
-webkit-transition: all 0.5s
|
||
|
transition: all 0.5s
|
||
|
|
||
|
&:hover
|
||
|
vertical-align: top
|
||
|
width: 22px
|
||
|
&:before
|
||
|
content: "a"
|
||
|
div
|
||
|
display: none
|
||
|
|
||
|
div:nth-child(1)
|
||
|
position: absolute
|
||
|
left: $size/3
|
||
|
top: 0
|
||
|
|
||
|
div:nth-child(2)
|
||
|
position: absolute
|
||
|
left: ($size/3)*2
|
||
|
top: $size/3
|
||
|
|
||
|
div:nth-child(3)
|
||
|
position: absolute
|
||
|
left: ($size/3)*2
|
||
|
top: ($size/3)*2
|
||
|
|
||
|
div:nth-child(4)
|
||
|
position: absolute
|
||
|
left: $size/3
|
||
|
top: ($size/3)*2
|
||
|
|
||
|
div:nth-child(5)
|
||
|
position: absolute
|
||
|
left: 0
|
||
|
top: ($size/3)*2
|
||
|
|
||
|
div
|
||
|
background-color: #fff
|
||
|
width: $size/3
|
||
|
height: $size/3
|
||
|
|
||
|
/* Mix-ins */
|
||
|
@mixin rotate($degrees)
|
||
|
-webkit-transform: rotate(#{$degrees}deg)
|
||
|
-moz-transform: rotate(#{$degrees}deg)
|
||
|
-ms-transform: rotate(#{$degrees}deg)
|
||
|
-o-transform: rotate(#{$degrees}deg)
|
||
|
transform: rotate(#{$degrees}deg)
|
||
|
|
||
|
filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=#{cos($degrees)}, M12=-#{sin($degrees)}, M21=#{sin($degrees)}, M22=#{cos($degrees)})
|
||
|
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=#{cos($degrees)}, M12=-#{sin($degrees)}, M21=#{sin($degrees)}, M22=#{cos($degrees)})"
|
||
|
zoom: 1
|