Skip to content

Instantly share code, notes, and snippets.

:octocat:
open sourcy and shit

Sara Vieira SaraVieira

:octocat:
open sourcy and shit
Block or report user

Report or block SaraVieira

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
View frontendDevlopmentBookmarks.md
View .hyper.js
// -- hyper-stylesheet-hash:3668d1255e9fc3fde9cd8c87cbdeb358 --
module.exports = {
config: {
// default font size in pixels for all tabs
fontSize: 12,
// font family with optional fallbacks
fontFamily: 'Menlo, "DejaVu Sans Mono", "Lucida Console", monospace',
// terminal cursor background color and opacity (hex, rgb, hsl, hsv, hwb or cmyk)
@SaraVieira
SaraVieira / gist:caf6b9e327eac9a43485d508489f6b5a
Created Apr 23, 2017
Ideas for 30 components in 30ish days
View gist:caf6b9e327eac9a43485d508489f6b5a
Buttons
Drop-down button
Weather widget
@SaraVieira
SaraVieira / cloudSettings
Last active Sep 19, 2019
Visual Studio Code Settings Sync Gist
View cloudSettings
{"lastUpload":"2019-09-19T08:47:52.281Z","extensionVersion":"v3.4.2"}
View faq.md

Why is command x is in the Readme but it doesn't work ?

The Readme in Github points to master in preact-cli and that is the development branch so it's possible that some commands may still not be available in the last version but as soon as there is a bump in the version they will available. You can always rely on the Readme in NPM.

How do I modify SW config ?

We have a plugin for that preact-cli-sw-precache and this allows you customize SW as you please.

@SaraVieira
SaraVieira / index.js
Last active Aug 18, 2017
Styled Components article
View index.js
import React from 'react';
import styled from 'styled-components';
const Section = styled.main`
display: flex;
flex-direction: column;
background: #fff;
`;
const Paragraph = styled.p`
View style.js
import styled from 'styled-components';
export const Section = styled.main`
display: flex;
flex-direction: column;
background: #fff;
`;
export const Paragraph = styled.p`
font-size: 14px;
View index-1.js
import React from 'react';
import styled from 'styled-components';
import { Section, Paragraph } from './style.js';
const Button = styled.button`
display: inline-block;
border-radius: 3px;
padding: 0.5rem 0;
margin: 0.5rem 1rem;
You can’t perform that action at this time.