Spaces:
Running
Running
File size: 2,007 Bytes
5b4fd78 4bd86de 5b4fd78 6556bb5 5b4fd78 4bd86de 5b4fd78 4bd86de |
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 |
@import (less) "bower_components/normalize.css/normalize.css";
@import "mixins/bfc.less";
@import "mixins/clearfix.less";
@import "mixins/size.less";
@import "mixins/user-select.less";
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
}
code, pre {
background-color: rgba(0,0,0,0.04);
border-radius: 3px;
padding: 2px 6px;
font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
font-size: 12px;
color: #2f2f2f;
}
.header {
padding: 18px 18px;
.input-wrapper {
background: #c5c5c5;
padding: 0.5rem 1rem;
margin: 0 0.75rem 0.75rem 0;
border-color: #181818;
border-radius: .5rem;
width: 76%;
.wrapper-inner {
width: 100%;
position: relative;
.clearfix();
.input-message-wrapper {
position: absolute;
left: 0;
right: 50px;
}
input.input-message {
outline: none;
border: none;
padding: 0;
background-color: transparent;
font-size: 20px;
line-height: 28px;
width: 100%;
}
button.input-button {
float: right;
outline: none;
border: none;
}
}
}
}
.container {
font-size: 20px;
overflow-x: auto;
white-space: nowrap;
padding: 180px 40px;
}
/**
* Elements from Displacy
*/
.c-input__icon {
margin-left: 0.75em
}
.c-input__button {
font-size: inherit;
background: transparent;
color: inherit;
cursor: pointer
}
.c-input__button.c-input__button--large {
font-size: 1.5em
}
.c-input__button__icon {
width: 1.25em;
height: 1.25em
}
.loading .c-input__button__icon {
display: none
}
.c-input__button__spinner {
// width: 1.15em;
// height: 1.15em;
display: none;
-webkit-animation: spinner 0.5s linear infinite;
animation: spinner 0.5s linear infinite
}
.loading .c-input__button__spinner {
display: inline-block
}
@-webkit-keyframes spinner {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes spinner {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
|