m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
Code

Move debug and colors to itcss

Browse Source
This commit is contained in:
sdtsui 2017-08-06 13:53:22 -07:00
parent 9004081ae0
commit f73e4dd604
3 changed files with 33 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
ui/app/css/colors.scss
View File

@ -1,4 +0,0 @@
$gallery: #EFEFEF;
$alabaster: #F7F7F7;
$shark: #22232C;
$wild-sand: #F6F6F6;

24
ui/app/css/itcss/components/sections.scss
View File

@ -3,6 +3,28 @@ App Sections
TODO: Move into separate files. TODO: Move into separate files.
*/ */
/*
debug / dev
*/
#app-content {
border: 2px solid green;
}
#design-container {
position: absolute;
left: 360px;
top: -42px;
width: calc(100vw - 360px);
height: 100vh;
overflow: scroll;
}
#design-container img {
width: 2000px;
margin-right: 600px;
}
/* initialize */ /* initialize */
textarea.twelve-word-phrase { textarea.twelve-word-phrase {
@ -485,4 +507,4 @@ div.message-container > div:first-child {
.pop-hover:hover { .pop-hover:hover {
transform: scale(1.1); transform: scale(1.1);
} }

10
ui/app/css/itcss/settings/variables.scss
View File

@ -1,4 +1,14 @@
/*
Variables
*/
// Colors
$white-linen: #FAF6F0; // formerly 'faint orange (textfield shades)' $white-linen: #FAF6F0; // formerly 'faint orange (textfield shades)'
$rajah: #F5C26D; // formerly 'light orange (button shades)' $rajah: #F5C26D; // formerly 'light orange (button shades)'
$buttercup: #F5A623; // formerly 'dark orange (text)' $buttercup: #F5A623; // formerly 'dark orange (text)'
$tundora: #4A4A4A; // formerly 'borders/font/any gray' $tundora: #4A4A4A; // formerly 'borders/font/any gray'
$gallery: #EFEFEF;
$alabaster: #F7F7F7;
$shark: #22232C;
$wild-sand: #F6F6F6;