File size: 1,724 Bytes
25ec032 8122c36 8a554f1 1923a66 8a554f1 1923a66 8a554f1 25ec032 e09eecc 25ec032 8a554f1 25ec032 e09eecc 1923a66 8a554f1 25ec032 e09eecc 25ec032 8a554f1 1923a66 8a554f1 1923a66 8a554f1 1923a66 8a554f1 6f9d983 1923a66 8a554f1 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 |
@import "./base";
@import "../../src/driver";
img.emoji {
height: 1em;
width: 1em;
margin: 0 .05em 0 .1em;
vertical-align: -0.1em;
}
.page-wrap {
width: 500px;
margin: 50px auto;
background: white;
padding: 10px 30px;
border-radius: 5px;
color: #333333;
a, a:visited, a:focus {
color: #333333;
text-decoration: underline;
}
a.btn__dark {
text-decoration: none;
color: #FFFFFF;
background-color: #F44336;
padding: 0 18px;
height: 40px;
line-height: 40px;
border-radius: 20px;
cursor: pointer;
transition: background-color 0.2s, color 0.2s;
font-weight: 500;
width: 240px;
font-size: 17px;
margin: auto;
display: block;
}
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 30px;
text-align: center;
display: block;
padding: 10px;
h1 {
font-size: 55px;
.emoji {
font-size: 45px;
top: -4px;
margin-right: 3px;
position: relative;
}
}
}
.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;
} |