1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-12-22 13:30:55 +01:00
phorge-phorge/webroot/rsrc/css/application/uiexample/example.css
Chad Little 41ea90c686 Add Glyphicons Halflings Font and Examples
Summary: This adds in the Glyphicons Halflings Font/Iconset as an option for PHUIIconView along with a standard set of 10 colors. This will be a replacement for the standard action icon set in upcoming diffs, as well as obviously give us more flexibility, less KB, and less design resource time managing images.

Test Plan: UIExamples, Diviner

Reviewers: btrahan, epriestley

Reviewed By: epriestley

Subscribers: epriestley, Korvin

Differential Revision: https://secure.phabricator.com/D8798
2014-04-17 17:31:23 -07:00

59 lines
928 B
CSS

/**
* @provides phabricator-ui-example-css
*/
.phabricator-ui-example-note {
padding: .5em;
margin: 2em 1em 0.5em;
background: #ffffdd;
border: 1px solid #f5e178;
}
.phabricator-ui-example-note tt {
font-weight: bold;
}
.phabricator-ui-example-header {
margin: 1em 2em 2em;
}
.phabricator-ui-example-description {
margin: 1em 0;
}
.jxui-example-container {
padding: 2em;
margin: 4em auto;
border: 4px solid black;
background: #dfdfdf;
text-align: center;
width: 50%;
}
.jxui-example-container a {
margin: 1em;
}
.jxui-example-container a.jxui-active {
box-shadow: 0 0 30px #ffff00;
}
.jxui-blue-background {
background: {$blue};
}
.jxui-red-border {
border-color: {$red};
}
.phui-icon-view.phui-halfling-name {
display: inline-block;
width: 140px;
padding-bottom: 8px;
white-space: nowrap;
}
.phui-icon-view.phui-halfling-color {
display: block;
padding-bottom: 8px;
}