Y-SLD/assets/playkit/examples/css/pages/search.css

94 lines
6.4 KiB
CSS

.s__form-wrap {
padding: 2rem 1.5rem;
border: 1px solid #eceeef;
border-radius: 0.25rem;
margin-bottom: 2rem; }
@media (min-width: 576px) {
.s__form-wrap {
padding: 2.5rem 2rem; } }
@media (min-width: 768px) {
.s__form-wrap {
padding: 3.5rem; } }
.s__form-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.s__form-inner .s__form-input-group {
margin-bottom: 24px; }
.s__form-inner .s__form-field,
.s__form-inner .s__form-cats-btn,
.s__form-inner .s__form-submit-btn {
box-shadow: none;
outline: none; }
.s__form-inner .s__form-cats-btn {
color: #818a91; }
.s__form-inner .s__form-submit-btn,
.s__form-inner .s__form-input-group {
height: 3.5rem; }
@media (min-width: 576px) {
.s__form-inner {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; }
.s__form-inner .s__form-input-group {
margin-right: 2rem;
margin-bottom: 0; }
.s__form-inner .s__form-submit-btn {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
width: 25%; } }
@media (min-width: 768px) {
.s__form-inner {
height: 4rem; }
.s__form-inner .s__form-submit-btn,
.s__form-inner .s__form-input-group {
height: 4rem; }
.s__form-inner .s__form-submit-btn {
-webkit-box-flex: 0;
-ms-flex: 0 0 18%;
flex: 0 0 18%;
width: 18%; } }
.s__type-wrap {
border: 1px solid #eceeef;
border-radius: 0.25rem;
margin-bottom: 2rem;
margin-right: auto;
margin-left: auto; }
.s__type-wrap ul {
padding: 0;
margin: 0;
list-style-type: none; }
@media (min-width: 768px) {
.s__type-wrap {
width: 80%; } }
@media (min-width: 992px) {
.s__type-wrap {
width: 60%; } }
.s__type-list li {
margin-bottom: -2px; }
.s__type-list a {
display: block;
font-weight: 400;
letter-spacing: 1px;
padding: 1.5rem .5rem;
font-size: 1rem;
text-transform: uppercase;
border-bottom: 2px solid transparent; }
.s__type-list a:hover,
.s__type-list a:focus,
.s__type-list li.active a {
border-bottom-color: #60c84c; }
/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNlYXJjaC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDRSxxQkFBcUI7RUFDckIsMEJBQTBCO0VBQzFCLHVCQUF1QjtFQUN2QixvQkFBb0IsRUFBRTtFQUN0QjtJQUNFO01BQ0UscUJBQXFCLEVBQUUsRUFBRTtFQUM3QjtJQUNFO01BQ0UsZ0JBQWdCLEVBQUUsRUFBRTs7QUFFMUI7RUFDRSxxQkFBYztFQUFkLHFCQUFjO0VBQWQsY0FBYztFQUNkLDZCQUF1QjtFQUF2Qiw4QkFBdUI7TUFBdkIsMkJBQXVCO1VBQXZCLHVCQUF1QixFQUFFO0VBQ3pCO0lBQ0Usb0JBQW9CLEVBQUU7RUFDeEI7OztJQUdFLGlCQUFpQjtJQUNqQixjQUFjLEVBQUU7RUFDbEI7SUFDRSxlQUFlLEVBQUU7RUFDbkI7O0lBRUUsZUFBZSxFQUFFO0VBQ25CO0lBQ0U7TUFDRSwrQkFBb0I7TUFBcEIsOEJBQW9CO1VBQXBCLHdCQUFvQjtjQUFwQixvQkFBb0IsRUFBRTtNQUN0QjtRQUNFLG1CQUFtQjtRQUNuQixpQkFBaUIsRUFBRTtNQUNyQjtRQUNFLG9CQUFjO1lBQWQsa0JBQWM7Z0JBQWQsY0FBYztRQUNkLFdBQVcsRUFBRSxFQUFFO0VBQ3JCO0lBQ0U7TUFDRSxhQUFhLEVBQUU7TUFDZjs7UUFFRSxhQUFhLEVBQUU7TUFDakI7UUFDRSxvQkFBYztZQUFkLGtCQUFjO2dCQUFkLGNBQWM7UUFDZCxXQUFXLEVBQUUsRUFBRTs7QUFFdkI7RUFDRSwwQkFBMEI7RUFDMUIsdUJBQXVCO0VBQ3ZCLG9CQUFvQjtFQUNwQixtQkFBbUI7RUFDbkIsa0JBQWtCLEVBQUU7RUFDcEI7SUFDRSxXQUFXO0lBQ1gsVUFBVTtJQUNWLHNCQUFzQixFQUFFO0VBQzFCO0lBQ0U7TUFDRSxXQUFXLEVBQUUsRUFBRTtFQUNuQjtJQUNFO01BQ0UsV0FBVyxFQUFFLEVBQUU7O0FBRXJCO0VBQ0Usb0JBQW9CLEVBQUU7O0FBRXhCO0VBQ0UsZUFBZTtFQUNmLGlCQUFpQjtFQUNqQixvQkFBb0I7RUFDcEIsc0JBQXNCO0VBQ3RCLGdCQUFnQjtFQUNoQiwwQkFBMEI7RUFDMUIscUNBQXFDLEVBQUU7O0FBRXpDOzs7RUFHRSw2QkFBNkIsRUFBRSIsImZpbGUiOiJwYWdlcy9zZWFyY2guY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLnNfX2Zvcm0td3JhcCB7XG4gIHBhZGRpbmc6IDJyZW0gMS41cmVtO1xuICBib3JkZXI6IDFweCBzb2xpZCAjZWNlZWVmO1xuICBib3JkZXItcmFkaXVzOiAwLjI1cmVtO1xuICBtYXJnaW4tYm90dG9tOiAycmVtOyB9XG4gIEBtZWRpYSAobWluLXdpZHRoOiA1NzZweCkge1xuICAgIC5zX19mb3JtLXdyYXAge1xuICAgICAgcGFkZGluZzogMi41cmVtIDJyZW07IH0gfVxuICBAbWVkaWEgKG1pbi13aWR0aDogNzY4cHgpIHtcbiAgICAuc19fZm9ybS13cmFwIHtcbiAgICAgIHBhZGRpbmc6IDMuNXJlbTsgfSB9XG5cbi5zX19mb3JtLWlubmVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsgfVxuICAuc19fZm9ybS1pbm5lciAuc19fZm9ybS1pbnB1dC1ncm91cCB7XG4gICAgbWFyZ2luLWJvdHRvbTogMjRweDsgfVxuICAuc19fZm9ybS1pbm5lciAuc19fZm9ybS1maWVsZCxcbiAgLnNfX2Zvcm0taW5uZXIgLnNfX2Zvcm0tY2F0cy1idG4sXG4gIC5zX19mb3JtLWlubmVyIC5zX19mb3JtLXN1Ym1pdC1idG4ge1xuICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgb3V0bGluZTogbm9uZTsgfVxuICAuc19fZm9ybS1pbm5lciAuc19fZm9ybS1jYXRzLWJ0biB7XG4gICAgY29sb3I6ICM4MThhOTE7IH1cbiAgLnNfX2Zvcm0taW5uZXIgLnNfX2Zvcm0tc3VibWl0LWJ0bixcbiAgLnNfX2Zvcm0taW5uZXIgLnNfX2Zvcm0taW5wdXQtZ3JvdXAge1xuICAgIGhlaWdodDogMy41cmVtOyB9XG4gIEBtZWRpYSAobWluLXdpZHRoOiA1NzZweCkge1xuICAgIC5zX19mb3JtLWlubmVyIHtcbiAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7IH1cbiAgICAgIC5zX19mb3JtLWlubmVyIC5zX19mb3JtLWlucHV0LWdyb3VwIHtcbiAgICAgICAgbWFyZ2luLXJpZ2h0OiAycmVtO1xuICAgICAgICBtYXJnaW4tYm90dG9tOiAwOyB9XG4gICAgICAuc19fZm9ybS1pbm5lciAuc19fZm9ybS1zdWJtaXQtYnRuIHtcbiAgICAgICAgZmxleDogMCAwIDI1JTtcbiAgICAgICAgd2lkdGg6IDI1JTsgfSB9XG4gIEBtZWRpYSAobWluLXdpZHRoOiA3NjhweCkge1xuICAgIC5zX19mb3JtLWlubmVyIHtcbiAgICAgIGhlaWdodDogNHJlbTsgfVxuICAgICAgLnNfX2Zvcm0taW5uZXIgLnNfX2Zvcm0tc3VibWl0LWJ0bixcbiAgICAgIC5zX19mb3JtLWlubmVyIC5zX19mb3JtLWlucHV0LWdyb3VwIHtcbiAgICAgICAgaGVpZ2h0OiA0cmVtOyB9XG4gICAgICAuc19fZm9ybS1pbm5lciAuc19fZm9ybS1zdWJtaXQtYnRuIHtcbiAgICAgICAgZmxleDogMCAwIDE4JTtcbiAgICAgICAgd2lkdGg6IDE4JTsgfSB9XG5cbi5zX190eXBlLXdyYXAge1xuICBib3JkZXI6IDFweCBzb2xpZCAjZWNlZWVmO1xuICBib3JkZXItcmFkaXVzOiAwLjI1cmVtO1xuICBtYXJnaW4tYm90dG9tOiAycmVtO1xuICBtYXJnaW4tcmlnaHQ6IGF1dG87XG4gIG1hcmdpbi1sZWZ0OiBhdXRvOyB9XG4gIC5zX190eXBlLXdyYXAgdWwge1xuICAgIHBhZGRpbmc6IDA7XG4gICAgbWFyZ2luOiAwO1xuICAgIGxpc3Qtc3R5bGUtdHlwZTogbm9uZTsgfVxuICBAbWVkaWEgKG1pbi13aWR0aDogNzY4cHgpIHtcbiAgICAuc19fdHlwZS13cmFwIHtcbiAgICAgIHdpZHRoOiA4MCU7IH0gfVxuICBAbWVkaWEgKG1pbi13aWR0aDogOTkycHgpIHtcbiAgICAuc19fdHlwZS13cmFwIHtcbiAgICAgIHdpZHRoOiA2MCU7IH0gfVxuXG4uc19fdHlwZS1saXN0IGxpIHtcbiAgbWFyZ2luLWJvdHRvbTogLTJweDsgfVxuXG4uc19fdHlwZS1saXN0IGEge1xuICBkaXNwbGF5OiBibG9jaztcbiAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgbGV0dGVyLXNwYWNpbmc6IDFweDtcbiAgcGFkZGluZzogMS41cmVtIC41cmVtO1xuICBmb250LXNpemU6IDFyZW07XG4gIHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7XG4gIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCB0cmFuc3BhcmVudDsgfVxuXG4uc19fdHlwZS1saXN0IGE6aG92ZXIsXG4uc19fdHlwZS1saXN0IGE6Zm9jdXMsXG4uc19fdHlwZS1saXN0IGxpLmFjdGl2ZSBhIHtcbiAgYm9yZGVyLWJvdHRvbS1jb2xvcjogIzYwYzg0YzsgfVxuIl19 */