1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-11-22 18:00:18 +01:00

Organize app components

This commit is contained in:
sdtsui 2017-08-06 13:06:18 -07:00
parent a0a956d646
commit b65dc85b0a
3 changed files with 68 additions and 133 deletions

View File

@ -18,71 +18,6 @@
@import './lib.scss';
@import './transitions.scss';
/*
app
*/
.app-header {
padding: 6px 8px;
// background: #EFEFEF; // $gallery
}
.app-header h1 {
font-family: 'Montserrat Regular';
text-transform: uppercase;
color: #22232C; // $shark
}
h2.page-subtitle {
font-family: 'Montserrat Regular';
text-transform: uppercase;
color: #AEAEAE;
font-size: 1em;
margin: 12px;
}
.app-footer {
padding-bottom: 10px;
align-items: center;
}
.identicon {
height: 46px;
width: 46px;
background-size: cover;
border-radius: 100%;
border: 3px solid gray;
}
textarea.twelve-word-phrase {
padding: 12px;
width: 300px;
height: 140px;
font-size: 16px;
background: white;
resize: none;
}
.network-indicator {
display: flex;
align-items: center;
font-size: 0.6em;
}
.network-name {
width: 5.2em;
line-height: 9px;
text-rendering: geometricPrecision;
}
.check {
margin-left: 7px;
color: #F7861C;
flex: 1 0 auto;
display: flex;
justify-content: flex-end;
}
/*
app sections
*/

View File

@ -1 +1,67 @@
@import './buttons.scss'
@import './buttons.scss'
/*
app
*/
.app-header {
padding: 6px 8px;
// background: #EFEFEF; // $gallery
}
.app-header h1 {
font-family: 'Montserrat Regular';
text-transform: uppercase;
color: #22232C; // $shark
}
h2.page-subtitle {
font-family: 'Montserrat Regular';
text-transform: uppercase;
color: #AEAEAE;
font-size: 1em;
margin: 12px;
}
.app-footer {
padding-bottom: 10px;
align-items: center;
}
.identicon {
height: 46px;
width: 46px;
background-size: cover;
border-radius: 100%;
border: 3px solid gray;
}
textarea.twelve-word-phrase {
padding: 12px;
width: 300px;
height: 140px;
font-size: 16px;
background: white;
resize: none;
}
.network-indicator {
display: flex;
align-items: center;
font-size: 0.6em;
}
.network-name {
width: 5.2em;
line-height: 9px;
text-rendering: geometricPrecision;
}
.check {
margin-left: 7px;
color: #F7861C;
flex: 1 0 auto;
display: flex;
justify-content: flex-end;
}

File diff suppressed because one or more lines are too long