AverageMarcus/milligram
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Merge branch 'master' into feature-more-form-types

Browse Source
This commit is contained in:
MKody
2018-02-07 14:24:48 +01:00
parent 780295b2a7 3326823565
commit acd8800081
57 changed files with 5370 additions and 281 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/_Form.sass
View File

@@ -15,6 +15,7 @@ input[type='month'],
input[type='week'],
input[type='datetime'],
input[type='datetime-local'],
input:not([type]),
textarea,
select
appearance: none // Removes awkward default styles on some inputs for iOS
@@ -32,11 +33,11 @@ select
outline: 0
select
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="14" viewBox="0 0 29 14" width="29"><path fill="#d1d1d1" d="M9.37727 3.625l5.08154 6.93523L19.54036 3.625"/></svg>') center right no-repeat
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="14" viewBox="0 0 29 14" width="29"><path fill="%23d1d1d1" d="M9.37727 3.625l5.08154 6.93523L19.54036 3.625"/></svg>') center right no-repeat
padding-right: 3.0rem
&:focus
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="14" viewBox="0 0 29 14" width="29"><path fill="#9b4dca" d="M9.37727 3.625l5.08154 6.93523L19.54036 3.625"/></svg>')
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="14" viewBox="0 0 29 14" width="29"><path fill="%239b4dca" d="M9.37727 3.625l5.08154 6.93523L19.54036 3.625"/></svg>')
textarea
min-height: 6.5rem

27
src/_Typography.sass
View File

@@ -21,7 +21,7 @@ h6
margin-top: 0
h1
font-size: 4.0rem
font-size: 4.6rem
line-height: 1.2
h2
@@ -29,11 +29,11 @@ h2
line-height: 1.25
h3
font-size: 3.0rem
font-size: 2.8rem
line-height: 1.3
h4
font-size: 2.4rem
font-size: 2.2rem
letter-spacing: -.08rem
line-height: 1.35
@@ -46,24 +46,3 @@ h6
font-size: 1.6rem
letter-spacing: 0
line-height: 1.4
// Larger than mobile screen
@media (min-width: 40.0rem) // Safari desktop has a bug using `rem`, but Safari mobile works
h1
font-size: 5.0rem
h2
font-size: 4.2rem
h3
font-size: 3.6rem
h4
font-size: 3.0rem
h5
font-size: 2.4rem
h6
font-size: 1.5rem