Skip to content

Instantly share code, notes, and snippets.

@hustKiwi
hustKiwi / dabblet.html
Last active August 25, 2019 18:40
Untitled
<!--The em element represents stress emphasis of
its contents.-->
<p>Cats are cute animals.</p>
<p><em>Cats</em> are cute animals.</p>
<p>Cats <em>are</em> cute animals.</p>
<p>Cats are <em>cute</em> animals.</p>
<p>Cats are cute <em>animals</em>.</p>
<!--The strong element represents strong importance,
@hustKiwi
hustKiwi / dabblet.html
Last active August 25, 2019 18:33
Untitled
<!--a technical term-->
<p>The term <i>prose content</i> is defined above.</p>
<!--an idiomatic phrase from another language-->
<p>There is a certain <i lang="fr">je ne sais quoi</i>
in the air.</p>
<!--icons-->
<i class="fab fa-apple-pay"></i>
@hustKiwi
hustKiwi / dabblet.html
Last active August 25, 2019 18:33
Untitled
<img
src="https://randomuser.me/api/portraits/men/72.jpg"
alt="Wayne Williams"
/>
<p>
Dui quisque fusce urna libero mi id elementum
suspendisse, nam aptent facilisis congue vitae fringilla
in, sit pulvinar sed sociosqu ultricies tristique eget.
</p>
@hustKiwi
hustKiwi / dabblet.css
Last active August 25, 2019 17:21
Untitled
#box {
width: 230px;
margin: 10px 0; // 10px 0 10px 0;
padding: 5px 10px 0;
background-color: rgba(51, 153, 204, .3);
font-size: 16px;
line-height: 1; // 16px;
}
This file has been truncated, but you can view the full file.
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>Log in to Accordo Optimizer</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/combine/npm/[email protected]/css/flag-icon.min.css,npm/[email protected]/dist/antd.min.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/css/flag-icon.min.css" />
module.exports = {
entry: {
dashboard: './dashboard/src/App.js'
},
externals: {
'react-redux': '__shell.reactRedux',
'redux-thunk': '__shell.thunk',
'styled-components': '__shell.styled',
ramda: '__shell.R',
if (cfg.useProxyApi) {
router.use(proxy(['/api/weekly_usage', '/api/app_usage'], {
target: 'https://dev-app.ipifny.com',
changeOrigin: true,
pathRewrite: {
'^/api/weekly_usage': '/api/app-usage/rescuetime/weekly_usages',
'^/api/app_usage': '/api/app-usage/rescuetime/app_usages'
}
}));
}
// Prop receivers
const borderProps = props => css`
${props.borderBottom && `border-bottom: ${props.borderWidth || "1px"} solid ${color.border}`};
${props.borderTop && `border-top: ${props.borderWidth || "1px"} solid ${color.border}`};
${props.borderLeft && `border-left: ${props.borderWidth || "1px"} solid ${color.border}`};
${props.borderRight && `border-right: ${props.borderWidth || "1px"} solid ${color.border}`};
`;
// Mixins
const size = (width, height = width) => `
ROOT/
|--src
|-- common
|-- styled // shared styled-components & generators (make functions)
|-- theme
|-- index.js // exporter & constants
|-- mixins.js
|-- colors.js
|--xx_helper.js // reusable UI utils
|-- hoc // comtainers' decorators, to inject props to react components
// Block
.ipifiy-field {
display: flex;
// Element
&__label {
width: 8em;
}
&__input {
flex: 1;