jamiejohnsonkc

Linux CMD Notes

action	command
open terminal	ctrl + alt + T
open app	appname

jamiejohnsonkc

sx={{
    display: ['none', 'none', 'block', 'block', 'block'],
    position: 'absolute',
    borderRight: (t) => `1px solid ${t.colors.line}`,
    top: '33%',
    bottom: '33%',
    right: 0,
}}

jamiejohnsonkc

/** @jsx jsx */
import { jsx, Box } from 'theme-ui'
import React from 'react'
import PropTypes from 'prop-types'
import ProgressBarGroup from '../ProgressBarGroup/ProgressBarGroup.jsx'
import LabeledProgressBar from '../../../../system/molecules/staticElements/LabeledProgressBar/LabeledProgressBar.jsx'
import Groups from '../progressBarData.js'

const App = ({
	groupGridColumns,

jamiejohnsonkc

/** @jsx jsx */
import { jsx, Box } from 'theme-ui'
import React from 'react'
import PropTypes from 'prop-types'
// import ProgressBarGroup from '../ProgressBarGroup/ProgressBarGroup'
import data from './data.js'
import Components from './components'

function App() {
	return (

jamiejohnsonkc

/** @jsx jsx */
import { jsx, Box, Text } from 'theme-ui'
import React from 'react'
import PropTypes from 'prop-types'
import './styles.css'

const paragraph =
	'Lorem ipsum dolor sit amet consectetur adipisicing elit. Eveniet natus sint provident vel ab reprehenderit cum soluta, suscipit facere nisi sed earum repellendus fuga debitis, nam molestiae minima voluptates possimus.'

const data = [

jamiejohnsonkc

import React, { useState, useRef } from 'react'
import styled from 'styled-components'

const Ul = styled.ul`
	height: ${({ height }) => height}px;
	opacity: ${({ height }) => (height > 0 ? 1 : 0)};
	overflow: hidden;
	transition: 0.5s;
`

jamiejohnsonkc

/** @jsx jsx */
import { jsx, Box, Text } from 'theme-ui'
import React from 'react'
import PropTypes from 'prop-types'
import './styles.css'

const AccordionElement = ({ title, children }) => {
	const [isOpen, setOpen] = React.useState(false)
	return (
		<div className='accordionWrapper'>

jamiejohnsonkc

import styled from '@emotion/styled'

//html element
const Button = styled.button`
	color: turquoise;
`

//any component
const Fancy = styled(Basic)`
	color: hotpink;

jamiejohnsonkc

let combinedClassName = ['className1', 'className2']

combinedClassName = combinedClassName.join(' ')

//

<Component className='combinedClassName'

jamiejohnsonkc

/** @jsx jsx */
import { jsx } from 'theme-ui'
import React from 'react'

const list = ['a', 'b', 'c']

const SimpleUlList = () => (
	<ul>
		{list.map((item) => (
			<li key={item}>{item}</li>