Skip to content

Instantly share code, notes, and snippets.

@kbouw
Created February 1, 2014 19:32
Show Gist options
  • Save kbouw/8757391 to your computer and use it in GitHub Desktop.
Save kbouw/8757391 to your computer and use it in GitHub Desktop.
.icon-list {
margin-top: 50px;
}
.icon-sub-text {
padding-top: 0;
text-align: center !important;
}
.window-icon {
font-size: 8em;
display: block !important;
text-align: center !important;
margin-top: 25px;
margin-right: 10px;
color: white;
}
.window-icon-circle:hover {
background-color: #56aed7;
}
.apple-icon-circle:hover {
background-color: #666d77;
}
.droid-icon-circle:hover {
background-color: #f0bb51;
}
.apple-icon {
font-size: 8em;
display: block !important;
text-align: center !important;
margin-top: 25px;
color: white;
}
.droid-icon {
font-size: 8em;
display: block !important;
text-align: center !important;
margin-top: 20px;
color: white;
}
.window-icon-circle {
background-color: rgba(85,175,217, 0.5);
border-radius: 50%;
height: 170px;
text-decoration: none !important;
}
.apple-icon-circle {
background-color: rgba(102,108,118, 0.5);
border-radius: 50%;
height: 170px;
}
.droid-icon-circle {
background-color: rgba(244,190,82, 0.5);
border-radius: 100px;
height: 170px;
}
@anthonylebrun
Copy link

first things first

.window-icon-circle:hover, .window-icon-circle.active {
    background-color: #56aed7;
}

.apple-icon-circle:hover, .apple-icon-circle.active {
    background-color: #666d77;
}

.droid-icon-circle:hover, .droid-icon-circle.active {
   background-color: #f0bb51;
}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment