3213 lines
50 KiB
Sass
3213 lines
50 KiB
Sass
// Variables
|
|
@import "variables";
|
|
|
|
//@extend-elements
|
|
//original selectors
|
|
//sub, sup
|
|
.extend_1
|
|
font-size: 75%
|
|
line-height: 0
|
|
position: relative
|
|
vertical-align: baseline
|
|
|
|
|
|
//original selectors
|
|
//button, input, optgroup, select, textarea
|
|
.extend_2
|
|
color: inherit
|
|
font: inherit
|
|
margin: 0
|
|
|
|
|
|
@import $url_0;
|
|
html
|
|
font-family: $font_1
|
|
-ms-text-size-adjust: 100%
|
|
-webkit-text-size-adjust: 100%
|
|
font-family: $font_3, $font_4, $font_5, $font_6, $font_1
|
|
font-weight: 300
|
|
color: $color_3
|
|
font-size: 12px
|
|
line-height: 1.75em
|
|
input[type=button]
|
|
-webkit-appearance: button
|
|
cursor: pointer
|
|
|
|
input[disabled]
|
|
cursor: default
|
|
|
|
|
|
body
|
|
margin: 0
|
|
text-rendering: optimizeLegibility
|
|
-webkit-font-smoothing: antialiased
|
|
-moz-osx-font-smoothing: grayscale
|
|
-moz-font-feature-settings: "liga" on
|
|
|
|
article
|
|
display: block
|
|
|
|
aside
|
|
display: block
|
|
|
|
details
|
|
display: block
|
|
|
|
figcaption
|
|
display: block
|
|
|
|
figure
|
|
display: block
|
|
margin: 1em 40px
|
|
|
|
footer
|
|
display: block
|
|
|
|
header
|
|
display: block
|
|
|
|
hgroup
|
|
display: block
|
|
|
|
main
|
|
display: block
|
|
|
|
menu
|
|
display: block
|
|
|
|
nav
|
|
display: block
|
|
|
|
section
|
|
display: block
|
|
|
|
summary
|
|
display: block
|
|
|
|
audio
|
|
display: inline-block
|
|
vertical-align: baseline
|
|
&:not([controls])
|
|
display: none
|
|
height: 0
|
|
|
|
|
|
canvas
|
|
display: inline-block
|
|
vertical-align: baseline
|
|
|
|
progress
|
|
display: inline-block
|
|
vertical-align: baseline
|
|
|
|
video
|
|
display: inline-block
|
|
vertical-align: baseline
|
|
|
|
[hidden]
|
|
display: none
|
|
|
|
template
|
|
display: none
|
|
|
|
a
|
|
background-color: transparent
|
|
text-decoration: none
|
|
color: $color_5
|
|
//If you use compass, instead of the line below you could use + transition($transition-1, $transition-2, $transition-3, $transition-4, $transition-5, $transition-6, $transition-7, $transition-8, $transition-9, $transition-10)
|
|
transition: all .2s
|
|
margin: 0
|
|
padding: 0
|
|
&:active
|
|
outline: 0
|
|
|
|
&:hover
|
|
outline: 0
|
|
color: $color_6
|
|
|
|
|
|
abbr[title]
|
|
border-bottom: 1px dotted
|
|
|
|
b
|
|
font-weight: 700
|
|
margin: 0
|
|
padding: 0
|
|
|
|
strong
|
|
font-weight: 700
|
|
margin: 0
|
|
padding: 0
|
|
|
|
dfn
|
|
font-style: italic
|
|
margin: 0
|
|
padding: 0
|
|
|
|
h1
|
|
font-size: 2em
|
|
margin: .67em 0
|
|
font-size: 27.85438995234061px
|
|
margin-top: .942400822452556em
|
|
line-height: 1.130880986943067em
|
|
margin-bottom: .188480164490511em
|
|
margin: 0
|
|
padding: 0
|
|
font-family: $font_3, $font_4, $font_5, $font_6, $font_1
|
|
font-weight: 500
|
|
color: $color_4
|
|
clear: both
|
|
|
|
mark
|
|
background: $color_0
|
|
color: $color_1
|
|
|
|
small
|
|
font-size: 80%
|
|
margin: 0
|
|
padding: 0
|
|
line-height: 0
|
|
|
|
sub
|
|
@extend %extend_1
|
|
bottom: -.25em
|
|
margin: 0
|
|
padding: 0
|
|
line-height: 0
|
|
|
|
sup
|
|
@extend %extend_1
|
|
top: -.5em
|
|
margin: 0
|
|
padding: 0
|
|
line-height: 0
|
|
|
|
img
|
|
border: 0
|
|
margin: 0
|
|
padding: 0
|
|
|
|
hr
|
|
//If you use compass, instead of the line below you could use + box-sizing($bs)
|
|
box-sizing: content-box
|
|
height: 0
|
|
|
|
pre
|
|
overflow: auto
|
|
padding: .875em
|
|
margin-bottom: 1.75em
|
|
font-family: $font_2
|
|
font-size: 1em
|
|
margin: 0
|
|
padding: 0
|
|
margin-bottom: 1.75em
|
|
code
|
|
padding: 0
|
|
|
|
|
|
code
|
|
font-family: $font_2
|
|
font-size: 1em
|
|
margin: 0
|
|
padding: 0
|
|
font-family: $font_7, $font_8, $font_9, $font_10, $font_2
|
|
padding: .0875em .2625em
|
|
line-height: 0
|
|
|
|
kbd
|
|
font-family: $font_2
|
|
font-size: 1em
|
|
margin: 0
|
|
padding: 0
|
|
|
|
samp
|
|
font-family: $font_2
|
|
font-size: 1em
|
|
margin: 0
|
|
padding: 0
|
|
|
|
button
|
|
@extend %extend_2
|
|
overflow: visible
|
|
text-transform: none
|
|
-webkit-appearance: button
|
|
cursor: pointer
|
|
display: block
|
|
cursor: pointer
|
|
font-size: 12px
|
|
padding: .4375em 1.75em
|
|
margin-bottom: 1.18125em
|
|
|
|
input
|
|
@extend %extend_2
|
|
line-height: normal
|
|
|
|
optgroup
|
|
@extend %extend_2
|
|
font-weight: 700
|
|
|
|
select
|
|
@extend %extend_2
|
|
text-transform: none
|
|
|
|
textarea
|
|
@extend %extend_2
|
|
overflow: auto
|
|
display: block
|
|
max-width: 100%
|
|
padding: .4375em
|
|
font-size: 12px
|
|
margin-bottom: 1.18125em
|
|
|
|
input[type=reset]
|
|
-webkit-appearance: button
|
|
cursor: pointer
|
|
|
|
input[type=submit]
|
|
-webkit-appearance: button
|
|
cursor: pointer
|
|
display: block
|
|
cursor: pointer
|
|
font-size: 12px
|
|
padding: .4375em 1.75em
|
|
margin-bottom: 1.18125em
|
|
|
|
button[disabled]
|
|
cursor: default
|
|
|
|
button::-moz-focus-inner
|
|
border: 0
|
|
padding: 0
|
|
|
|
input::-moz-focus-inner
|
|
border: 0
|
|
padding: 0
|
|
|
|
input[type=checkbox]
|
|
//If you use compass, instead of the line below you could use + box-sizing($bs)
|
|
box-sizing: border-box
|
|
padding: 0
|
|
|
|
input[type=radio]
|
|
//If you use compass, instead of the line below you could use + box-sizing($bs)
|
|
box-sizing: border-box
|
|
padding: 0
|
|
|
|
input[type=number]::-webkit-inner-spin-button
|
|
height: auto
|
|
|
|
input[type=number]::-webkit-outer-spin-button
|
|
height: auto
|
|
|
|
input[type=search]
|
|
-webkit-appearance: textfield
|
|
//If you use compass, instead of the line below you could use + box-sizing($bs)
|
|
box-sizing: content-box
|
|
|
|
input[type=search]::-webkit-search-cancel-button
|
|
-webkit-appearance: none
|
|
|
|
input[type=search]::-webkit-search-decoration
|
|
-webkit-appearance: none
|
|
|
|
fieldset
|
|
border: 1px solid $color_2
|
|
margin: 0 2px
|
|
padding: .35em .625em .75em
|
|
padding: .875em 1.75em 1.75em
|
|
border-width: 1px
|
|
border-style: solid
|
|
max-width: 100%
|
|
margin-bottom: 1.8375em
|
|
margin: 0
|
|
padding: 0
|
|
button
|
|
margin-bottom: 0
|
|
|
|
input[type=submit]
|
|
margin-bottom: 0
|
|
|
|
|
|
legend
|
|
border: 0
|
|
padding: 0
|
|
color: $color_4
|
|
font-weight: 700
|
|
margin: 0
|
|
padding: 0
|
|
|
|
table
|
|
width: 100%
|
|
border-spacing: 0
|
|
border-collapse: collapse
|
|
margin-bottom: 2.1875em
|
|
margin: 0
|
|
padding: 0
|
|
margin-bottom: 1.75em
|
|
|
|
td
|
|
padding: 0
|
|
margin: 0
|
|
padding: 0
|
|
padding: .21875em .875em
|
|
|
|
th
|
|
padding: 0
|
|
margin: 0
|
|
padding: 0
|
|
text-align: left
|
|
color: $color_4
|
|
padding: .21875em .875em
|
|
|
|
@font-face
|
|
font-family: $font_0
|
|
src: $url_1
|
|
src: $url_2 format("embedded-opentype"), $url_3 format("truetype"), $url_4 format("woff"), $url_5 format("svg")
|
|
font-weight: 400
|
|
font-style: normal
|
|
|
|
@media(min-width:600px)
|
|
html
|
|
font-size: calc(12px +8 *((100vw - 600px) / 540))
|
|
|
|
h1
|
|
font-size: calc(27.85438995234061px +18.56959 *((100vw - 600px) / 540))
|
|
|
|
h2
|
|
font-size: calc(23.53700340860508px +15.69134 *((100vw - 600px) / 540))
|
|
|
|
h3
|
|
font-size: calc(19.888804974891777px +13.2592 *((100vw - 600px) / 540))
|
|
|
|
h4
|
|
font-size: calc(16.806071548796314px +11.20405 *((100vw - 600px) / 540))
|
|
|
|
h5
|
|
font-size: calc(14.201156945318074px +9.46744 *((100vw - 600px) / 540))
|
|
|
|
h6
|
|
font-size: calc(12px +8 *((100vw - 600px) / 540))
|
|
|
|
input[type=email]
|
|
font-size: calc(12px +8 *((100vw - 600px) / 540))
|
|
|
|
input[type=password]
|
|
font-size: calc(12px +8 *((100vw - 600px) / 540))
|
|
|
|
input[type=text]
|
|
font-size: calc(12px +8 *((100vw - 600px) / 540))
|
|
|
|
textarea
|
|
font-size: calc(12px +8 *((100vw - 600px) / 540))
|
|
|
|
button
|
|
font-size: calc(12px +8 *((100vw - 600px) / 540))
|
|
|
|
input[type=submit]
|
|
font-size: calc(12px +8 *((100vw - 600px) / 540))
|
|
|
|
|
|
@media(min-width:1140px)
|
|
html
|
|
font-size: 20px
|
|
|
|
h1
|
|
font-size: 46.423983253901014px
|
|
margin-top: .942400822452556em
|
|
line-height: 1.130880986943067em
|
|
margin-bottom: .188480164490511em
|
|
|
|
h2
|
|
font-size: 39.228339014341806px
|
|
margin-top: 1.115265165420465em
|
|
line-height: 1.338318198504558em
|
|
margin-bottom: .240111086421698em
|
|
|
|
h3
|
|
font-size: 33.14800829148629px
|
|
margin-top: 1.319837970815179em
|
|
line-height: 1.583805564978215em
|
|
margin-bottom: .287857499569283em
|
|
|
|
h4
|
|
font-size: 28.01011924799386px
|
|
margin-top: 1.561935513828041em
|
|
line-height: 1.87432261659365em
|
|
margin-bottom: .345845057728222em
|
|
|
|
h5
|
|
font-size: 23.668594908863454px
|
|
margin-top: 1.84844094752817em
|
|
line-height: 2.218129137033805em
|
|
margin-bottom: .369688189505634em
|
|
|
|
h6
|
|
font-size: 20px
|
|
margin-top: 2.1875em
|
|
line-height: 2.625em
|
|
margin-bottom: .473958333333333em
|
|
|
|
fieldset
|
|
margin-bottom: 2.078125em
|
|
|
|
input[type=email]
|
|
font-size: 20px
|
|
margin-bottom: .5140625em
|
|
|
|
input[type=password]
|
|
font-size: 20px
|
|
margin-bottom: .5140625em
|
|
|
|
input[type=text]
|
|
font-size: 20px
|
|
margin-bottom: .5140625em
|
|
|
|
textarea
|
|
font-size: 20px
|
|
margin-bottom: .5140625em
|
|
|
|
button
|
|
font-size: 20px
|
|
margin-bottom: 1.3125em
|
|
|
|
input[type=submit]
|
|
font-size: 20px
|
|
margin-bottom: 1.3125em
|
|
|
|
table
|
|
margin-bottom: 2.05625em
|
|
|
|
th
|
|
padding: .4375em .875em
|
|
|
|
td
|
|
padding: .4375em .875em
|
|
|
|
|
|
abbr
|
|
margin: 0
|
|
padding: 0
|
|
border-bottom: 1px dotted currentColor
|
|
cursor: help
|
|
|
|
acronym
|
|
margin: 0
|
|
padding: 0
|
|
border-bottom: 1px dotted currentColor
|
|
cursor: help
|
|
|
|
address
|
|
margin: 0
|
|
padding: 0
|
|
margin-bottom: 1.75em
|
|
font-style: normal
|
|
|
|
big
|
|
margin: 0
|
|
padding: 0
|
|
line-height: 0
|
|
|
|
blockquote
|
|
margin: 0
|
|
padding: 0
|
|
margin-bottom: 1.75em
|
|
font-style: italic
|
|
cite
|
|
display: block
|
|
font-style: normal
|
|
|
|
|
|
caption
|
|
margin: 0
|
|
padding: 0
|
|
|
|
center
|
|
margin: 0
|
|
padding: 0
|
|
|
|
cite
|
|
margin: 0
|
|
padding: 0
|
|
|
|
dd
|
|
margin: 0
|
|
padding: 0
|
|
|
|
del
|
|
margin: 0
|
|
padding: 0
|
|
|
|
dl
|
|
margin: 0
|
|
padding: 0
|
|
margin-bottom: 1.75em
|
|
|
|
dt
|
|
margin: 0
|
|
padding: 0
|
|
color: $color_4
|
|
font-weight: 700
|
|
|
|
em
|
|
margin: 0
|
|
padding: 0
|
|
|
|
form
|
|
margin: 0
|
|
padding: 0
|
|
|
|
h2
|
|
margin: 0
|
|
padding: 0
|
|
font-family: $font_3, $font_4, $font_5, $font_6, $font_1
|
|
font-weight: 500
|
|
color: $color_4
|
|
clear: both
|
|
font-size: 23.53700340860508px
|
|
margin-top: 1.115265165420465em
|
|
line-height: 1.338318198504558em
|
|
margin-bottom: .251483121980101em
|
|
|
|
h3
|
|
margin: 0
|
|
padding: 0
|
|
font-family: $font_3, $font_4, $font_5, $font_6, $font_1
|
|
font-weight: 500
|
|
color: $color_4
|
|
clear: both
|
|
font-size: 19.888804974891777px
|
|
margin-top: 1.319837970815179em
|
|
line-height: 1.583805564978215em
|
|
margin-bottom: .303784103173448em
|
|
|
|
h4
|
|
margin: 0
|
|
padding: 0
|
|
font-family: $font_3, $font_4, $font_5, $font_6, $font_1
|
|
font-weight: 500
|
|
color: $color_4
|
|
clear: both
|
|
font-size: 16.806071548796314px
|
|
margin-top: 1.561935513828041em
|
|
line-height: 1.87432261659365em
|
|
margin-bottom: .368150361036632em
|
|
|
|
h5
|
|
margin: 0
|
|
padding: 0
|
|
font-family: $font_3, $font_4, $font_5, $font_6, $font_1
|
|
font-weight: 500
|
|
color: $color_4
|
|
clear: both
|
|
font-size: 14.201156945318074px
|
|
margin-top: 1.84844094752817em
|
|
line-height: 2.218129137033805em
|
|
margin-bottom: .369688189505634em
|
|
|
|
h6
|
|
margin: 0
|
|
padding: 0
|
|
font-family: $font_3, $font_4, $font_5, $font_6, $font_1
|
|
font-weight: 500
|
|
color: $color_4
|
|
clear: both
|
|
font-size: 12px
|
|
margin-top: 2.1875em
|
|
line-height: 2.625em
|
|
margin-bottom: .619791666666667em
|
|
|
|
i
|
|
margin: 0
|
|
padding: 0
|
|
|
|
ins
|
|
margin: 0
|
|
padding: 0
|
|
|
|
label
|
|
margin: 0
|
|
padding: 0
|
|
display: block
|
|
padding-bottom: .21875em
|
|
margin-bottom: -.21875em
|
|
|
|
li
|
|
margin: 0
|
|
padding: 0
|
|
|
|
ol
|
|
margin: 0
|
|
padding: 0
|
|
margin-bottom: 1.75em
|
|
padding-left: 1.4em
|
|
|
|
p
|
|
margin: 0
|
|
padding: 0
|
|
margin-bottom: 1.75em
|
|
|
|
q
|
|
margin: 0
|
|
padding: 0
|
|
|
|
s
|
|
margin: 0
|
|
padding: 0
|
|
|
|
strike
|
|
margin: 0
|
|
padding: 0
|
|
|
|
tbody
|
|
margin: 0
|
|
padding: 0
|
|
|
|
tfoot
|
|
margin: 0
|
|
padding: 0
|
|
|
|
thead
|
|
margin: 0
|
|
padding: 0
|
|
|
|
tr
|
|
margin: 0
|
|
padding: 0
|
|
|
|
tt
|
|
margin: 0
|
|
padding: 0
|
|
|
|
u
|
|
margin: 0
|
|
padding: 0
|
|
|
|
ul
|
|
margin: 0
|
|
padding: 0
|
|
margin-bottom: 1.75em
|
|
padding-left: 1.1em
|
|
|
|
var
|
|
margin: 0
|
|
padding: 0
|
|
|
|
input[type=email]
|
|
display: block
|
|
max-width: 100%
|
|
padding: .4375em
|
|
font-size: 12px
|
|
margin-bottom: 1.18125em
|
|
|
|
input[type=password]
|
|
display: block
|
|
max-width: 100%
|
|
padding: .4375em
|
|
font-size: 12px
|
|
margin-bottom: 1.18125em
|
|
|
|
input[type=text]
|
|
display: block
|
|
max-width: 100%
|
|
padding: .4375em
|
|
font-size: 12px
|
|
margin-bottom: 1.18125em
|
|
|
|
.master
|
|
background-image: $url_6
|
|
background-size: cover
|
|
background-position: top
|
|
min-height: 100vh
|
|
display: -webkit-flex
|
|
display: -ms-flexbox
|
|
display: flex
|
|
-webkit-justify-content: center
|
|
-ms-flex-pack: center
|
|
justify-content: center
|
|
-webkit-align-items: center
|
|
-ms-flex-align: center
|
|
align-items: center
|
|
|
|
.box
|
|
width: 450px
|
|
//If you use compass, instead of the line below you could use + border-radius($radius, $vertical-radius)
|
|
border-radius: 0 0 3px 3px
|
|
overflow: hidden
|
|
//If you use compass, instead of the line below you could use + box-sizing($bs)
|
|
box-sizing: border-box
|
|
//If you use compass, instead of the line below you could use + box-shadow($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10)
|
|
box-shadow: 0 10px 10px $color_7, 0 6px 3px $color_8
|
|
|
|
.header
|
|
background-color: $color_9
|
|
padding: 30px 30px 40px
|
|
//If you use compass, instead of the line below you could use + border-radius($radius, $vertical-radius)
|
|
border-radius: 3px 3px 0 0
|
|
text-align: center
|
|
|
|
.header__step
|
|
font-weight: 300
|
|
text-transform: uppercase
|
|
font-size: 14px
|
|
letter-spacing: 1.1px
|
|
margin: 0 0 10px
|
|
-webkit-user-select: none
|
|
-moz-user-select: none
|
|
-ms-user-select: none
|
|
//If you use compass, instead of the line below you could use + user-select($select)
|
|
user-select: none
|
|
color: $color_10
|
|
|
|
.header__title
|
|
-webkit-user-select: none
|
|
-moz-user-select: none
|
|
-ms-user-select: none
|
|
//If you use compass, instead of the line below you could use + user-select($select)
|
|
user-select: none
|
|
color: $color_10
|
|
font-weight: 400
|
|
font-size: 20px
|
|
margin: 0 0 15px
|
|
|
|
.step
|
|
padding-left: 0
|
|
list-style: none
|
|
margin-bottom: 0
|
|
display: -webkit-flex
|
|
display: -ms-flexbox
|
|
display: flex
|
|
-webkit-flex-direction: row-reverse
|
|
-ms-flex-direction: row-reverse
|
|
flex-direction: row-reverse
|
|
-webkit-justify-content: center
|
|
-ms-flex-pack: center
|
|
justify-content: center
|
|
-webkit-align-items: center
|
|
-ms-flex-align: center
|
|
align-items: center
|
|
margin-top: -20px
|
|
|
|
.step__divider
|
|
background-color: $color_11
|
|
-webkit-user-select: none
|
|
-moz-user-select: none
|
|
-ms-user-select: none
|
|
//If you use compass, instead of the line below you could use + user-select($select)
|
|
user-select: none
|
|
width: 60px
|
|
height: 3px
|
|
&:first-child
|
|
-webkit-flex: 1 0 auto
|
|
-ms-flex: 1 0 auto
|
|
flex: 1 0 auto
|
|
|
|
&:last-child
|
|
-webkit-flex: 1 0 auto
|
|
-ms-flex: 1 0 auto
|
|
flex: 1 0 auto
|
|
|
|
|
|
.step__icon
|
|
background-color: $color_11
|
|
font-style: normal
|
|
width: 40px
|
|
height: 40px
|
|
display: -webkit-flex
|
|
display: -ms-flexbox
|
|
display: flex
|
|
-webkit-justify-content: center
|
|
-ms-flex-pack: center
|
|
justify-content: center
|
|
-webkit-align-items: center
|
|
-ms-flex-align: center
|
|
align-items: center
|
|
//If you use compass, instead of the line below you could use + border-radius($radius, $vertical-radius)
|
|
border-radius: 50%
|
|
color: $color_10
|
|
&.welcome:before
|
|
content: '\f144'
|
|
font-family: $font_0
|
|
|
|
&.requirements:before
|
|
content: '\f127'
|
|
font-family: $font_0
|
|
|
|
&.permissions:before
|
|
content: '\f296'
|
|
font-family: $font_0
|
|
|
|
&.database:before
|
|
content: '\f454'
|
|
font-family: $font_0
|
|
|
|
&.update:before
|
|
content: '\f2bf'
|
|
font-family: $font_0
|
|
|
|
|
|
.main
|
|
margin-top: -20px
|
|
background-color: $color_10
|
|
//If you use compass, instead of the line below you could use + border-radius($radius, $vertical-radius)
|
|
border-radius: 0 0 3px 3px
|
|
padding: 40px 40px 30px
|
|
|
|
.buttons
|
|
text-align: center
|
|
|
|
.buttons--right
|
|
text-align: right
|
|
|
|
.button
|
|
display: inline-block
|
|
background-color: $color_12
|
|
//If you use compass, instead of the line below you could use + border-radius($radius, $vertical-radius)
|
|
border-radius: 2px
|
|
padding: 7px 20px
|
|
color: $color_10
|
|
//If you use compass, instead of the line below you could use + box-shadow($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10)
|
|
box-shadow: 0 1px 1.5px $color_13, 0 1px 1px $color_14
|
|
text-decoration: none
|
|
outline: none
|
|
border: none
|
|
//If you use compass, instead of the line below you could use + transition($transition-1, $transition-2, $transition-3, $transition-4, $transition-5, $transition-6, $transition-7, $transition-8, $transition-9, $transition-10)
|
|
transition: box-shadow .2s ease, background-color .2s ease
|
|
&:hover
|
|
color: $color_10
|
|
//If you use compass, instead of the line below you could use + box-shadow($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10)
|
|
box-shadow: 0 10px 10px $color_7, 0 6px 3px $color_8
|
|
background-color: $color_15
|
|
|
|
|
|
.button--light
|
|
padding: 3px 16px
|
|
font-size: 16px
|
|
border-top: 1px solid $color_16
|
|
color: $color_17
|
|
background: $color_10
|
|
&:hover
|
|
color: $color_17
|
|
background: $color_10
|
|
//If you use compass, instead of the line below you could use + box-shadow($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10)
|
|
box-shadow: 0 3px 3px $color_18, 0 3px 3px $color_8
|
|
|
|
|
|
.list
|
|
padding-left: 0
|
|
list-style: none
|
|
margin-bottom: 0
|
|
margin: 20px 0 35px
|
|
border: 1px solid $color_13
|
|
//If you use compass, instead of the line below you could use + border-radius($radius, $vertical-radius)
|
|
border-radius: 2px
|
|
|
|
.list__item
|
|
position: relative
|
|
overflow: hidden
|
|
padding: 7px 20px
|
|
border-bottom: 1px solid $color_13
|
|
&:first-letter
|
|
text-transform: uppercase
|
|
|
|
&:last-child
|
|
border-bottom: none
|
|
|
|
&:before
|
|
display: -webkit-flex
|
|
display: -ms-flexbox
|
|
display: flex
|
|
-webkit-justify-content: center
|
|
-ms-flex-pack: center
|
|
justify-content: center
|
|
-webkit-align-items: center
|
|
-ms-flex-align: center
|
|
align-items: center
|
|
padding: 7px 20px
|
|
position: absolute
|
|
top: 0
|
|
right: 0
|
|
bottom: 0
|
|
|
|
&.success:before
|
|
color: $color_19
|
|
content: '\f120'
|
|
font-family: $font_0
|
|
|
|
&.error:before
|
|
color: $color_20
|
|
content: '\f128'
|
|
font-family: $font_0
|
|
|
|
|
|
.list__item--permissions
|
|
&:before
|
|
content: ''!important
|
|
|
|
span
|
|
display: -webkit-flex
|
|
display: -ms-flexbox
|
|
display: flex
|
|
-webkit-justify-content: center
|
|
-ms-flex-pack: center
|
|
justify-content: center
|
|
-webkit-align-items: center
|
|
-ms-flex-align: center
|
|
align-items: center
|
|
padding: 7px 20px
|
|
position: absolute
|
|
top: 0
|
|
right: 0
|
|
bottom: 0
|
|
background-color: $color_21
|
|
font-weight: 700
|
|
font-size: 16px
|
|
&:before
|
|
margin-right: 7px
|
|
font-weight: 400
|
|
|
|
|
|
&.success span:before
|
|
color: $color_19
|
|
content: '\f120'
|
|
font-family: $font_0
|
|
|
|
&.error span:before
|
|
color: $color_20
|
|
content: '\f128'
|
|
font-family: $font_0
|
|
|
|
|
|
.textarea
|
|
//If you use compass, instead of the line below you could use + box-sizing($bs)
|
|
box-sizing: border-box
|
|
width: 100%
|
|
font-size: 14px
|
|
line-height: 25px
|
|
height: 150px
|
|
outline: none
|
|
border: 1px solid $color_22
|
|
~ .button
|
|
margin-bottom: 35px
|
|
|
|
|
|
.alert
|
|
margin: 0 0 10px
|
|
font-weight: 700
|
|
font-size: 16px
|
|
background-color: $color_21
|
|
//If you use compass, instead of the line below you could use + border-radius($radius, $vertical-radius)
|
|
border-radius: 2px
|
|
padding: 0 10px
|
|
|
|
svg:not(:root)
|
|
overflow: hidden
|
|
|
|
.ion-alert:before
|
|
content: "\f101"
|
|
|
|
.ion-alert-circled:before
|
|
content: "\f100"
|
|
|
|
.ion-android-add:before
|
|
content: "\f2c7"
|
|
|
|
.ion-android-add-circle:before
|
|
content: "\f359"
|
|
|
|
.ion-android-alarm-clock:before
|
|
content: "\f35a"
|
|
|
|
.ion-android-alert:before
|
|
content: "\f35b"
|
|
|
|
.ion-android-apps:before
|
|
content: "\f35c"
|
|
|
|
.ion-android-archive:before
|
|
content: "\f2c9"
|
|
|
|
.ion-android-arrow-back:before
|
|
content: "\f2ca"
|
|
|
|
.ion-android-arrow-down:before
|
|
content: "\f35d"
|
|
|
|
.ion-android-arrow-dropdown:before
|
|
content: "\f35f"
|
|
|
|
.ion-android-arrow-dropdown-circle:before
|
|
content: "\f35e"
|
|
|
|
.ion-android-arrow-dropleft:before
|
|
content: "\f361"
|
|
|
|
.ion-android-arrow-dropleft-circle:before
|
|
content: "\f360"
|
|
|
|
.ion-android-arrow-dropright:before
|
|
content: "\f363"
|
|
|
|
.ion-android-arrow-dropright-circle:before
|
|
content: "\f362"
|
|
|
|
.ion-android-arrow-dropup:before
|
|
content: "\f365"
|
|
|
|
.ion-android-arrow-dropup-circle:before
|
|
content: "\f364"
|
|
|
|
.ion-android-arrow-forward:before
|
|
content: "\f30f"
|
|
|
|
.ion-android-arrow-up:before
|
|
content: "\f366"
|
|
|
|
.ion-android-attach:before
|
|
content: "\f367"
|
|
|
|
.ion-android-bar:before
|
|
content: "\f368"
|
|
|
|
.ion-android-bicycle:before
|
|
content: "\f369"
|
|
|
|
.ion-android-boat:before
|
|
content: "\f36a"
|
|
|
|
.ion-android-bookmark:before
|
|
content: "\f36b"
|
|
|
|
.ion-android-bulb:before
|
|
content: "\f36c"
|
|
|
|
.ion-android-bus:before
|
|
content: "\f36d"
|
|
|
|
.ion-android-calendar:before
|
|
content: "\f2d1"
|
|
|
|
.ion-android-call:before
|
|
content: "\f2d2"
|
|
|
|
.ion-android-camera:before
|
|
content: "\f2d3"
|
|
|
|
.ion-android-cancel:before
|
|
content: "\f36e"
|
|
|
|
.ion-android-car:before
|
|
content: "\f36f"
|
|
|
|
.ion-android-cart:before
|
|
content: "\f370"
|
|
|
|
.ion-android-chat:before
|
|
content: "\f2d4"
|
|
|
|
.ion-android-checkbox:before
|
|
content: "\f374"
|
|
|
|
.ion-android-checkbox-blank:before
|
|
content: "\f371"
|
|
|
|
.ion-android-checkbox-outline:before
|
|
content: "\f373"
|
|
|
|
.ion-android-checkbox-outline-blank:before
|
|
content: "\f372"
|
|
|
|
.ion-android-checkmark-circle:before
|
|
content: "\f375"
|
|
|
|
.ion-android-clipboard:before
|
|
content: "\f376"
|
|
|
|
.ion-android-close:before
|
|
content: "\f2d7"
|
|
|
|
.ion-android-cloud:before
|
|
content: "\f37a"
|
|
|
|
.ion-android-cloud-circle:before
|
|
content: "\f377"
|
|
|
|
.ion-android-cloud-done:before
|
|
content: "\f378"
|
|
|
|
.ion-android-cloud-outline:before
|
|
content: "\f379"
|
|
|
|
.ion-android-color-palette:before
|
|
content: "\f37b"
|
|
|
|
.ion-android-compass:before
|
|
content: "\f37c"
|
|
|
|
.ion-android-contact:before
|
|
content: "\f2d8"
|
|
|
|
.ion-android-contacts:before
|
|
content: "\f2d9"
|
|
|
|
.ion-android-contract:before
|
|
content: "\f37d"
|
|
|
|
.ion-android-create:before
|
|
content: "\f37e"
|
|
|
|
.ion-android-delete:before
|
|
content: "\f37f"
|
|
|
|
.ion-android-desktop:before
|
|
content: "\f380"
|
|
|
|
.ion-android-document:before
|
|
content: "\f381"
|
|
|
|
.ion-android-done:before
|
|
content: "\f383"
|
|
|
|
.ion-android-done-all:before
|
|
content: "\f382"
|
|
|
|
.ion-android-download:before
|
|
content: "\f2dd"
|
|
|
|
.ion-android-drafts:before
|
|
content: "\f384"
|
|
|
|
.ion-android-exit:before
|
|
content: "\f385"
|
|
|
|
.ion-android-expand:before
|
|
content: "\f386"
|
|
|
|
.ion-android-favorite:before
|
|
content: "\f388"
|
|
|
|
.ion-android-favorite-outline:before
|
|
content: "\f387"
|
|
|
|
.ion-android-film:before
|
|
content: "\f389"
|
|
|
|
.ion-android-folder:before
|
|
content: "\f2e0"
|
|
|
|
.ion-android-folder-open:before
|
|
content: "\f38a"
|
|
|
|
.ion-android-funnel:before
|
|
content: "\f38b"
|
|
|
|
.ion-android-globe:before
|
|
content: "\f38c"
|
|
|
|
.ion-android-hand:before
|
|
content: "\f2e3"
|
|
|
|
.ion-android-hangout:before
|
|
content: "\f38d"
|
|
|
|
.ion-android-happy:before
|
|
content: "\f38e"
|
|
|
|
.ion-android-home:before
|
|
content: "\f38f"
|
|
|
|
.ion-android-image:before
|
|
content: "\f2e4"
|
|
|
|
.ion-android-laptop:before
|
|
content: "\f390"
|
|
|
|
.ion-android-list:before
|
|
content: "\f391"
|
|
|
|
.ion-android-locate:before
|
|
content: "\f2e9"
|
|
|
|
.ion-android-lock:before
|
|
content: "\f392"
|
|
|
|
.ion-android-mail:before
|
|
content: "\f2eb"
|
|
|
|
.ion-android-map:before
|
|
content: "\f393"
|
|
|
|
.ion-android-menu:before
|
|
content: "\f394"
|
|
|
|
.ion-android-microphone:before
|
|
content: "\f2ec"
|
|
|
|
.ion-android-microphone-off:before
|
|
content: "\f395"
|
|
|
|
.ion-android-more-horizontal:before
|
|
content: "\f396"
|
|
|
|
.ion-android-more-vertical:before
|
|
content: "\f397"
|
|
|
|
.ion-android-navigate:before
|
|
content: "\f398"
|
|
|
|
.ion-android-notifications:before
|
|
content: "\f39b"
|
|
|
|
.ion-android-notifications-none:before
|
|
content: "\f399"
|
|
|
|
.ion-android-notifications-off:before
|
|
content: "\f39a"
|
|
|
|
.ion-android-open:before
|
|
content: "\f39c"
|
|
|
|
.ion-android-options:before
|
|
content: "\f39d"
|
|
|
|
.ion-android-people:before
|
|
content: "\f39e"
|
|
|
|
.ion-android-person:before
|
|
content: "\f3a0"
|
|
|
|
.ion-android-person-add:before
|
|
content: "\f39f"
|
|
|
|
.ion-android-phone-landscape:before
|
|
content: "\f3a1"
|
|
|
|
.ion-android-phone-portrait:before
|
|
content: "\f3a2"
|
|
|
|
.ion-android-pin:before
|
|
content: "\f3a3"
|
|
|
|
.ion-android-plane:before
|
|
content: "\f3a4"
|
|
|
|
.ion-android-playstore:before
|
|
content: "\f2f0"
|
|
|
|
.ion-android-print:before
|
|
content: "\f3a5"
|
|
|
|
.ion-android-radio-button-off:before
|
|
content: "\f3a6"
|
|
|
|
.ion-android-radio-button-on:before
|
|
content: "\f3a7"
|
|
|
|
.ion-android-refresh:before
|
|
content: "\f3a8"
|
|
|
|
.ion-android-remove:before
|
|
content: "\f2f4"
|
|
|
|
.ion-android-remove-circle:before
|
|
content: "\f3a9"
|
|
|
|
.ion-android-restaurant:before
|
|
content: "\f3aa"
|
|
|
|
.ion-android-sad:before
|
|
content: "\f3ab"
|
|
|
|
.ion-android-search:before
|
|
content: "\f2f5"
|
|
|
|
.ion-android-send:before
|
|
content: "\f2f6"
|
|
|
|
.ion-android-settings:before
|
|
content: "\f2f7"
|
|
|
|
.ion-android-share:before
|
|
content: "\f2f8"
|
|
|
|
.ion-android-share-alt:before
|
|
content: "\f3ac"
|
|
|
|
.ion-android-star:before
|
|
content: "\f2fc"
|
|
|
|
.ion-android-star-half:before
|
|
content: "\f3ad"
|
|
|
|
.ion-android-star-outline:before
|
|
content: "\f3ae"
|
|
|
|
.ion-android-stopwatch:before
|
|
content: "\f2fd"
|
|
|
|
.ion-android-subway:before
|
|
content: "\f3af"
|
|
|
|
.ion-android-sunny:before
|
|
content: "\f3b0"
|
|
|
|
.ion-android-sync:before
|
|
content: "\f3b1"
|
|
|
|
.ion-android-textsms:before
|
|
content: "\f3b2"
|
|
|
|
.ion-android-time:before
|
|
content: "\f3b3"
|
|
|
|
.ion-android-train:before
|
|
content: "\f3b4"
|
|
|
|
.ion-android-unlock:before
|
|
content: "\f3b5"
|
|
|
|
.ion-android-upload:before
|
|
content: "\f3b6"
|
|
|
|
.ion-android-volume-down:before
|
|
content: "\f3b7"
|
|
|
|
.ion-android-volume-mute:before
|
|
content: "\f3b8"
|
|
|
|
.ion-android-volume-off:before
|
|
content: "\f3b9"
|
|
|
|
.ion-android-volume-up:before
|
|
content: "\f3ba"
|
|
|
|
.ion-android-walk:before
|
|
content: "\f3bb"
|
|
|
|
.ion-android-warning:before
|
|
content: "\f3bc"
|
|
|
|
.ion-android-watch:before
|
|
content: "\f3bd"
|
|
|
|
.ion-android-wifi:before
|
|
content: "\f305"
|
|
|
|
.ion-aperture:before
|
|
content: "\f313"
|
|
|
|
.ion-archive:before
|
|
content: "\f102"
|
|
|
|
.ion-arrow-down-a:before
|
|
content: "\f103"
|
|
|
|
.ion-arrow-down-b:before
|
|
content: "\f104"
|
|
|
|
.ion-arrow-down-c:before
|
|
content: "\f105"
|
|
|
|
.ion-arrow-expand:before
|
|
content: "\f25e"
|
|
|
|
.ion-arrow-graph-down-left:before
|
|
content: "\f25f"
|
|
|
|
.ion-arrow-graph-down-right:before
|
|
content: "\f260"
|
|
|
|
.ion-arrow-graph-up-left:before
|
|
content: "\f261"
|
|
|
|
.ion-arrow-graph-up-right:before
|
|
content: "\f262"
|
|
|
|
.ion-arrow-left-a:before
|
|
content: "\f106"
|
|
|
|
.ion-arrow-left-b:before
|
|
content: "\f107"
|
|
|
|
.ion-arrow-left-c:before
|
|
content: "\f108"
|
|
|
|
.ion-arrow-move:before
|
|
content: "\f263"
|
|
|
|
.ion-arrow-resize:before
|
|
content: "\f264"
|
|
|
|
.ion-arrow-return-left:before
|
|
content: "\f265"
|
|
|
|
.ion-arrow-return-right:before
|
|
content: "\f266"
|
|
|
|
.ion-arrow-right-a:before
|
|
content: "\f109"
|
|
|
|
.ion-arrow-right-b:before
|
|
content: "\f10a"
|
|
|
|
.ion-arrow-right-c:before
|
|
content: "\f10b"
|
|
|
|
.ion-arrow-shrink:before
|
|
content: "\f267"
|
|
|
|
.ion-arrow-swap:before
|
|
content: "\f268"
|
|
|
|
.ion-arrow-up-a:before
|
|
content: "\f10c"
|
|
|
|
.ion-arrow-up-b:before
|
|
content: "\f10d"
|
|
|
|
.ion-arrow-up-c:before
|
|
content: "\f10e"
|
|
|
|
.ion-asterisk:before
|
|
content: "\f314"
|
|
|
|
.ion-at:before
|
|
content: "\f10f"
|
|
|
|
.ion-backspace:before
|
|
content: "\f3bf"
|
|
|
|
.ion-backspace-outline:before
|
|
content: "\f3be"
|
|
|
|
.ion-bag:before
|
|
content: "\f110"
|
|
|
|
.ion-battery-charging:before
|
|
content: "\f111"
|
|
|
|
.ion-battery-empty:before
|
|
content: "\f112"
|
|
|
|
.ion-battery-full:before
|
|
content: "\f113"
|
|
|
|
.ion-battery-half:before
|
|
content: "\f114"
|
|
|
|
.ion-battery-low:before
|
|
content: "\f115"
|
|
|
|
.ion-beaker:before
|
|
content: "\f269"
|
|
|
|
.ion-beer:before
|
|
content: "\f26a"
|
|
|
|
.ion-bluetooth:before
|
|
content: "\f116"
|
|
|
|
.ion-bonfire:before
|
|
content: "\f315"
|
|
|
|
.ion-bookmark:before
|
|
content: "\f26b"
|
|
|
|
.ion-bowtie:before
|
|
content: "\f3c0"
|
|
|
|
.ion-briefcase:before
|
|
content: "\f26c"
|
|
|
|
.ion-bug:before
|
|
content: "\f2be"
|
|
|
|
.ion-calculator:before
|
|
content: "\f26d"
|
|
|
|
.ion-calendar:before
|
|
content: "\f117"
|
|
|
|
.ion-camera:before
|
|
content: "\f118"
|
|
|
|
.ion-card:before
|
|
content: "\f119"
|
|
|
|
.ion-cash:before
|
|
content: "\f316"
|
|
|
|
.ion-chatbox:before
|
|
content: "\f11b"
|
|
|
|
.ion-chatbox-working:before
|
|
content: "\f11a"
|
|
|
|
.ion-chatboxes:before
|
|
content: "\f11c"
|
|
|
|
.ion-chatbubble:before
|
|
content: "\f11e"
|
|
|
|
.ion-chatbubble-working:before
|
|
content: "\f11d"
|
|
|
|
.ion-chatbubbles:before
|
|
content: "\f11f"
|
|
|
|
.ion-checkmark:before
|
|
content: "\f122"
|
|
|
|
.ion-checkmark-circled:before
|
|
content: "\f120"
|
|
|
|
.ion-checkmark-round:before
|
|
content: "\f121"
|
|
|
|
.ion-chevron-down:before
|
|
content: "\f123"
|
|
|
|
.ion-chevron-left:before
|
|
content: "\f124"
|
|
|
|
.ion-chevron-right:before
|
|
content: "\f125"
|
|
|
|
.ion-chevron-up:before
|
|
content: "\f126"
|
|
|
|
.ion-clipboard:before
|
|
content: "\f127"
|
|
|
|
.ion-clock:before
|
|
content: "\f26e"
|
|
|
|
.ion-close:before
|
|
content: "\f12a"
|
|
|
|
.ion-close-circled:before
|
|
content: "\f128"
|
|
|
|
.ion-close-round:before
|
|
content: "\f129"
|
|
|
|
.ion-closed-captioning:before
|
|
content: "\f317"
|
|
|
|
.ion-cloud:before
|
|
content: "\f12b"
|
|
|
|
.ion-code:before
|
|
content: "\f271"
|
|
|
|
.ion-code-download:before
|
|
content: "\f26f"
|
|
|
|
.ion-code-working:before
|
|
content: "\f270"
|
|
|
|
.ion-coffee:before
|
|
content: "\f272"
|
|
|
|
.ion-compass:before
|
|
content: "\f273"
|
|
|
|
.ion-compose:before
|
|
content: "\f12c"
|
|
|
|
.ion-connection-bars:before
|
|
content: "\f274"
|
|
|
|
.ion-contrast:before
|
|
content: "\f275"
|
|
|
|
.ion-crop:before
|
|
content: "\f3c1"
|
|
|
|
.ion-cube:before
|
|
content: "\f318"
|
|
|
|
.ion-disc:before
|
|
content: "\f12d"
|
|
|
|
.ion-document:before
|
|
content: "\f12f"
|
|
|
|
.ion-document-text:before
|
|
content: "\f12e"
|
|
|
|
.ion-drag:before
|
|
content: "\f130"
|
|
|
|
.ion-earth:before
|
|
content: "\f276"
|
|
|
|
.ion-easel:before
|
|
content: "\f3c2"
|
|
|
|
.ion-edit:before
|
|
content: "\f2bf"
|
|
|
|
.ion-egg:before
|
|
content: "\f277"
|
|
|
|
.ion-eject:before
|
|
content: "\f131"
|
|
|
|
.ion-email:before
|
|
content: "\f132"
|
|
|
|
.ion-email-unread:before
|
|
content: "\f3c3"
|
|
|
|
.ion-erlenmeyer-flask:before
|
|
content: "\f3c5"
|
|
|
|
.ion-erlenmeyer-flask-bubbles:before
|
|
content: "\f3c4"
|
|
|
|
.ion-eye:before
|
|
content: "\f133"
|
|
|
|
.ion-eye-disabled:before
|
|
content: "\f306"
|
|
|
|
.ion-female:before
|
|
content: "\f278"
|
|
|
|
.ion-filing:before
|
|
content: "\f134"
|
|
|
|
.ion-film-marker:before
|
|
content: "\f135"
|
|
|
|
.ion-fireball:before
|
|
content: "\f319"
|
|
|
|
.ion-flag:before
|
|
content: "\f279"
|
|
|
|
.ion-flame:before
|
|
content: "\f31a"
|
|
|
|
.ion-flash:before
|
|
content: "\f137"
|
|
|
|
.ion-flash-off:before
|
|
content: "\f136"
|
|
|
|
.ion-folder:before
|
|
content: "\f139"
|
|
|
|
.ion-fork:before
|
|
content: "\f27a"
|
|
|
|
.ion-fork-repo:before
|
|
content: "\f2c0"
|
|
|
|
.ion-forward:before
|
|
content: "\f13a"
|
|
|
|
.ion-funnel:before
|
|
content: "\f31b"
|
|
|
|
.ion-gear-a:before
|
|
content: "\f13d"
|
|
|
|
.ion-gear-b:before
|
|
content: "\f13e"
|
|
|
|
.ion-grid:before
|
|
content: "\f13f"
|
|
|
|
.ion-hammer:before
|
|
content: "\f27b"
|
|
|
|
.ion-happy:before
|
|
content: "\f31c"
|
|
|
|
.ion-happy-outline:before
|
|
content: "\f3c6"
|
|
|
|
.ion-headphone:before
|
|
content: "\f140"
|
|
|
|
.ion-heart:before
|
|
content: "\f141"
|
|
|
|
.ion-heart-broken:before
|
|
content: "\f31d"
|
|
|
|
.ion-help:before
|
|
content: "\f143"
|
|
|
|
.ion-help-buoy:before
|
|
content: "\f27c"
|
|
|
|
.ion-help-circled:before
|
|
content: "\f142"
|
|
|
|
.ion-home:before
|
|
content: "\f144"
|
|
|
|
.ion-icecream:before
|
|
content: "\f27d"
|
|
|
|
.ion-image:before
|
|
content: "\f147"
|
|
|
|
.ion-images:before
|
|
content: "\f148"
|
|
|
|
.ion-information:before
|
|
content: "\f14a"
|
|
|
|
.ion-information-circled:before
|
|
content: "\f149"
|
|
|
|
.ion-ionic:before
|
|
content: "\f14b"
|
|
|
|
.ion-ios-alarm:before
|
|
content: "\f3c8"
|
|
|
|
.ion-ios-alarm-outline:before
|
|
content: "\f3c7"
|
|
|
|
.ion-ios-albums:before
|
|
content: "\f3ca"
|
|
|
|
.ion-ios-albums-outline:before
|
|
content: "\f3c9"
|
|
|
|
.ion-ios-americanfootball:before
|
|
content: "\f3cc"
|
|
|
|
.ion-ios-americanfootball-outline:before
|
|
content: "\f3cb"
|
|
|
|
.ion-ios-analytics:before
|
|
content: "\f3ce"
|
|
|
|
.ion-ios-analytics-outline:before
|
|
content: "\f3cd"
|
|
|
|
.ion-ios-arrow-back:before
|
|
content: "\f3cf"
|
|
|
|
.ion-ios-arrow-down:before
|
|
content: "\f3d0"
|
|
|
|
.ion-ios-arrow-forward:before
|
|
content: "\f3d1"
|
|
|
|
.ion-ios-arrow-left:before
|
|
content: "\f3d2"
|
|
|
|
.ion-ios-arrow-right:before
|
|
content: "\f3d3"
|
|
|
|
.ion-ios-arrow-thin-down:before
|
|
content: "\f3d4"
|
|
|
|
.ion-ios-arrow-thin-left:before
|
|
content: "\f3d5"
|
|
|
|
.ion-ios-arrow-thin-right:before
|
|
content: "\f3d6"
|
|
|
|
.ion-ios-arrow-thin-up:before
|
|
content: "\f3d7"
|
|
|
|
.ion-ios-arrow-up:before
|
|
content: "\f3d8"
|
|
|
|
.ion-ios-at:before
|
|
content: "\f3da"
|
|
|
|
.ion-ios-at-outline:before
|
|
content: "\f3d9"
|
|
|
|
.ion-ios-barcode:before
|
|
content: "\f3dc"
|
|
|
|
.ion-ios-barcode-outline:before
|
|
content: "\f3db"
|
|
|
|
.ion-ios-baseball:before
|
|
content: "\f3de"
|
|
|
|
.ion-ios-baseball-outline:before
|
|
content: "\f3dd"
|
|
|
|
.ion-ios-basketball:before
|
|
content: "\f3e0"
|
|
|
|
.ion-ios-basketball-outline:before
|
|
content: "\f3df"
|
|
|
|
.ion-ios-bell:before
|
|
content: "\f3e2"
|
|
|
|
.ion-ios-bell-outline:before
|
|
content: "\f3e1"
|
|
|
|
.ion-ios-body:before
|
|
content: "\f3e4"
|
|
|
|
.ion-ios-body-outline:before
|
|
content: "\f3e3"
|
|
|
|
.ion-ios-bolt:before
|
|
content: "\f3e6"
|
|
|
|
.ion-ios-bolt-outline:before
|
|
content: "\f3e5"
|
|
|
|
.ion-ios-book:before
|
|
content: "\f3e8"
|
|
|
|
.ion-ios-book-outline:before
|
|
content: "\f3e7"
|
|
|
|
.ion-ios-bookmarks:before
|
|
content: "\f3ea"
|
|
|
|
.ion-ios-bookmarks-outline:before
|
|
content: "\f3e9"
|
|
|
|
.ion-ios-box:before
|
|
content: "\f3ec"
|
|
|
|
.ion-ios-box-outline:before
|
|
content: "\f3eb"
|
|
|
|
.ion-ios-briefcase:before
|
|
content: "\f3ee"
|
|
|
|
.ion-ios-briefcase-outline:before
|
|
content: "\f3ed"
|
|
|
|
.ion-ios-browsers:before
|
|
content: "\f3f0"
|
|
|
|
.ion-ios-browsers-outline:before
|
|
content: "\f3ef"
|
|
|
|
.ion-ios-calculator:before
|
|
content: "\f3f2"
|
|
|
|
.ion-ios-calculator-outline:before
|
|
content: "\f3f1"
|
|
|
|
.ion-ios-calendar:before
|
|
content: "\f3f4"
|
|
|
|
.ion-ios-calendar-outline:before
|
|
content: "\f3f3"
|
|
|
|
.ion-ios-camera:before
|
|
content: "\f3f6"
|
|
|
|
.ion-ios-camera-outline:before
|
|
content: "\f3f5"
|
|
|
|
.ion-ios-cart:before
|
|
content: "\f3f8"
|
|
|
|
.ion-ios-cart-outline:before
|
|
content: "\f3f7"
|
|
|
|
.ion-ios-chatboxes:before
|
|
content: "\f3fa"
|
|
|
|
.ion-ios-chatboxes-outline:before
|
|
content: "\f3f9"
|
|
|
|
.ion-ios-chatbubble:before
|
|
content: "\f3fc"
|
|
|
|
.ion-ios-chatbubble-outline:before
|
|
content: "\f3fb"
|
|
|
|
.ion-ios-checkmark:before
|
|
content: "\f3ff"
|
|
|
|
.ion-ios-checkmark-empty:before
|
|
content: "\f3fd"
|
|
|
|
.ion-ios-checkmark-outline:before
|
|
content: "\f3fe"
|
|
|
|
.ion-ios-circle-filled:before
|
|
content: "\f400"
|
|
|
|
.ion-ios-circle-outline:before
|
|
content: "\f401"
|
|
|
|
.ion-ios-clock:before
|
|
content: "\f403"
|
|
|
|
.ion-ios-clock-outline:before
|
|
content: "\f402"
|
|
|
|
.ion-ios-close:before
|
|
content: "\f406"
|
|
|
|
.ion-ios-close-empty:before
|
|
content: "\f404"
|
|
|
|
.ion-ios-close-outline:before
|
|
content: "\f405"
|
|
|
|
.ion-ios-cloud:before
|
|
content: "\f40c"
|
|
|
|
.ion-ios-cloud-download:before
|
|
content: "\f408"
|
|
|
|
.ion-ios-cloud-download-outline:before
|
|
content: "\f407"
|
|
|
|
.ion-ios-cloud-outline:before
|
|
content: "\f409"
|
|
|
|
.ion-ios-cloud-upload:before
|
|
content: "\f40b"
|
|
|
|
.ion-ios-cloud-upload-outline:before
|
|
content: "\f40a"
|
|
|
|
.ion-ios-cloudy:before
|
|
content: "\f410"
|
|
|
|
.ion-ios-cloudy-night:before
|
|
content: "\f40e"
|
|
|
|
.ion-ios-cloudy-night-outline:before
|
|
content: "\f40d"
|
|
|
|
.ion-ios-cloudy-outline:before
|
|
content: "\f40f"
|
|
|
|
.ion-ios-cog:before
|
|
content: "\f412"
|
|
|
|
.ion-ios-cog-outline:before
|
|
content: "\f411"
|
|
|
|
.ion-ios-color-filter:before
|
|
content: "\f414"
|
|
|
|
.ion-ios-color-filter-outline:before
|
|
content: "\f413"
|
|
|
|
.ion-ios-color-wand:before
|
|
content: "\f416"
|
|
|
|
.ion-ios-color-wand-outline:before
|
|
content: "\f415"
|
|
|
|
.ion-ios-compose:before
|
|
content: "\f418"
|
|
|
|
.ion-ios-compose-outline:before
|
|
content: "\f417"
|
|
|
|
.ion-ios-contact:before
|
|
content: "\f41a"
|
|
|
|
.ion-ios-contact-outline:before
|
|
content: "\f419"
|
|
|
|
.ion-ios-copy:before
|
|
content: "\f41c"
|
|
|
|
.ion-ios-copy-outline:before
|
|
content: "\f41b"
|
|
|
|
.ion-ios-crop:before
|
|
content: "\f41e"
|
|
|
|
.ion-ios-crop-strong:before
|
|
content: "\f41d"
|
|
|
|
.ion-ios-download:before
|
|
content: "\f420"
|
|
|
|
.ion-ios-download-outline:before
|
|
content: "\f41f"
|
|
|
|
.ion-ios-drag:before
|
|
content: "\f421"
|
|
|
|
.ion-ios-email:before
|
|
content: "\f423"
|
|
|
|
.ion-ios-email-outline:before
|
|
content: "\f422"
|
|
|
|
.ion-ios-eye:before
|
|
content: "\f425"
|
|
|
|
.ion-ios-eye-outline:before
|
|
content: "\f424"
|
|
|
|
.ion-ios-fastforward:before
|
|
content: "\f427"
|
|
|
|
.ion-ios-fastforward-outline:before
|
|
content: "\f426"
|
|
|
|
.ion-ios-filing:before
|
|
content: "\f429"
|
|
|
|
.ion-ios-filing-outline:before
|
|
content: "\f428"
|
|
|
|
.ion-ios-film:before
|
|
content: "\f42b"
|
|
|
|
.ion-ios-film-outline:before
|
|
content: "\f42a"
|
|
|
|
.ion-ios-flag:before
|
|
content: "\f42d"
|
|
|
|
.ion-ios-flag-outline:before
|
|
content: "\f42c"
|
|
|
|
.ion-ios-flame:before
|
|
content: "\f42f"
|
|
|
|
.ion-ios-flame-outline:before
|
|
content: "\f42e"
|
|
|
|
.ion-ios-flask:before
|
|
content: "\f431"
|
|
|
|
.ion-ios-flask-outline:before
|
|
content: "\f430"
|
|
|
|
.ion-ios-flower:before
|
|
content: "\f433"
|
|
|
|
.ion-ios-flower-outline:before
|
|
content: "\f432"
|
|
|
|
.ion-ios-folder:before
|
|
content: "\f435"
|
|
|
|
.ion-ios-folder-outline:before
|
|
content: "\f434"
|
|
|
|
.ion-ios-football:before
|
|
content: "\f437"
|
|
|
|
.ion-ios-football-outline:before
|
|
content: "\f436"
|
|
|
|
.ion-ios-game-controller-a:before
|
|
content: "\f439"
|
|
|
|
.ion-ios-game-controller-a-outline:before
|
|
content: "\f438"
|
|
|
|
.ion-ios-game-controller-b:before
|
|
content: "\f43b"
|
|
|
|
.ion-ios-game-controller-b-outline:before
|
|
content: "\f43a"
|
|
|
|
.ion-ios-gear:before
|
|
content: "\f43d"
|
|
|
|
.ion-ios-gear-outline:before
|
|
content: "\f43c"
|
|
|
|
.ion-ios-glasses:before
|
|
content: "\f43f"
|
|
|
|
.ion-ios-glasses-outline:before
|
|
content: "\f43e"
|
|
|
|
.ion-ios-grid-view:before
|
|
content: "\f441"
|
|
|
|
.ion-ios-grid-view-outline:before
|
|
content: "\f440"
|
|
|
|
.ion-ios-heart:before
|
|
content: "\f443"
|
|
|
|
.ion-ios-heart-outline:before
|
|
content: "\f442"
|
|
|
|
.ion-ios-help:before
|
|
content: "\f446"
|
|
|
|
.ion-ios-help-empty:before
|
|
content: "\f444"
|
|
|
|
.ion-ios-help-outline:before
|
|
content: "\f445"
|
|
|
|
.ion-ios-home:before
|
|
content: "\f448"
|
|
|
|
.ion-ios-home-outline:before
|
|
content: "\f447"
|
|
|
|
.ion-ios-infinite:before
|
|
content: "\f44a"
|
|
|
|
.ion-ios-infinite-outline:before
|
|
content: "\f449"
|
|
|
|
.ion-ios-information:before
|
|
content: "\f44d"
|
|
|
|
.ion-ios-information-empty:before
|
|
content: "\f44b"
|
|
|
|
.ion-ios-information-outline:before
|
|
content: "\f44c"
|
|
|
|
.ion-ios-ionic-outline:before
|
|
content: "\f44e"
|
|
|
|
.ion-ios-keypad:before
|
|
content: "\f450"
|
|
|
|
.ion-ios-keypad-outline:before
|
|
content: "\f44f"
|
|
|
|
.ion-ios-lightbulb:before
|
|
content: "\f452"
|
|
|
|
.ion-ios-lightbulb-outline:before
|
|
content: "\f451"
|
|
|
|
.ion-ios-list:before
|
|
content: "\f454"
|
|
|
|
.ion-ios-list-outline:before
|
|
content: "\f453"
|
|
|
|
.ion-ios-location:before
|
|
content: "\f456"
|
|
|
|
.ion-ios-location-outline:before
|
|
content: "\f455"
|
|
|
|
.ion-ios-locked:before
|
|
content: "\f458"
|
|
|
|
.ion-ios-locked-outline:before
|
|
content: "\f457"
|
|
|
|
.ion-ios-loop:before
|
|
content: "\f45a"
|
|
|
|
.ion-ios-loop-strong:before
|
|
content: "\f459"
|
|
|
|
.ion-ios-medical:before
|
|
content: "\f45c"
|
|
|
|
.ion-ios-medical-outline:before
|
|
content: "\f45b"
|
|
|
|
.ion-ios-medkit:before
|
|
content: "\f45e"
|
|
|
|
.ion-ios-medkit-outline:before
|
|
content: "\f45d"
|
|
|
|
.ion-ios-mic:before
|
|
content: "\f461"
|
|
|
|
.ion-ios-mic-off:before
|
|
content: "\f45f"
|
|
|
|
.ion-ios-mic-outline:before
|
|
content: "\f460"
|
|
|
|
.ion-ios-minus:before
|
|
content: "\f464"
|
|
|
|
.ion-ios-minus-empty:before
|
|
content: "\f462"
|
|
|
|
.ion-ios-minus-outline:before
|
|
content: "\f463"
|
|
|
|
.ion-ios-monitor:before
|
|
content: "\f466"
|
|
|
|
.ion-ios-monitor-outline:before
|
|
content: "\f465"
|
|
|
|
.ion-ios-moon:before
|
|
content: "\f468"
|
|
|
|
.ion-ios-moon-outline:before
|
|
content: "\f467"
|
|
|
|
.ion-ios-more:before
|
|
content: "\f46a"
|
|
|
|
.ion-ios-more-outline:before
|
|
content: "\f469"
|
|
|
|
.ion-ios-musical-note:before
|
|
content: "\f46b"
|
|
|
|
.ion-ios-musical-notes:before
|
|
content: "\f46c"
|
|
|
|
.ion-ios-navigate:before
|
|
content: "\f46e"
|
|
|
|
.ion-ios-navigate-outline:before
|
|
content: "\f46d"
|
|
|
|
.ion-ios-nutrition:before
|
|
content: "\f470"
|
|
|
|
.ion-ios-nutrition-outline:before
|
|
content: "\f46f"
|
|
|
|
.ion-ios-paper:before
|
|
content: "\f472"
|
|
|
|
.ion-ios-paper-outline:before
|
|
content: "\f471"
|
|
|
|
.ion-ios-paperplane:before
|
|
content: "\f474"
|
|
|
|
.ion-ios-paperplane-outline:before
|
|
content: "\f473"
|
|
|
|
.ion-ios-partlysunny:before
|
|
content: "\f476"
|
|
|
|
.ion-ios-partlysunny-outline:before
|
|
content: "\f475"
|
|
|
|
.ion-ios-pause:before
|
|
content: "\f478"
|
|
|
|
.ion-ios-pause-outline:before
|
|
content: "\f477"
|
|
|
|
.ion-ios-paw:before
|
|
content: "\f47a"
|
|
|
|
.ion-ios-paw-outline:before
|
|
content: "\f479"
|
|
|
|
.ion-ios-people:before
|
|
content: "\f47c"
|
|
|
|
.ion-ios-people-outline:before
|
|
content: "\f47b"
|
|
|
|
.ion-ios-person:before
|
|
content: "\f47e"
|
|
|
|
.ion-ios-person-outline:before
|
|
content: "\f47d"
|
|
|
|
.ion-ios-personadd:before
|
|
content: "\f480"
|
|
|
|
.ion-ios-personadd-outline:before
|
|
content: "\f47f"
|
|
|
|
.ion-ios-photos:before
|
|
content: "\f482"
|
|
|
|
.ion-ios-photos-outline:before
|
|
content: "\f481"
|
|
|
|
.ion-ios-pie:before
|
|
content: "\f484"
|
|
|
|
.ion-ios-pie-outline:before
|
|
content: "\f483"
|
|
|
|
.ion-ios-pint:before
|
|
content: "\f486"
|
|
|
|
.ion-ios-pint-outline:before
|
|
content: "\f485"
|
|
|
|
.ion-ios-play:before
|
|
content: "\f488"
|
|
|
|
.ion-ios-play-outline:before
|
|
content: "\f487"
|
|
|
|
.ion-ios-plus:before
|
|
content: "\f48b"
|
|
|
|
.ion-ios-plus-empty:before
|
|
content: "\f489"
|
|
|
|
.ion-ios-plus-outline:before
|
|
content: "\f48a"
|
|
|
|
.ion-ios-pricetag:before
|
|
content: "\f48d"
|
|
|
|
.ion-ios-pricetag-outline:before
|
|
content: "\f48c"
|
|
|
|
.ion-ios-pricetags:before
|
|
content: "\f48f"
|
|
|
|
.ion-ios-pricetags-outline:before
|
|
content: "\f48e"
|
|
|
|
.ion-ios-printer:before
|
|
content: "\f491"
|
|
|
|
.ion-ios-printer-outline:before
|
|
content: "\f490"
|
|
|
|
.ion-ios-pulse:before
|
|
content: "\f493"
|
|
|
|
.ion-ios-pulse-strong:before
|
|
content: "\f492"
|
|
|
|
.ion-ios-rainy:before
|
|
content: "\f495"
|
|
|
|
.ion-ios-rainy-outline:before
|
|
content: "\f494"
|
|
|
|
.ion-ios-recording:before
|
|
content: "\f497"
|
|
|
|
.ion-ios-recording-outline:before
|
|
content: "\f496"
|
|
|
|
.ion-ios-redo:before
|
|
content: "\f499"
|
|
|
|
.ion-ios-redo-outline:before
|
|
content: "\f498"
|
|
|
|
.ion-ios-refresh:before
|
|
content: "\f49c"
|
|
|
|
.ion-ios-refresh-empty:before
|
|
content: "\f49a"
|
|
|
|
.ion-ios-refresh-outline:before
|
|
content: "\f49b"
|
|
|
|
.ion-ios-reload:before
|
|
content: "\f49d"
|
|
|
|
.ion-ios-reverse-camera:before
|
|
content: "\f49f"
|
|
|
|
.ion-ios-reverse-camera-outline:before
|
|
content: "\f49e"
|
|
|
|
.ion-ios-rewind:before
|
|
content: "\f4a1"
|
|
|
|
.ion-ios-rewind-outline:before
|
|
content: "\f4a0"
|
|
|
|
.ion-ios-rose:before
|
|
content: "\f4a3"
|
|
|
|
.ion-ios-rose-outline:before
|
|
content: "\f4a2"
|
|
|
|
.ion-ios-search:before
|
|
content: "\f4a5"
|
|
|
|
.ion-ios-search-strong:before
|
|
content: "\f4a4"
|
|
|
|
.ion-ios-settings:before
|
|
content: "\f4a7"
|
|
|
|
.ion-ios-settings-strong:before
|
|
content: "\f4a6"
|
|
|
|
.ion-ios-shuffle:before
|
|
content: "\f4a9"
|
|
|
|
.ion-ios-shuffle-strong:before
|
|
content: "\f4a8"
|
|
|
|
.ion-ios-skipbackward:before
|
|
content: "\f4ab"
|
|
|
|
.ion-ios-skipbackward-outline:before
|
|
content: "\f4aa"
|
|
|
|
.ion-ios-skipforward:before
|
|
content: "\f4ad"
|
|
|
|
.ion-ios-skipforward-outline:before
|
|
content: "\f4ac"
|
|
|
|
.ion-ios-snowy:before
|
|
content: "\f4ae"
|
|
|
|
.ion-ios-speedometer:before
|
|
content: "\f4b0"
|
|
|
|
.ion-ios-speedometer-outline:before
|
|
content: "\f4af"
|
|
|
|
.ion-ios-star:before
|
|
content: "\f4b3"
|
|
|
|
.ion-ios-star-half:before
|
|
content: "\f4b1"
|
|
|
|
.ion-ios-star-outline:before
|
|
content: "\f4b2"
|
|
|
|
.ion-ios-stopwatch:before
|
|
content: "\f4b5"
|
|
|
|
.ion-ios-stopwatch-outline:before
|
|
content: "\f4b4"
|
|
|
|
.ion-ios-sunny:before
|
|
content: "\f4b7"
|
|
|
|
.ion-ios-sunny-outline:before
|
|
content: "\f4b6"
|
|
|
|
.ion-ios-telephone:before
|
|
content: "\f4b9"
|
|
|
|
.ion-ios-telephone-outline:before
|
|
content: "\f4b8"
|
|
|
|
.ion-ios-tennisball:before
|
|
content: "\f4bb"
|
|
|
|
.ion-ios-tennisball-outline:before
|
|
content: "\f4ba"
|
|
|
|
.ion-ios-thunderstorm:before
|
|
content: "\f4bd"
|
|
|
|
.ion-ios-thunderstorm-outline:before
|
|
content: "\f4bc"
|
|
|
|
.ion-ios-time:before
|
|
content: "\f4bf"
|
|
|
|
.ion-ios-time-outline:before
|
|
content: "\f4be"
|
|
|
|
.ion-ios-timer:before
|
|
content: "\f4c1"
|
|
|
|
.ion-ios-timer-outline:before
|
|
content: "\f4c0"
|
|
|
|
.ion-ios-toggle:before
|
|
content: "\f4c3"
|
|
|
|
.ion-ios-toggle-outline:before
|
|
content: "\f4c2"
|
|
|
|
.ion-ios-trash:before
|
|
content: "\f4c5"
|
|
|
|
.ion-ios-trash-outline:before
|
|
content: "\f4c4"
|
|
|
|
.ion-ios-undo:before
|
|
content: "\f4c7"
|
|
|
|
.ion-ios-undo-outline:before
|
|
content: "\f4c6"
|
|
|
|
.ion-ios-unlocked:before
|
|
content: "\f4c9"
|
|
|
|
.ion-ios-unlocked-outline:before
|
|
content: "\f4c8"
|
|
|
|
.ion-ios-upload:before
|
|
content: "\f4cb"
|
|
|
|
.ion-ios-upload-outline:before
|
|
content: "\f4ca"
|
|
|
|
.ion-ios-videocam:before
|
|
content: "\f4cd"
|
|
|
|
.ion-ios-videocam-outline:before
|
|
content: "\f4cc"
|
|
|
|
.ion-ios-volume-high:before
|
|
content: "\f4ce"
|
|
|
|
.ion-ios-volume-low:before
|
|
content: "\f4cf"
|
|
|
|
.ion-ios-wineglass:before
|
|
content: "\f4d1"
|
|
|
|
.ion-ios-wineglass-outline:before
|
|
content: "\f4d0"
|
|
|
|
.ion-ios-world:before
|
|
content: "\f4d3"
|
|
|
|
.ion-ios-world-outline:before
|
|
content: "\f4d2"
|
|
|
|
.ion-ipad:before
|
|
content: "\f1f9"
|
|
|
|
.ion-iphone:before
|
|
content: "\f1fa"
|
|
|
|
.ion-ipod:before
|
|
content: "\f1fb"
|
|
|
|
.ion-jet:before
|
|
content: "\f295"
|
|
|
|
.ion-key:before
|
|
content: "\f296"
|
|
|
|
.ion-knife:before
|
|
content: "\f297"
|
|
|
|
.ion-laptop:before
|
|
content: "\f1fc"
|
|
|
|
.ion-leaf:before
|
|
content: "\f1fd"
|
|
|
|
.ion-levels:before
|
|
content: "\f298"
|
|
|
|
.ion-lightbulb:before
|
|
content: "\f299"
|
|
|
|
.ion-link:before
|
|
content: "\f1fe"
|
|
|
|
.ion-load-a:before
|
|
content: "\f29a"
|
|
|
|
.ion-load-b:before
|
|
content: "\f29b"
|
|
|
|
.ion-load-c:before
|
|
content: "\f29c"
|
|
|
|
.ion-load-d:before
|
|
content: "\f29d"
|
|
|
|
.ion-location:before
|
|
content: "\f1ff"
|
|
|
|
.ion-lock-combination:before
|
|
content: "\f4d4"
|
|
|
|
.ion-locked:before
|
|
content: "\f200"
|
|
|
|
.ion-log-in:before
|
|
content: "\f29e"
|
|
|
|
.ion-log-out:before
|
|
content: "\f29f"
|
|
|
|
.ion-loop:before
|
|
content: "\f201"
|
|
|
|
.ion-magnet:before
|
|
content: "\f2a0"
|
|
|
|
.ion-male:before
|
|
content: "\f2a1"
|
|
|
|
.ion-man:before
|
|
content: "\f202"
|
|
|
|
.ion-map:before
|
|
content: "\f203"
|
|
|
|
.ion-medkit:before
|
|
content: "\f2a2"
|
|
|
|
.ion-merge:before
|
|
content: "\f33f"
|
|
|
|
.ion-mic-a:before
|
|
content: "\f204"
|
|
|
|
.ion-mic-b:before
|
|
content: "\f205"
|
|
|
|
.ion-mic-c:before
|
|
content: "\f206"
|
|
|
|
.ion-minus:before
|
|
content: "\f209"
|
|
|
|
.ion-minus-circled:before
|
|
content: "\f207"
|
|
|
|
.ion-minus-round:before
|
|
content: "\f208"
|
|
|
|
.ion-model-s:before
|
|
content: "\f2c1"
|
|
|
|
.ion-monitor:before
|
|
content: "\f20a"
|
|
|
|
.ion-more:before
|
|
content: "\f20b"
|
|
|
|
.ion-mouse:before
|
|
content: "\f340"
|
|
|
|
.ion-music-note:before
|
|
content: "\f20c"
|
|
|
|
.ion-navicon:before
|
|
content: "\f20e"
|
|
|
|
.ion-navicon-round:before
|
|
content: "\f20d"
|
|
|
|
.ion-navigate:before
|
|
content: "\f2a3"
|
|
|
|
.ion-network:before
|
|
content: "\f341"
|
|
|
|
.ion-no-smoking:before
|
|
content: "\f2c2"
|
|
|
|
.ion-nuclear:before
|
|
content: "\f2a4"
|
|
|
|
.ion-outlet:before
|
|
content: "\f342"
|
|
|
|
.ion-paintbrush:before
|
|
content: "\f4d5"
|
|
|
|
.ion-paintbucket:before
|
|
content: "\f4d6"
|
|
|
|
.ion-paper-airplane:before
|
|
content: "\f2c3"
|
|
|
|
.ion-paperclip:before
|
|
content: "\f20f"
|
|
|
|
.ion-pause:before
|
|
content: "\f210"
|
|
|
|
.ion-person:before
|
|
content: "\f213"
|
|
|
|
.ion-person-add:before
|
|
content: "\f211"
|
|
|
|
.ion-person-stalker:before
|
|
content: "\f212"
|
|
|
|
.ion-pie-graph:before
|
|
content: "\f2a5"
|
|
|
|
.ion-pin:before
|
|
content: "\f2a6"
|
|
|
|
.ion-pinpoint:before
|
|
content: "\f2a7"
|
|
|
|
.ion-pizza:before
|
|
content: "\f2a8"
|
|
|
|
.ion-plane:before
|
|
content: "\f214"
|
|
|
|
.ion-planet:before
|
|
content: "\f343"
|
|
|
|
.ion-play:before
|
|
content: "\f215"
|
|
|
|
.ion-playstation:before
|
|
content: "\f30a"
|
|
|
|
.ion-plus:before
|
|
content: "\f218"
|
|
|
|
.ion-plus-circled:before
|
|
content: "\f216"
|
|
|
|
.ion-plus-round:before
|
|
content: "\f217"
|
|
|
|
.ion-podium:before
|
|
content: "\f344"
|
|
|
|
.ion-pound:before
|
|
content: "\f219"
|
|
|
|
.ion-power:before
|
|
content: "\f2a9"
|
|
|
|
.ion-pricetag:before
|
|
content: "\f2aa"
|
|
|
|
.ion-pricetags:before
|
|
content: "\f2ab"
|
|
|
|
.ion-printer:before
|
|
content: "\f21a"
|
|
|
|
.ion-pull-request:before
|
|
content: "\f345"
|
|
|
|
.ion-qr-scanner:before
|
|
content: "\f346"
|
|
|
|
.ion-quote:before
|
|
content: "\f347"
|
|
|
|
.ion-radio-waves:before
|
|
content: "\f2ac"
|
|
|
|
.ion-record:before
|
|
content: "\f21b"
|
|
|
|
.ion-refresh:before
|
|
content: "\f21c"
|
|
|
|
.ion-reply:before
|
|
content: "\f21e"
|
|
|
|
.ion-reply-all:before
|
|
content: "\f21d"
|
|
|
|
.ion-ribbon-a:before
|
|
content: "\f348"
|
|
|
|
.ion-ribbon-b:before
|
|
content: "\f349"
|
|
|
|
.ion-sad:before
|
|
content: "\f34a"
|
|
|
|
.ion-sad-outline:before
|
|
content: "\f4d7"
|
|
|
|
.ion-scissors:before
|
|
content: "\f34b"
|
|
|
|
.ion-search:before
|
|
content: "\f21f"
|
|
|
|
.ion-settings:before
|
|
content: "\f2ad"
|
|
|
|
.ion-share:before
|
|
content: "\f220"
|
|
|
|
.ion-shuffle:before
|
|
content: "\f221"
|
|
|
|
.ion-skip-backward:before
|
|
content: "\f222"
|
|
|
|
.ion-skip-forward:before
|
|
content: "\f223"
|
|
|
|
.ion-social-android:before
|
|
content: "\f225"
|
|
|
|
.ion-social-android-outline:before
|
|
content: "\f224"
|
|
|
|
.ion-social-angular:before
|
|
content: "\f4d9"
|
|
|
|
.ion-social-angular-outline:before
|
|
content: "\f4d8"
|
|
|
|
.ion-social-apple:before
|
|
content: "\f227"
|
|
|
|
.ion-social-apple-outline:before
|
|
content: "\f226"
|
|
|
|
.ion-social-bitcoin:before
|
|
content: "\f2af"
|
|
|
|
.ion-social-bitcoin-outline:before
|
|
content: "\f2ae"
|
|
|
|
.ion-social-buffer:before
|
|
content: "\f229"
|
|
|
|
.ion-social-buffer-outline:before
|
|
content: "\f228"
|
|
|
|
.ion-social-chrome:before
|
|
content: "\f4db"
|
|
|
|
.ion-social-chrome-outline:before
|
|
content: "\f4da"
|
|
|
|
.ion-social-codepen:before
|
|
content: "\f4dd"
|
|
|
|
.ion-social-codepen-outline:before
|
|
content: "\f4dc"
|
|
|
|
.ion-social-css3:before
|
|
content: "\f4df"
|
|
|
|
.ion-social-css3-outline:before
|
|
content: "\f4de"
|
|
|
|
.ion-social-designernews:before
|
|
content: "\f22b"
|
|
|
|
.ion-social-designernews-outline:before
|
|
content: "\f22a"
|
|
|
|
.ion-social-dribbble:before
|
|
content: "\f22d"
|
|
|
|
.ion-social-dribbble-outline:before
|
|
content: "\f22c"
|
|
|
|
.ion-social-dropbox:before
|
|
content: "\f22f"
|
|
|
|
.ion-social-dropbox-outline:before
|
|
content: "\f22e"
|
|
|
|
.ion-social-euro:before
|
|
content: "\f4e1"
|
|
|
|
.ion-social-euro-outline:before
|
|
content: "\f4e0"
|
|
|
|
.ion-social-facebook:before
|
|
content: "\f231"
|
|
|
|
.ion-social-facebook-outline:before
|
|
content: "\f230"
|
|
|
|
.ion-social-foursquare:before
|
|
content: "\f34d"
|
|
|
|
.ion-social-foursquare-outline:before
|
|
content: "\f34c"
|
|
|
|
.ion-social-freebsd-devil:before
|
|
content: "\f2c4"
|
|
|
|
.ion-social-github:before
|
|
content: "\f233"
|
|
|
|
.ion-social-github-outline:before
|
|
content: "\f232"
|
|
|
|
.ion-social-google:before
|
|
content: "\f34f"
|
|
|
|
.ion-social-google-outline:before
|
|
content: "\f34e"
|
|
|
|
.ion-social-googleplus:before
|
|
content: "\f235"
|
|
|
|
.ion-social-googleplus-outline:before
|
|
content: "\f234"
|
|
|
|
.ion-social-hackernews:before
|
|
content: "\f237"
|
|
|
|
.ion-social-hackernews-outline:before
|
|
content: "\f236"
|
|
|
|
.ion-social-html5:before
|
|
content: "\f4e3"
|
|
|
|
.ion-social-html5-outline:before
|
|
content: "\f4e2"
|
|
|
|
.ion-social-instagram:before
|
|
content: "\f351"
|
|
|
|
.ion-social-instagram-outline:before
|
|
content: "\f350"
|
|
|
|
.ion-social-javascript:before
|
|
content: "\f4e5"
|
|
|
|
.ion-social-javascript-outline:before
|
|
content: "\f4e4"
|
|
|
|
.ion-social-linkedin:before
|
|
content: "\f239"
|
|
|
|
.ion-social-linkedin-outline:before
|
|
content: "\f238"
|
|
|
|
.ion-social-markdown:before
|
|
content: "\f4e6"
|
|
|
|
.ion-social-nodejs:before
|
|
content: "\f4e7"
|
|
|
|
.ion-social-octocat:before
|
|
content: "\f4e8"
|
|
|
|
.ion-social-pinterest:before
|
|
content: "\f2b1"
|
|
|
|
.ion-social-pinterest-outline:before
|
|
content: "\f2b0"
|
|
|
|
.ion-social-python:before
|
|
content: "\f4e9"
|
|
|
|
.ion-social-reddit:before
|
|
content: "\f23b"
|
|
|
|
.ion-social-reddit-outline:before
|
|
content: "\f23a"
|
|
|
|
.ion-social-rss:before
|
|
content: "\f23d"
|
|
|
|
.ion-social-rss-outline:before
|
|
content: "\f23c"
|
|
|
|
.ion-social-sass:before
|
|
content: "\f4ea"
|
|
|
|
.ion-social-skype:before
|
|
content: "\f23f"
|
|
|
|
.ion-social-skype-outline:before
|
|
content: "\f23e"
|
|
|
|
.ion-social-snapchat:before
|
|
content: "\f4ec"
|
|
|
|
.ion-social-snapchat-outline:before
|
|
content: "\f4eb"
|
|
|
|
.ion-social-tumblr:before
|
|
content: "\f241"
|
|
|
|
.ion-social-tumblr-outline:before
|
|
content: "\f240"
|
|
|
|
.ion-social-tux:before
|
|
content: "\f2c5"
|
|
|
|
.ion-social-twitch:before
|
|
content: "\f4ee"
|
|
|
|
.ion-social-twitch-outline:before
|
|
content: "\f4ed"
|
|
|
|
.ion-social-twitter:before
|
|
content: "\f243"
|
|
|
|
.ion-social-twitter-outline:before
|
|
content: "\f242"
|
|
|
|
.ion-social-usd:before
|
|
content: "\f353"
|
|
|
|
.ion-social-usd-outline:before
|
|
content: "\f352"
|
|
|
|
.ion-social-vimeo:before
|
|
content: "\f245"
|
|
|
|
.ion-social-vimeo-outline:before
|
|
content: "\f244"
|
|
|
|
.ion-social-whatsapp:before
|
|
content: "\f4f0"
|
|
|
|
.ion-social-whatsapp-outline:before
|
|
content: "\f4ef"
|
|
|
|
.ion-social-windows:before
|
|
content: "\f247"
|
|
|
|
.ion-social-windows-outline:before
|
|
content: "\f246"
|
|
|
|
.ion-social-wordpress:before
|
|
content: "\f249"
|
|
|
|
.ion-social-wordpress-outline:before
|
|
content: "\f248"
|
|
|
|
.ion-social-yahoo:before
|
|
content: "\f24b"
|
|
|
|
.ion-social-yahoo-outline:before
|
|
content: "\f24a"
|
|
|
|
.ion-social-yen:before
|
|
content: "\f4f2"
|
|
|
|
.ion-social-yen-outline:before
|
|
content: "\f4f1"
|
|
|
|
.ion-social-youtube:before
|
|
content: "\f24d"
|
|
|
|
.ion-social-youtube-outline:before
|
|
content: "\f24c"
|
|
|
|
.ion-soup-can:before
|
|
content: "\f4f4"
|
|
|
|
.ion-soup-can-outline:before
|
|
content: "\f4f3"
|
|
|
|
.ion-speakerphone:before
|
|
content: "\f2b2"
|
|
|
|
.ion-speedometer:before
|
|
content: "\f2b3"
|
|
|
|
.ion-spoon:before
|
|
content: "\f2b4"
|
|
|
|
.ion-star:before
|
|
content: "\f24e"
|
|
|
|
.ion-stats-bars:before
|
|
content: "\f2b5"
|
|
|
|
.ion-steam:before
|
|
content: "\f30b"
|
|
|
|
.ion-stop:before
|
|
content: "\f24f"
|
|
|
|
.ion-thermometer:before
|
|
content: "\f2b6"
|
|
|
|
.ion-thumbsdown:before
|
|
content: "\f250"
|
|
|
|
.ion-thumbsup:before
|
|
content: "\f251"
|
|
|
|
.ion-toggle:before
|
|
content: "\f355"
|
|
|
|
.ion-toggle-filled:before
|
|
content: "\f354"
|
|
|
|
.ion-transgender:before
|
|
content: "\f4f5"
|
|
|
|
.ion-trash-a:before
|
|
content: "\f252"
|
|
|
|
.ion-trash-b:before
|
|
content: "\f253"
|
|
|
|
.ion-trophy:before
|
|
content: "\f356"
|
|
|
|
.ion-tshirt:before
|
|
content: "\f4f7"
|
|
|
|
.ion-tshirt-outline:before
|
|
content: "\f4f6"
|
|
|
|
.ion-umbrella:before
|
|
content: "\f2b7"
|
|
|
|
.ion-university:before
|
|
content: "\f357"
|
|
|
|
.ion-unlocked:before
|
|
content: "\f254"
|
|
|
|
.ion-upload:before
|
|
content: "\f255"
|
|
|
|
.ion-usb:before
|
|
content: "\f2b8"
|
|
|
|
.ion-videocamera:before
|
|
content: "\f256"
|
|
|
|
.ion-volume-high:before
|
|
content: "\f257"
|
|
|
|
.ion-volume-low:before
|
|
content: "\f258"
|
|
|
|
.ion-volume-medium:before
|
|
content: "\f259"
|
|
|
|
.ion-volume-mute:before
|
|
content: "\f25a"
|
|
|
|
.ion-wand:before
|
|
content: "\f358"
|
|
|
|
.ion-waterdrop:before
|
|
content: "\f25b"
|
|
|
|
.ion-wifi:before
|
|
content: "\f25c"
|
|
|
|
.ion-wineglass:before
|
|
content: "\f2b9"
|
|
|
|
.ion-woman:before
|
|
content: "\f25d"
|
|
|
|
.ion-wrench:before
|
|
content: "\f2ba"
|
|
|
|
.ion-xbox:before
|
|
content: "\f30c"
|
|
|
|
.step__item.active
|
|
.step__icon
|
|
background-color: $color_12
|
|
|
|
~
|
|
&.step__divider
|
|
background-color: $color_12
|
|
|
|
&.step__item .step__icon
|
|
background-color: $color_12 |