A Pen by Una Kravets on CodePen.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.sidebar { | |
/* Select smaller of the 2 calculated values | |
Narrower screens: 20vw, Wider screens: 300px */ | |
width: min(20vw, 300px); | |
} | |
.make-the-logo-bigger { | |
/* Select larger of the 2 calculated values | |
Basically clamps the font size to 60px or larger (10vw) */ | |
font-size: max(60px, 10vw); |
-
Go to the remote repo and delete outdated branches
-
Then either:
- Locally cleanup only merged branches:
git branch --merged | grep -v "\*" | xargs -n 1 git branch -d
- Locally cleanup only merged branches:
- Locally remove fetched, outdated branches:
git for-each-ref --format='%(refname:short) %(upstream)' refs/heads/ | awk '$2 !~/^refs\/remotes/' | xargs git branch -D
”
- Hunt 101 (thicker strokes, more flexible, more variation)
- Hunt 512 (less flexible, more control)
- Nikko G (good practice in-between nib)
- ** don't forget a nib holder
- Pentel Touch Sign Pen (omfg I love this pen)
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// Some cute colors: | |
$color1: #967bd3; | |
$color2: #c8815b; | |
$color3: #8cd6d8; | |
$color4: #bee6b6; | |
$color5: #dd9bb9; | |
$color6: #c4b5e6; | |
$color7: #cb6363; | |
//Here's where you make the shapes! |
Web developers and design systems developers often use functions to design components. With the increasing usage of design systems that support multiple platforms, and increased capability of Dark Mode in UI, this becomes even more useful to not need to manually set color, and to instead have a single source from which layouts are calculated. Currently Sass, calc() on HSL values, or PostCSS is used to do this.
- Components with color variations based on calculations from a parent. (i.e. Button with outline that uses the primary button color to adjust the size)
- Theming - Palletes based on a color or set of colors for themes. Especially when a single base system is used with multiple themes
- Uniformity among transformations between components with different primary colors
Memorial Day Weekend
- Get a massage (use gift card)
- Pedicure
- Film/edit 2 videos
- Channel art for Youtube
- Record Toolsday
- Watch The Shape of Water
- Work on book
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'> | |
<h1>CSS Only Carnival: Target Practice</h1> | |
<h2>This game uses no JS at all (isn't CSS awesome?). You have 8 seconds to hit as many targets as you can!</h2> | |
<div class="game-over"> | |
<h1>Game Over!</h1> | |
<a class="play-again" target="_parent" href="http://codepen.io/una/full/NxZaNr">Play Again</a> | |
</div> |
I hereby claim:
- I am una on github.
- I am una (https://keybase.io/una) on keybase.
- I have a public key whose fingerprint is CC61 7710 B1E5 DC00 059A B02B E6C6 D8DA A734 F1ED
To claim this, I am signing this object:
NewerOlder