mirror
/
remix-project
mirror of https://github.com/ethereum/remix-project.git
2
0
Fork 0
Code Issues Releases Wiki Activity

small fixes

Browse Source
pull/7/head
yann300 7 years ago
parent 6f830b63b1
commit 9aed0fb012
1 changed files with 58 additions and 58 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 116
      src/ui/styles/style-guide.js

116
src/ui/styles/style-guide.js
Unescape View File

@ -203,76 +203,76 @@ function styleGuide () {
uiElements: { uiElements: {
solidBorderBox: (opts = {}) => ` solidBorderBox: (opts = {}) => `
background-color : ${opts.BackgroundColor} background-color : ${opts.BackgroundColor};
border : 1px solid ${opts.BorderColor} border : 1px solid ${opts.BorderColor};
color : ${opts.Color} color : ${opts.Color};
border-radius : ${cssProperties.borders.primary_borderRadius} border-radius : ${cssProperties.borders.primary_borderRadius};
font-size : 12px font-size : 12px;
padding : 10px 15px padding : 10px 15px;
line-height : 20px line-height : 20px;
overflow : hidden overflow : hidden;
word-break : break-word word-break : break-word;
width : 100% width : 100%;
`, `,
dottedBorderBox: (opts = {}) => ` dottedBorderBox: (opts = {}) => `
background-color : ${opts.BackgroundColor} background-color : ${opts.BackgroundColor};
border : .2em dotted ${opts.BorderColor} border : .2em dotted ${opts.BorderColor};
color : ${opts.Color} color : ${opts.Color};
border-radius : ${cssProperties.borders.secondary_borderRadius} border-radius : ${cssProperties.borders.secondary_borderRadius};
line-height : 20px line-height : 20px;
padding : 8px 15px padding : 8px 15px;
margin-bottom : 1em margin-bottom : 1em;
overflow : hidden overflow : hidden;
word-break : break-word word-break : break-word;
`, `,
inputField: (opts = {}) => ` inputField: (opts = {}) => `
background-color : ${opts.BackgroundColor} background-color : ${opts.BackgroundColor};
border : 1px solid ${opts.BorderColor} border : 1px solid ${opts.BorderColor};
color : ${opts.Color} color : ${opts.Color};
border-radius : ${cssProperties.borders.secondary_borderRadius} border-radius : ${cssProperties.borders.secondary_borderRadius};
height : 25px height : 25px;
width : 250px width : 250px;
padding : 0 8px padding : 0 8px;
overflow : hidden overflow : hidden;
word-break : normal word-break : normal;
`, `,
dropdown: (opts = {}) => ` dropdown: (opts = {}) => `
background-color : ${opts.BackgroundColor} background-color : ${opts.BackgroundColor};
border : 1px solid ${opts.BorderColor} border : 1px solid ${opts.BorderColor};
color : ${opts.Color} color : ${opts.Color};
font-size : 12px font-size : 12px;
font-weight : bold font-weight : bold;
padding : 0 8px padding : 0 8px;
text-decoration : none text-decoration : none;
cursor : pointer cursor : pointer;
border-radius : 3px border-radius : 3px;
height : 25px height : 25px;
width : 250px width : 250px;
text-align : center text-align : center;
overflow : hidden overflow : hidden;
word-break : normal word-break : normal;
`, `,
button: (opts = {}) => ` button: (opts = {}) => `
margin : 1px margin : 1px;
background-color : ${opts.BackgroundColor} background-color : ${opts.BackgroundColor};
border : .3px solid ${opts.BorderColor} border : .3px solid ${opts.BorderColor};
color : ${opts.Color} color : ${opts.Color};
display : flex display : flex;
align-items : center align-items : center;
justify-content : center justify-content : center;
border-radius : 3px border-radius : 3px;
cursor : pointer cursor : pointer;
min-height : 25px min-height : 25px;
max-height : 25px max-height : 25px;
width : 70px width : 70px;
min-width : 70px min-width : 70px;
font-size : 12px font-size : 12px;
overflow : hidden overflow : hidden;
word-break : normal word-break : normal;
` `
} }
} }

Write Preview
Loading…
Cancel
Save