updated

Signed-off-by: Avior <florian.bouillon@delta-wings.net>

styl/include/_aileron.styl

@@ -0,0 +1,110 @@
+@font-face
+	font-family: 'Aileron'
+	src: local('Aileron Bold'), local('Aileron-Bold'), url('/fonts/Aileron-Bold.ttf') format('truetype')
+	font-weight: bold
+	font-style: normal
+
+
+@font-face
+	font-family: 'Aileron'
+	src: local('Aileron Italic'), local('Aileron-Italic'), url('/fonts/Aileron-Italic.ttf') format('truetype')
+	font-weight: normal
+	font-style: italic
+
+
+@font-face
+	font-family: 'Aileron'
+	src: local('Aileron Black Italic'), local('Aileron-BlackItalic'), url('/fonts/Aileron-BlackItalic.ttf') format('truetype')
+	font-weight: 900
+	font-style: italic
+
+
+@font-face
+	font-family: 'Aileron'
+	src: local('Aileron Bold Italic'), local('Aileron-BoldItalic'), url('/fonts/Aileron-BoldItalic.ttf') format('truetype')
+	font-weight: bold
+	font-style: italic
+
+
+@font-face
+	font-family: 'Aileron'
+	src: local('Aileron Light'), local('Aileron-Light'), url('/fonts/Aileron-Light.ttf') format('truetype')
+	font-weight: 300
+	font-style: normal
+
+
+@font-face
+	font-family: 'Aileron'
+	src: local('Aileron Black'), local('Aileron-Black'), url('/fonts/Aileron-Black.ttf') format('truetype')
+	font-weight: 900
+	font-style: normal
+
+
+@font-face
+	font-family: 'Aileron'
+	src: local('Aileron Heavy Italic'), local('Aileron-HeavyItalic'), url('/fonts/Aileron-HeavyItalic.ttf') format('truetype')
+	font-weight: 900
+	font-style: italic
+
+
+@font-face
+	font-family: 'Aileron'
+	src: local('Aileron UltraLight Italic'), local('Aileron-UltraLightItalic'), url('/fonts/Aileron-UltraLightItalic.ttf') format('truetype')
+	font-weight: 200
+	font-style: italic
+
+
+@font-face
+	font-family: 'Aileron'
+	src: local('Aileron Heavy'), local('Aileron-Heavy'), url('/fonts/Aileron-Heavy.ttf') format('truetype')
+	font-weight: 900
+	font-style: normal
+
+
+@font-face
+	font-family: 'Aileron'
+	src: local('Aileron Thin'), local('Aileron-Thin'), url('/fonts/Aileron-Thin.ttf') format('truetype')
+	font-weight: 100
+	font-style: normal
+
+
+@font-face
+	font-family: 'Aileron'
+	src: local('Aileron UltraLight'), local('Aileron-UltraLight'), url('/fonts/Aileron-UltraLight.ttf') format('truetype')
+	font-weight: 200
+	font-style: normal
+
+
+@font-face
+	font-family: 'Aileron'
+	src: local('Aileron SemiBold'), local('Aileron-SemiBold'), url('/fonts/Aileron-SemiBold.ttf') format('truetype')
+	font-weight: 600
+	font-style: normal
+
+
+@font-face
+	font-family: 'Aileron'
+	src: local('Aileron Regular'), local('Aileron-Regular'), url('/fonts/Aileron-Regular.ttf') format('truetype')
+	font-weight: normal
+	font-style: normal
+
+
+@font-face
+	font-family: 'Aileron'
+	src: local('Aileron Thin Italic'), local('Aileron-ThinItalic'), url('/fonts/Aileron-ThinItalic.ttf') format('truetype')
+	font-weight: 100
+	font-style: italic
+
+
+@font-face
+	font-family: 'Aileron'
+	src: local('Aileron Light Italic'), local('Aileron-LightItalic'), url('/fonts/Aileron-LightItalic.ttf') format('truetype')
+	font-weight: 300
+	font-style: italic
+
+
+@font-face
+	font-family: 'Aileron'
+	src: local('Aileron SemiBold Italic'), local('Aileron-SemiBoldItalic'), url('/fonts/Aileron-SemiBoldItalic.ttf') format('truetype')
+	font-weight: 600
+	font-style: italic

styl/include/_blobmoji.styl

@@ -0,0 +1,8 @@
+@font-face
+	font-family: "Blobmoji"
+	// TODO: find a way to use it internally
+	src: local('Blobmoji')
+	src: url('/fonts/Blobmoji.ttf')
+
+.emoji
+	font-family: 'Blobmoji'

styl/include/_button.styl

@@ -12,7 +12,7 @@ button, a.button
 	cursor: pointer
 	color: #FFF
 	background-color: $color
-	border-radius: 5px
+	border-radius: 10px
 	border: none
 	padding: 7px 14px
 	transition-property: box-shadow, background-color
@@ -26,6 +26,12 @@ button, a.button
 	line-height: 22px
 	text-decoration: none
 	box-sizing: border-box
+	justify-content center
+
+	&.large
+		padding 20px 25px
+		text-transform uppercase
+		font-size 20px
 
 	&:hover
 		background-color: $hover

styl/include/_input.styl

@@ -11,8 +11,7 @@ $color = #4285F4
 
 		&:not(:last-of-type)
 			margin-right 10px
-
-	input
+	input, select
 		display block
 		border-radius 10px
 		background-color #EEE
@@ -45,6 +44,13 @@ $color = #4285F4
 				background-color #FFF
 				box-shadow inset 0 0 0 2px $color, 0 0 0 3px rgba(204,204,204, .75)
 
+
+	select
+		-webkit-appearance none
+		-moz-appearance none
+		appearance none
+		display inline-flex
+
 	label
 		text-transform uppercase
 		margin auto
@@ -60,13 +66,12 @@ $color = #4285F4
 		font-weight 300
 		font-style italic
 
-
 	// Icons
-
 	i
-		width 25px
+		width 24px
+		height 24px
 		position absolute
-		left 28px
+		left 20px
 		top 18px
 		// pointer-events none
 		color #666
@@ -74,17 +79,25 @@ $color = #4285F4
 
 	&.icon-right i
 		left initial
-		right 28px
+		right 20px
 
-	&.icon-left input
+	&.icon-left input,
+	&.icon-left select
 		padding-left 50px
 
-	&.icon-right input
+	&.icon-right input,
+	&.icon-right select
 		padding-right 50px
 
 
-	&.icon-right input, &.icon-left input
+	&.icon-right input, &.icon-left input,
+	&.icon-right select, &.icon-left select
 		max-width calc(100% - 76px)
 
-	input:focus:not([readonly]) + i
+	&.icon-right select, &.icon-left select
+		max-width 100%
+
+
+	input:focus:not([readonly]) + i,
+	select:focus:not([readonly]) + i
 		color $color