Changeset 10272 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-learn-2020/css/vendor/_legacy-styles.scss
- Timestamp:
- 09/16/2020 10:07:05 PM (5 years ago)
- File:
-
- 1 edited
Legend:
- Unmodified
- Added
- Removed
-
sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-learn-2020/css/vendor/_legacy-styles.scss
r10231 r10272 4446 4446 } 4447 4447 4448 4449 /*--------------------------------------------------------------4450 ## Filter Component4451 --------------------------------------------------------------*/4452 .wp-filter {4453 display: inline-block;4454 position: relative;4455 box-sizing: border-box;4456 margin: 20px 0 25px;4457 padding: 0 20px;4458 width: 100%;4459 box-shadow: 0 1px 1px rgba(0,0,0,.04);4460 border: 1px solid #e5e5e5;4461 background: #fff;4462 color: #555;4463 font-size: 13px4464 }4465 4466 .wp-filter a {4467 text-decoration: none4468 }4469 4470 .filter-count {4471 display: inline-block;4472 vertical-align: middle;4473 min-width: 4.3em4474 }4475 4476 .filter-count .count,.title-count {4477 display: inline-block;4478 position: relative;4479 top: -1px;4480 padding: 4px 10px;4481 border-radius: 30px;4482 background: #777;4483 color: #fff;4484 font-size: 14px;4485 font-weight: 6004486 }4487 4488 .title-count {4489 display: inline;4490 top: -3px;4491 margin-left: 5px;4492 margin-right: 20px4493 }4494 4495 .filter-links {4496 padding: 04497 }4498 4499 .filter-links,.filter-links li {4500 display: inline-block;4501 margin: 04502 }4503 4504 .filter-links li>a {4505 display: inline-block;4506 margin: 0 10px;4507 padding: 15px 0;4508 border-bottom: 4px solid #fff;4509 color: #666;4510 cursor: pointer4511 }4512 4513 .filter-links .current {4514 box-shadow: none;4515 border-bottom: 4px solid #666;4516 color: #2224517 }4518 4519 .filter-links li>a:focus,.filter-links li>a:hover,.show-filters .filter-links a.current:focus,.show-filters .filter-links a.current:hover {4520 color: #2ea2cc4521 }4522 4523 .wp-filter .search-form {4524 float: right;4525 margin: 10px 0;4526 display: inline-block4527 }4528 4529 .wp-filter .wp-filter-search {4530 margin: 0;4531 padding: 3px 5px;4532 width: 270px;4533 font-size: 16px;4534 font-weight: 300;4535 line-height: 1.54536 }4537 4538 .wp-filter .search-form select {4539 height: 33px;4540 vertical-align: top4541 }4542 4543 .wp-filter .drawer-toggle {4544 display: inline-block;4545 margin: 0 10px;4546 padding: 4px 6px;4547 color: #666;4548 cursor: pointer4549 }4550 4551 .wp-filter .drawer-toggle:before {4552 display: inline-block;4553 vertical-align: sub;4554 content: "\f111";4555 margin: 0 5px 0 0;4556 width: 16px;4557 height: 16px;4558 color: #777;4559 transition: color .1s ease-in;4560 font-family: dashicons;4561 font-size: 16px;4562 line-height: 1;4563 text-align: center;4564 text-decoration: inherit;4565 font-weight: 400;4566 font-style: normal;4567 -webkit-font-smoothing: antialiased4568 }4569 4570 .wp-filter .drawer-toggle:hover,.wp-filter .drawer-toggle:hover:before {4571 color: #2ea2cc4572 }4573 4574 .wp-filter .drawer-toggle.current:before {4575 color: #fff4576 }4577 4578 .filter-drawer {4579 display: none;4580 margin: 0 -20px;4581 padding: 20px;4582 border-top: 1px solid #eee;4583 background: #fafafa4584 }4585 4586 @media only screen and (max-width: 480px) {4587 .filter-drawer {4588 margin:0 -10px4589 }4590 }4591 4592 .show-filters .filter-drawer {4593 display: block;4594 overflow: hidden4595 }4596 4597 .show-filters .wp-filter .drawer-toggle:focus,.show-filters .wp-filter .drawer-toggle:hover {4598 background: #2ea2cc4599 }4600 4601 .show-filters .filter-links a.current {4602 border-bottom: none4603 }4604 4605 .show-filters .wp-filter .drawer-toggle {4606 border-radius: 2px;4607 border: none;4608 background: #777;4609 color: #fff4610 }4611 4612 .show-filters .wp-filter .drawer-toggle:before {4613 color: #fff4614 }4615 4616 .filter-group {4617 background: #fff;4618 border: 1px solid #e5e5e5;4619 box-sizing: border-box;4620 float: left;4621 margin: 0 1% 0 0;4622 padding: 10px;4623 width: calc(100% / 4 - 7px);4624 box-shadow: 0 1px 1px rgba(0,0,0,.04)4625 }4626 4627 .filter-group:last-of-type {4628 margin-right: 04629 }4630 4631 .filter-group.wide {4632 width: 38%4633 }4634 4635 .filter-group h4 {4636 font-size: 14px;4637 position: relative;4638 margin: 04639 }4640 4641 .filter-drawer ol {4642 list-style-type: none;4643 font-size: 12px;4644 margin: 20px 0 0;4645 padding: 04646 }4647 4648 .filter-drawer li {4649 display: inline-block;4650 list-style-type: none;4651 margin: 5px 0;4652 padding-right: 25px;4653 width: 100%4654 }4655 4656 .filter-drawer .buttons {4657 margin-bottom: 20px4658 }4659 4660 .filter-drawer .buttons .button span {4661 display: inline-block;4662 opacity: .8;4663 font-size: 12px;4664 text-indent: 10px4665 }4666 4667 .wp-filter .button.clear-filters {4668 display: none;4669 margin: 0 0 0 10px4670 }4671 4672 .filtered-by {4673 display: none;4674 margin: 04675 }4676 4677 .filtered-by>span {4678 font-weight: 6004679 }4680 4681 .filtered-by a {4682 margin-left: 10px4683 }4684 4685 .filtered-by .tags {4686 display: inline4687 }4688 4689 .filtered-by .tag {4690 background: #fff;4691 border: 1px solid #e5e5e5;4692 box-shadow: 0 1px 1px rgba(0,0,0,.04);4693 display: inline-block;4694 font-size: 11px;4695 margin: 2px 5px;4696 padding: 1px 8px4697 }4698 4699 .filters-applied .filter-drawer .buttons,.filters-applied .filter-drawer br,.filters-applied .filter-group {4700 display: none!important4701 }4702 4703 .filters-applied .filtered-by {4704 display: block4705 }4706 4707 .error .content-filterable,.loading-content .content-filterable,.show-filters .content-filterable,.show-filters.filters-applied.loading-content .content-filterable {4708 display: none4709 }4710 4711 .show-filters.filters-applied .content-filterable {4712 display: block4713 }4714 4715 .wp-filter-search {4716 border: 1px solid #ddd;4717 box-shadow: inset 0 1px 2px rgba(0,0,0,.07);4718 background-color: #fff;4719 color: #333;4720 outline: none;4721 transition: border-color .05s ease-in-out;4722 border-radius: 0;4723 margin: 0;4724 padding: 3px 5px;4725 width: 280px;4726 font-size: 16px;4727 font-weight: 300;4728 line-height: 1.54729 }4730 4731 4448 .directory-navigation { 4732 4449 background: #dfdfdf
Note: See TracChangeset
for help on using the changeset viewer.