gustfm

See https://git.gnome.org/browse/gtk+/tree/gtk/gtkcssstylepropertyimpl.c?h=gtk-3-8#n878 and https://git.gnome.org/browse/gtk+/tree/gtk/gtkcssstyleproperty.c?h=gtk-3-8#n272

Ani = Property can be animated Inh = Property inherits from parent widget

Property name	Type	Default	Ani	Inh	Notes
animation					Sets all animation-* properties except animation-play-state; specify iteration count first, then duration, then delay
animation-delay	array(time)	0	N	N
animation-direction	array(direction)	normal	N	N

gustfm

import axios from 'axios'

let mockingEnabled = false

const mocks = {}

export function addMock(url, data) {
  mocks[url] = data
}

gustfm

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {

gustfm

Quando estiver usando grid e precisar deixar o elemento com scroll o melhor a se fazer é sempre assim:

<div style="overflow-x: auto">
  <div style="overflow-x: scroll; display: grid;">
    ....
  </div>
</div>

gustfm

import styled from 'styled-components'

export const Header = styled.View`
  width: 100%;
  height: 50;
  border-bottom-color: #ccc;
  border-style: solid;
  border-bottom-width: 1px;
`

gustfm

import React, { Component } from 'react'
import {
  View,
  FlatList,
  ScrollView
} from 'react-native'

import {
  Header
} from './style'

gustfm

import styled from 'styled-components'

export const StoryContainer = styled.View`
  width: 80px;
  border-bottom-color: #efefef;
  border-style: solid;
  border-bottom-width: 0.5px;

  display: flex;
  flex-direction: column;

gustfm

import React from 'react'

import {
  StoryContainer,
  OutlinePhoto,
  Photo,
  Nickname
} from './style'

export default props => {