KTruong008

import styled from 'styled-components';
 
export const Box = styled.div`
  display: inline-block;
  background: pink;
  width: 200px;
  height: 200px;
  transition: transform 300ms ease-in-out;
`
 

KTruong008

import styled from 'styled-components';
 
import Box from './Box;
 
export const Trigger = styled.div`
  width: 200px;
  height: 200px;
  border: 20px solid #999;
  background: #ddd;
 

KTruong008

import styled from 'styled-components';
 
import { keyFrameExampleOne } from './KeyFrames';
 
export const Box = styled.div`
  display: inline-block;
  background: pink;
  width: 200px;
  height: 200px;
  position: relative;

KTruong008

import styled, { keyframes } from 'styled-components';
 
export const keyFrameExampleOne = keyframes`
  0% {
    height: 200px;
  }
  100% {
    height: 600px;
    background: orange;
  }

KTruong008

import React from 'react';
import Box from './styles/Box'
import Trigger from './styles/Trigger';
 
export class App extends React.Component {
  render() {
    return (
      <Trigger>
        <Box />
      </Trigger>

KTruong008

import styled, { keyframes } from 'styled-components';
 
const coolBoxKeyframes = keyframes`
  0% {
    height: 0px;
    background: green;
  }
  100% {
    height: 200px;
    background: blue;

KTruong008

import React from 'react';
 
import CoolBox from '../CoolBox';
 
export class Final extends React.Component {
  constructor(props) {
    super(props);
    this.state = { isCool: false }
  }
 

KTruong008

import React from 'react';
// import Box from './styles/Box'
// import Trigger from './styles/Trigger';
 
import Final from '../Final';
 
export class App extends React.Component {
  render() {
    return (
      <Final />

KTruong008

import styled, { keyframes } from 'styled-components';
 
export const keyFrameExampleOne = keyframes`
  0% {
    height: 200px;
  }
  30%, 100% {
    width: 400px;
  }
  100% {

KTruong008

INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'rest_framework',
    'todos',
    'users',