File size: 1,930 Bytes
25ec032 8122c36 8a554f1 1923a66 ed7c546 3ad221e ed7c546 8a554f1 7fac605 1923a66 a174130 8a554f1 25ec032 a174130 e09eecc 25ec032 8a554f1 25ec032 e09eecc 1923a66 1337c0d 1923a66 1337c0d 1923a66 1337c0d 7fac605 8a554f1 25ec032 e09eecc 25ec032 8a554f1 1923a66 8a554f1 3a2c734 8a554f1 1923a66 8a554f1 6f9d983 1923a66 8a554f1 1337c0d 7b0a7ff 1337c0d 25ec032 1de5288 25ec032 1de5288 e09eecc 1de5288 8a554f1 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 |
@import "./base";
@import "../../src/driver";
img.emoji {
height: 1em;
width: 1em;
margin: 0 .05em 0 .1em;
vertical-align: -0.1em;
}
.brand {
position: relative;
img {
height: 67px;
position: relative;
top: 10px;
}
}
.page-wrap {
max-width: 550px;
margin: 50px auto;
background: white;
padding: 10px 30px;
border-radius: 5px;
color: #1f1f1f;
a, a:visited, a:focus {
color: #1f1f1f;
text-decoration: underline;
}
a.btn__dark {
text-decoration: none;
color: #FFFFFF;
background-color: #F44336;
padding: 0 18px;
height: 40px;
line-height: 40px;
border-radius: 8px;
cursor: pointer;
transition: background-color 0.2s, color 0.2s;
font-weight: 500;
width: 195px;
font-size: 17px;
display: inline-block;
margin-top: 2px;
}
a.btn__run-demo {
text-decoration: none;
background: #f54336;
padding: 5px;
border-radius: 20px;
color: white;
display: block;
margin: 15px 0 10px;
text-align: center;
}
}
section {
margin-bottom: $global-guttering*1.25;
}
.section__header {
margin: 10px 0 20px;
text-align: center;
display: block;
padding: 10px;
h1 {
font-size: 55px;
.emoji {
font-size: 45px;
top: -4px;
margin-right: 3px;
position: relative;
}
}
.tagline {
max-width: 450px;
margin: 0 auto 25px;
text-align: center;
}
}
.section__examples {
.section__example {
margin-bottom: 20px;
}
#creation-input {
margin-top: 20px;
}
input {
padding: 10px;
background-color: #fafbfc;
border: 3px solid #e1e4e8;
border-radius: 3px;
box-shadow: inset 0 0 10px rgba(27, 31, 35, 0.05);
margin-bottom: 0;
margin-top: 7px;
}
}
.position-btns a {
text-decoration: none;
font-size: 13px;
padding: 10px 15px;
background: #f54336;
color: white !important;
border-radius: 6px;
} |