Changeset View
Changeset View
Standalone View
Standalone View
webroot/rsrc/css/phui/phui-icon.css
| Show First 20 Lines • Show All 43 Lines • ▼ Show 20 Lines | |||||
| .phui-icon-circle { | .phui-icon-circle { | ||||
| border: 1px solid {$lightblueborder}; | border: 1px solid {$lightblueborder}; | ||||
| border-radius: 24px; | border-radius: 24px; | ||||
| height: 24px; | height: 24px; | ||||
| width: 24px; | width: 24px; | ||||
| text-align: center; | text-align: center; | ||||
| display: inline-block; | display: inline-block; | ||||
| cursor: pointer; | cursor: pointer; | ||||
| background: transparent; | |||||
| padding: 0; | |||||
| } | } | ||||
| .phui-icon-circle.circle-medium { | .phui-icon-circle.circle-medium { | ||||
| height: 36px; | height: 36px; | ||||
| width: 36px; | width: 36px; | ||||
| border-radius: 36px; | border-radius: 36px; | ||||
| } | } | ||||
| ▲ Show 20 Lines • Show All 46 Lines • ▼ Show 20 Lines | a.phui-icon-circle.hover-green:hover { | ||||
| border-color: {$green}; | border-color: {$green}; | ||||
| cursor: pointer; | cursor: pointer; | ||||
| } | } | ||||
| a.phui-icon-circle.hover-green:hover .phui-icon-view { | a.phui-icon-circle.hover-green:hover .phui-icon-view { | ||||
| color: {$green}; | color: {$green}; | ||||
| } | } | ||||
| a.phui-icon-circle.hover-red:hover { | |||||
| text-decoration: none; | |||||
| border-color: {$red}; | |||||
| cursor: pointer; | |||||
| } | |||||
| a.phui-icon-circle.hover-red:hover .phui-icon-view { | |||||
| color: {$red}; | |||||
| } | |||||
| /* - Icon in a Square ------------------------------------------------------- */ | /* - Icon in a Square ------------------------------------------------------- */ | ||||
| .phui-icon-view.phui-icon-square { | .phui-icon-view.phui-icon-square { | ||||
| height: 40px; | height: 40px; | ||||
| width: 40px; | width: 40px; | ||||
| color: #fff; | color: #fff; | ||||
| font-size: 26px; | font-size: 26px; | ||||
| text-align: center; | text-align: center; | ||||
| line-height: 38px; | line-height: 38px; | ||||
| border-radius: 3px; | border-radius: 3px; | ||||
| } | } | ||||
| a.phui-icon-view.phui-icon-square:hover { | a.phui-icon-view.phui-icon-square:hover { | ||||
| text-decoration: none; | text-decoration: none; | ||||
| color: #fff; | color: #fff; | ||||
| } | } | ||||