Skip to content
This repository has been archived by the owner on Jul 3, 2019. It is now read-only.

Commit

Permalink
feat(icon): move icon styles to icon component
Browse files Browse the repository at this point in the history
  • Loading branch information
reinoute committed May 4, 2016
1 parent 4a8ff90 commit d0a8ead
Show file tree
Hide file tree
Showing 5 changed files with 155 additions and 142 deletions.
138 changes: 1 addition & 137 deletions src/index.css
Original file line number Diff line number Diff line change
@@ -1,14 +1,10 @@
/* include component styles alphabetically */
@import 'modules/app/app.css';
@import 'modules/core/core.css';
@import 'modules/icon/icon.css';
@import 'modules/info-panel/info-panel.css';
@import 'modules/size-controls/size-controls.css';

@font-face {
font-family: 'icon-font';
src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,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) format('woff');
}

html {
font-family: Arial, sans-serif;
}
Expand Down Expand Up @@ -100,126 +96,6 @@ html,
.viewer-size-input {
height: 100%;
}
.viewer-icon,
.viewer-icon-info-outline,
.viewer-icon-launch,
.viewer-icon-label,
.viewer-icon-chevron-left,
.viewer-icon-expand-more,
.viewer-icon-view,
.viewer-icon-component,
.viewer-icon-align-top,
.viewer-icon-align-bottom,
.viewer-icon-clear,
.viewer-icon-align-right,
.viewer-icon-align-left,
:not(.ie8) .viewer-header-select-wrapper:before {
font-family: 'icon-font';
font-weight: normal;
font-style: normal;
}
.viewer-icon-info-outline:before {
font-size: 1.4em;
content: '\e639';
}
.ie8 .viewer-icon-info-outline {
width: 50px;
}
.ie8 .viewer-icon-info-outline:before {
font-family: sans-serif;
content: 'Info';
font-size: .8em;
font-weight: 700;
}
.viewer-icon-launch:before {
font-size: 1.4em;
content: '\e648';
}
.ie8 .viewer-icon-launch {
width: 100px;
}
.ie8 .viewer-icon-launch:before {
font-family: sans-serif;
content: 'New window';
font-size: .8em;
font-weight: 700;
}
.viewer-icon-label:before {
font-size: 1.4em;
content: '\e887';
}
.ie8 .viewer-icon-label {
width: 95px;
}
.ie8 .viewer-icon-label:before {
font-family: sans-serif;
content: 'Annotations';
font-size: .8em;
font-weight: 700;
}
.viewer-icon-chevron-left:before {
font-size: 1.4em;
content: '\e8a7';
}
.viewer-icon-expand-more:before {
font-size: 1.4em;
content: '\e8ab';
}
.viewer-icon-view:before {
font-size: 1.4em;
content: '\e699';
}
.viewer-icon-component:before {
font-size: 1.4em;
content: '\e628';
}
.viewer-icon-align-top:before {
font-size: 1.4em;
content: '\e7a7';
}
.ie8 .viewer-icon-align-top {
width: 70px !important;
}
.ie8 .viewer-icon-align-top:before {
font-family: sans-serif;
content: 'Expand';
font-size: .8em;
font-weight: 700;
}
.viewer-icon-align-bottom:before {
font-size: 1.4em;
content: '\e7a5';
}
.ie8 .viewer-icon-align-bottom {
width: 69px !important;
}
.ie8 .viewer-icon-align-bottom:before {
font-family: sans-serif;
content: 'Collapse';
font-size: .8em;
font-weight: 700;
}
.viewer-icon-clear:before {
font-size: 1.4em;
content: '\e704';
}
.ie8 .viewer-icon-clear {
width: 50px !important;
}
.ie8 .viewer-icon-clear:before {
font-family: sans-serif;
content: 'Close';
font-size: .8em;
font-weight: 700;
}
.viewer-icon-align-right:before {
font-size: 1.4em;
content: '\e7ca';
}
.viewer-icon-align-left:before {
font-size: 1.4em;
content: '\e7c5';
}
.viewer-width-input-wrapper {
position: relative;
display: block;
Expand Down Expand Up @@ -259,9 +135,6 @@ html,
.viewer-header-select-wrapper {
display: inline;
}
.viewer-header-select-wrapper .viewer-model-type-icon {
display: none;
}
:not(.ie8) .viewer-header-select-wrapper {
background: #e8ecec;
box-sizing: border-box;
Expand Down Expand Up @@ -289,15 +162,6 @@ html,
width: 40px;
z-index: -1;
}
:not(.ie8) .viewer-header-select-wrapper .viewer-model-type-icon {
display: inline;
left: 5px;
height: 40px;
line-height: 40px;
position: absolute;
text-align: center;
width: 40px;
}
.viewer-header-select-wrapper select {
margin-top: 10px;
width: 250px;
Expand Down
4 changes: 2 additions & 2 deletions src/modules/app/app.tag.html
Original file line number Diff line number Diff line change
Expand Up @@ -5,11 +5,11 @@
<yield/>
</module-selector>

<button class="button viewer-icon-info-outline { 'is-active': infoIsOpen }"
<button class="button icon-info-outline { 'is-active': infoIsOpen }"
title="toggle module info"
disabled="{ !activeModule.info }"
onclick="{ toggleInfo }"></button>
<button class="button viewer-icon-label" title="toggle annotations"
<button class="button icon-label" title="toggle annotations"
disabled></button>

<size-controls on-resize="{ setSize }" sizes="{ opts.sizes }"/>
Expand Down
149 changes: 149 additions & 0 deletions src/modules/icon/icon.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,149 @@
@font-face {
font-family: 'icon-font';
src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,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) format('woff');
}

.icon,
.icon-info-outline,
.icon-launch,
.icon-label,
.icon-chevron-left,
.icon-expand-more,
.icon-view,
.icon-component,
.icon-align-top,
.icon-align-bottom,
.icon-clear,
.icon-align-right,
.icon-align-left,
:not(.ie8) .viewer-header-select-wrapper:before {
font-family: 'icon-font';
font-weight: normal;
font-style: normal;
}

.icon-info-outline:before {
font-size: 1.4em;
content: '\e639';
}

.ie8 .icon-info-outline {
width: 50px;
}

.ie8 .icon-info-outline:before {
font-family: sans-serif;
content: 'Info';
font-size: .8em;
font-weight: 700;
}

.icon-launch:before {
font-size: 1.4em;
content: '\e648';
}

.ie8 .icon-launch {
width: 100px;
}

.ie8 .icon-launch:before {
font-family: sans-serif;
content: 'New window';
font-size: .8em;
font-weight: 700;
}

.icon-label:before {
font-size: 1.4em;
content: '\e887';
}

.ie8 .icon-label {
width: 95px;
}

.ie8 .icon-label:before {
font-family: sans-serif;
content: 'Annotations';
font-size: .8em;
font-weight: 700;
}

.icon-chevron-left:before {
font-size: 1.4em;
content: '\e8a7';
}

.icon-expand-more:before {
font-size: 1.4em;
content: '\e8ab';
}

.icon-view:before {
font-size: 1.4em;
content: '\e699';
}

.icon-component:before {
font-size: 1.4em;
content: '\e628';
}

.icon-align-top:before {
font-size: 1.4em;
content: '\e7a7';
}

.ie8 .icon-align-top {
width: 70px !important;
}

.ie8 .icon-align-top:before {
font-family: sans-serif;
content: 'Expand';
font-size: .8em;
font-weight: 700;
}

.icon-align-bottom:before {
font-size: 1.4em;
content: '\e7a5';
}

.ie8 .icon-align-bottom {
width: 69px !important;
}

.ie8 .icon-align-bottom:before {
font-family: sans-serif;
content: 'Collapse';
font-size: .8em;
font-weight: 700;
}

.icon-clear:before {
font-size: 1.4em;
content: '\e704';
}

.ie8 .icon-clear {
width: 50px !important;
}

.ie8 .icon-clear:before {
font-family: sans-serif;
content: 'Close';
font-size: .8em;
font-weight: 700;
}

.icon-align-right:before {
font-size: 1.4em;
content: '\e7ca';
}

.icon-align-left:before {
font-size: 1.4em;
content: '\e7c5';
}
4 changes: 2 additions & 2 deletions src/modules/info-panel/info-panel.tag.html
Original file line number Diff line number Diff line change
Expand Up @@ -13,8 +13,8 @@
</nav>

<div class="viewer-info-control">
<button class="button viewer-icon-align-top" title=""></button>
<button class="button viewer-icon-clear" title="close info panel"
<button class="button icon-align-top" title=""></button>
<button class="button icon-clear" title="close info panel"
onclick="{ opts.onClose }"></button>
</div>
</header>
Expand Down
2 changes: 1 addition & 1 deletion src/modules/module-selector/module-selector.tag.html
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@
</label>

<a href="{ activeModule.url }" target="_blank" title="open module in new window"
class="viewer-link viewer-icon-launch"></a>
class="viewer-link icon-launch"></a>

<script>
var tag = this;
Expand Down

0 comments on commit d0a8ead

Please sign in to comment.