hammy
/
carbon
mirror of https://github.com/sgoudham/carbon.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

prettier

Browse Source
main
Mike Fix 4 years ago
parent 1e038f3b92
commit 4741d6adc8
No known key found for this signature in database
GPG Key ID: 1D85E862314CA79F
2 changed files with 213 additions and 217 deletions
Show Stats Download Patch File Download Diff File

18
components/Carbon.js
Unescape Escape View File

@ -245,15 +245,13 @@ class Carbon extends React.PureComponent {
} }
.container .bg { .container .bg {
${ ${this.props.config.backgroundMode === 'image'
this.props.config.backgroundMode === 'image' ? `background: url(${backgroundImage});
? `background: url(${backgroundImage});
background-size: cover; background-size: cover;
background-repeat: no-repeat;` background-repeat: no-repeat;`
: `background: ${this.props.config.backgroundColor || config.backgroundColor}; : `background: ${this.props.config.backgroundColor || config.backgroundColor};
background-size: auto; background-size: auto;
background-repeat: repeat;` background-repeat: repeat;`}
}
position: absolute; position: absolute;
top: 0px; top: 0px;
right: 0px; right: 0px;
@ -280,11 +278,9 @@ class Carbon extends React.PureComponent {
position: relative; position: relative;
z-index: 1; z-index: 1;
border-radius: 5px; border-radius: 5px;
${ ${config.dropShadow
config.dropShadow ? `box-shadow: 0 ${config.dropShadowOffsetY} ${config.dropShadowBlurRadius} rgba(0, 0, 0, 0.55)`
? `box-shadow: 0 ${config.dropShadowOffsetY} ${config.dropShadowBlurRadius} rgba(0, 0, 0, 0.55)` : ''};
: ''
};
} }
.container :global(.CodeMirror__container .CodeMirror) { .container :global(.CodeMirror__container .CodeMirror) {

412
components/style/Reset.js
Unescape Escape View File

@ -5,228 +5,228 @@ export default function Reset() {
return ( return (
<style jsx global> <style jsx global>
{` {`
/* http://meyerweb.com/eric/tools/css/reset/ /* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126 v2.0 | 20110126
License: none (public domain) License: none (public domain)
*/ */
html, html,
body, body,
div, div,
span, span,
applet, applet,
object, object,
iframe, iframe,
h1, h1,
h2, h2,
h3, h3,
h4, h4,
h5, h5,
h6, h6,
p, p,
blockquote, blockquote,
pre, pre,
a, a,
abbr, abbr,
acronym, acronym,
address, address,
big, big,
cite, cite,
code, code,
del, del,
dfn, dfn,
em, em,
img, img,
ins, ins,
kbd, kbd,
q, q,
s, s,
samp, samp,
small, small,
strike, strike,
strong, strong,
sub, sub,
sup, sup,
tt, tt,
var, var,
b, b,
u, u,
i, i,
center, center,
dl, dl,
dt, dt,
dd, dd,
ol, ol,
ul, ul,
li, li,
fieldset, fieldset,
form, form,
label, label,
legend, legend,
table, table,
caption, caption,
tbody, tbody,
tfoot, tfoot,
thead, thead,
tr, tr,
th, th,
td, td,
article, article,
aside, aside,
canvas, canvas,
details, details,
embed, embed,
figure, figure,
figcaption, figcaption,
footer, footer,
header, header,
hgroup, hgroup,
menu, menu,
nav, nav,
output, output,
ruby, ruby,
section, section,
summary, summary,
time, time,
mark, mark,
audio, audio,
video { video {
margin: 0; margin: 0;
padding: 0; padding: 0;
border: 0; border: 0;
font-size: 100%; font-size: 100%;
font-weight: inherit; font-weight: inherit;
font-family: inherit; font-family: inherit;
font-style: inherit; font-style: inherit;
vertical-align: baseline; vertical-align: baseline;
} }
/* HTML5 display-role reset for older browsers */ /* HTML5 display-role reset for older browsers */
article, article,
aside, aside,
details, details,
figcaption, figcaption,
figure, figure,
footer, footer,
header, header,
hgroup, hgroup,
menu, menu,
nav, nav,
section { section {
display: block; display: block;
} }
ol, ol,
ul { ul {
list-style: none; list-style: none;
} }
blockquote, blockquote,
q { q {
quotes: none; quotes: none;
} }
blockquote:before, blockquote:before,
blockquote:after, blockquote:after,
q:before, q:before,
q:after { q:after {
content: ''; content: '';
content: none; content: none;
} }
table { table {
border-collapse: collapse; border-collapse: collapse;
border-spacing: 0; border-spacing: 0;
} }
html, html,
body { body {
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility; text-rendering: optimizeLegibility;
background: ${COLORS.BLACK}; background: ${COLORS.BLACK};
color: white; color: white;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Helvetica Neue', font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu,
sans-serif; 'Helvetica Neue', sans-serif;
font-weight: 400; font-weight: 400;
font-style: normal; font-style: normal;
text-transform: initial; text-transform: initial;
letter-spacing: initial; letter-spacing: initial;
min-height: 704px; min-height: 704px;
} }
* { * {
box-sizing: border-box; box-sizing: border-box;
} }
h1, h1,
h2, h2,
h3, h3,
h4, h4,
h5, h5,
h6 { h6 {
font-weight: 500; font-weight: 500;
} }
a { a {
color: inherit; color: inherit;
text-decoration: none; text-decoration: none;
cursor: pointer; cursor: pointer;
} }
*::selection { *::selection {
background: rgba(255, 255, 255, 0.99); background: rgba(255, 255, 255, 0.99);
color: ${COLORS.BLACK}; color: ${COLORS.BLACK};
} }
kbd { kbd {
display: inline-block; display: inline-block;
padding: 3px 5px; /* padding: 2px 4px; */ padding: 3px 5px; /* padding: 2px 4px; */
font-size: 9px; font-size: 9px;
font-weight: 700; font-weight: 700;
line-height: 1.2; line-height: 1.2;
color: ${COLORS.DARK_GRAY}; color: ${COLORS.DARK_GRAY};
vertical-align: middle; vertical-align: middle;
background-color: #fafbfc; /* ${COLORS.SECONDARY}; */ background-color: #fafbfc; /* ${COLORS.SECONDARY}; */
border: 1px solid #c6cbd1; border: 1px solid #c6cbd1;
border-bottom-color: #959da5; border-bottom-color: #959da5;
border-radius: 3px; border-radius: 3px;
box-shadow: inset 0 -1px 0 #959da5; box-shadow: inset 0 -1px 0 #959da5;
white-space: nowrap; white-space: nowrap;
} }
.link { .link {
color: #fff; color: #fff;
text-decoration: none; text-decoration: none;
padding-bottom: 3px; padding-bottom: 3px;
background: linear-gradient( background: linear-gradient(
to right, to right,
rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 0%,
rgba(255, 255, 255, 0.7) 100% rgba(255, 255, 255, 0.7) 100%
); );
background-size: 1px 1px; background-size: 1px 1px;
background-position: 0 100%; background-position: 0 100%;
background-repeat: repeat-x; background-repeat: repeat-x;
} }
.link:hover { .link:hover {
color: ${COLORS.PRIMARY}; color: ${COLORS.PRIMARY};
background: none; background: none;
} }
.row { .row {
display: flex; display: flex;
} }
.flex { .flex {
display: flex; display: flex;
height: 100%; height: 100%;
} }
.capitalize { .capitalize {
text-transform: capitalize; text-transform: capitalize;
} }
/* include just until we have a keyboard navigation style system */ /* include just until we have a keyboard navigation style system */
[role='button']:focus { [role='button']:focus {
outline: none; outline: none;
} }
`} `}
</style> </style>
) )
} }

Write Preview
Loading…
Cancel
Save