roleypoly/v1
1
0
Fork 0
mirror of https://github.com/roleypoly/roleypoly-v1.git synced 2025-06-16 18:29:08 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

[ui] add media query template literals, convert everything to the superior.

Browse source
This commit is contained in:
41666 2019-04-03 13:59:13 -05:00
parent c40c04e55e
commit f2bb6a7b18
No known key found for this signature in database
GPG key ID: BC51D07640DC10AF
10 changed files with 90 additions and 45 deletions
Download patch file Download diff file Expand all files Collapse all files

7
packages/roleypoly-ui/components/demos/typing.js
View file

@ -1,8 +1,9 @@
// @flow
import * as React from 'react'
import moment from 'moment'
import Typist from 'react-typist'
import styled from 'styled-components'
import MediaQuery from '../../kit/media'
import { sm } from '../../kit/media'
import demoRoles from '../../config/demo'
const Outer = styled.div`
@ -15,7 +16,7 @@ const Outer = styled.div`
const Chat = styled.div`
padding: 10px 0;
font-size: 0.8em;
${() => MediaQuery({ sm: 'font-size: 1em;' })}
${sm`font-size: 1em;`}
& span {
display: inline-block;
@ -28,7 +29,7 @@ const TextArea = styled.div`
border-radius: 5px;
padding: 10px;
font-size: 0.8em;
${() => MediaQuery({ sm: 'font-size: 1em;' })}
${sm`font-size: 1em;`}
& .Typist .Cursor {
display: inline-block;