Skip to content

Instantly share code, notes, and snippets.

View SaraVieira's full-sized avatar
🤷‍♀️
open sourcy and shit

Sara Vieira SaraVieira

🤷‍♀️
open sourcy and shit
4.3k followers · 44 following
View GitHub Profile
@SaraVieira
SaraVieira / index.html
Last active September 24, 2018 21:25
<html>
<head>
<title>Theme Switcher</title>
<meta charset="UTF-8" />
<link href="src/style.css" />
</head>
<body>
<header>
<button id="theme">Change theme</button>
<fieldset>
@SaraVieira
SaraVieira / mrm-config.json
Created August 28, 2018 12:02
{
"indent": "2",
"prettierOptions": {
"semi": 0
},
"readmeFile": "Readme.md",
"licenseFile": "License.md",
"name": "SaraVieira",
"github": "SaraVieira",
"url": "https://iamsaravieira.com",
@SaraVieira
SaraVieira / gist:ff9ec77d4b50492df3c469f36a3367db
Created August 19, 2018 13:19
CSS
Javascript
NodeJS
Performance
Inspirational
React
Story
UX
Design
@SaraVieira
SaraVieira / index.js
Created July 31, 2018 10:34
import flex from "../../styles/flex-mixin";
import { red, blue, yellow } from "../../styles/variables.css";
@SaraVieira
SaraVieira / button.css
Last active July 31, 2018 10:31
:import {
-st-from: "../../styles/flex-mixin";
-st-default: flex;
-st-from: "../../styles/variables.css";
-st-named: red, blue, yellow;
}
.root {
-st-states: secondary, tertiary;
@SaraVieira
SaraVieira / button.jsx
Created July 31, 2018 10:25
import React from "react"
import style from "./button.st.css"
export default (props) => (
<button
{...style(
"root",
{ secondary: props.secondary, tertiary: props.tertiary },
props
)}
@SaraVieira
SaraVieira / button.st.css
Created July 31, 2018 10:23
:import {
-st-from: "../../styles/flex-mixin";
-st-default: flex;
}
.root {
-st-mixin: flex(center, center);
}
@SaraVieira
SaraVieira / flex.js
Created July 31, 2018 10:21
module.exports = flex = ([align = "flex-start", justify = "flex-start"]) => ({
display: "flex",
"align-items": align,
"justify-content": justify
})
@SaraVieira
SaraVieira / run.sh
Created July 30, 2018 15:18
docker run --rm -d -p 80:80 rick-morty-random-episode:latest
@SaraVieira
SaraVieira / build.sh
Created July 30, 2018 15:18
docker build --rm -f Dockerfile -t rick-morty-random-episode:latest .