Move separator styling to shared-styles.html

This styling was duplicated in several components, and will be used in
more throughout the app.

Change-Id: I50437d3d4aea9b737d013e4c24b856051c4919cd
This commit is contained in:
Kasper Nilsson
2018-01-11 10:19:07 -08:00
parent 53b2686b14
commit c489da290e
3 changed files with 9 additions and 18 deletions

View File

@@ -118,15 +118,6 @@ limitations under the License.
.fileViewActions > *:not(:last-child) {
margin-right: 5px;
}
.separator {
background-color: rgba(0, 0, 0, .3);
height: 20px;
margin: 0 8px;
width: 1px;
}
.separator.transparent {
background-color: transparent;
}
.editLoaded .hideOnEdit {
display: none;
}

View File

@@ -58,15 +58,6 @@ limitations under the License.
#messageControlsContainer gr-button {
padding: 0.4em 0;
}
.separator {
background-color: rgba(0, 0, 0, .3);
height: 1.5em;
margin: 0 .6em;
width: 1px;
}
.separator.transparent {
background-color: transparent;
}
.container {
align-items: center;
display: flex;

View File

@@ -87,6 +87,15 @@ limitations under the License.
[hidden] {
display: none !important;
}
.separator {
background-color: rgba(0, 0, 0, .3);
height: 20px;
margin: 0 8px;
width: 1px;
}
.separator.transparent {
background-color: transparent;
}
</style>
</template>
</dom-module>