Project upload
This commit is contained in:
21
sass/components/_social-icons.scss
Executable file
21
sass/components/_social-icons.scss
Executable file
@@ -0,0 +1,21 @@
|
||||
/*------------------------------------------------------------------
|
||||
[Social Icons]
|
||||
------------------------------------------------------------------*/
|
||||
|
||||
.social-icons {
|
||||
display: inline-block;
|
||||
@include size(40px);
|
||||
@include font($size: 16px);
|
||||
color: $color-white;
|
||||
text-align: center;
|
||||
border-radius: 50%;
|
||||
vertical-align: middle;
|
||||
padding: 11px;
|
||||
@include cubic-transition($delay: 0, $duration: 300ms, $property: (all));
|
||||
|
||||
&:hover {
|
||||
color: $color-heading;
|
||||
background: $color-white;
|
||||
@include cubic-transition($delay: 0, $duration: 300ms, $property: (all));
|
||||
}
|
||||
}
|
Reference in New Issue
Block a user