Making WordPress.org


Ignore:
Timestamp:
09/16/2020 10:07:05 PM (5 years ago)
Author:
coreymckrill
Message:

WordPress.org Learn: Sync with GitHub

https://github.com/WordPress/learn/compare/41d65294a2e67cf35a5b799d179f2e6f53b58b48...fb8968a2cbd50fc4c1a8764586731e903577d3f3

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  
    44464446}
    44474447
    4448 
    4449 /*--------------------------------------------------------------
    4450 ## Filter Component
    4451 --------------------------------------------------------------*/
    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: 13px
    4464 }
    4465 
    4466 .wp-filter a {
    4467     text-decoration: none
    4468 }
    4469 
    4470 .filter-count {
    4471     display: inline-block;
    4472     vertical-align: middle;
    4473     min-width: 4.3em
    4474 }
    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: 600
    4486 }
    4487 
    4488 .title-count {
    4489     display: inline;
    4490     top: -3px;
    4491     margin-left: 5px;
    4492     margin-right: 20px
    4493 }
    4494 
    4495 .filter-links {
    4496     padding: 0
    4497 }
    4498 
    4499 .filter-links,.filter-links li {
    4500     display: inline-block;
    4501     margin: 0
    4502 }
    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: pointer
    4511 }
    4512 
    4513 .filter-links .current {
    4514     box-shadow: none;
    4515     border-bottom: 4px solid #666;
    4516     color: #222
    4517 }
    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: #2ea2cc
    4521 }
    4522 
    4523 .wp-filter .search-form {
    4524     float: right;
    4525     margin: 10px 0;
    4526     display: inline-block
    4527 }
    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.5
    4536 }
    4537 
    4538 .wp-filter .search-form select {
    4539     height: 33px;
    4540     vertical-align: top
    4541 }
    4542 
    4543 .wp-filter .drawer-toggle {
    4544     display: inline-block;
    4545     margin: 0 10px;
    4546     padding: 4px 6px;
    4547     color: #666;
    4548     cursor: pointer
    4549 }
    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: antialiased
    4568 }
    4569 
    4570 .wp-filter .drawer-toggle:hover,.wp-filter .drawer-toggle:hover:before {
    4571     color: #2ea2cc
    4572 }
    4573 
    4574 .wp-filter .drawer-toggle.current:before {
    4575     color: #fff
    4576 }
    4577 
    4578 .filter-drawer {
    4579     display: none;
    4580     margin: 0 -20px;
    4581     padding: 20px;
    4582     border-top: 1px solid #eee;
    4583     background: #fafafa
    4584 }
    4585 
    4586 @media only screen and (max-width: 480px) {
    4587     .filter-drawer {
    4588         margin:0 -10px
    4589     }
    4590 }
    4591 
    4592 .show-filters .filter-drawer {
    4593     display: block;
    4594     overflow: hidden
    4595 }
    4596 
    4597 .show-filters .wp-filter .drawer-toggle:focus,.show-filters .wp-filter .drawer-toggle:hover {
    4598     background: #2ea2cc
    4599 }
    4600 
    4601 .show-filters .filter-links a.current {
    4602     border-bottom: none
    4603 }
    4604 
    4605 .show-filters .wp-filter .drawer-toggle {
    4606     border-radius: 2px;
    4607     border: none;
    4608     background: #777;
    4609     color: #fff
    4610 }
    4611 
    4612 .show-filters .wp-filter .drawer-toggle:before {
    4613     color: #fff
    4614 }
    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: 0
    4629 }
    4630 
    4631 .filter-group.wide {
    4632     width: 38%
    4633 }
    4634 
    4635 .filter-group h4 {
    4636     font-size: 14px;
    4637     position: relative;
    4638     margin: 0
    4639 }
    4640 
    4641 .filter-drawer ol {
    4642     list-style-type: none;
    4643     font-size: 12px;
    4644     margin: 20px 0 0;
    4645     padding: 0
    4646 }
    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: 20px
    4658 }
    4659 
    4660 .filter-drawer .buttons .button span {
    4661     display: inline-block;
    4662     opacity: .8;
    4663     font-size: 12px;
    4664     text-indent: 10px
    4665 }
    4666 
    4667 .wp-filter .button.clear-filters {
    4668     display: none;
    4669     margin: 0 0 0 10px
    4670 }
    4671 
    4672 .filtered-by {
    4673     display: none;
    4674     margin: 0
    4675 }
    4676 
    4677 .filtered-by>span {
    4678     font-weight: 600
    4679 }
    4680 
    4681 .filtered-by a {
    4682     margin-left: 10px
    4683 }
    4684 
    4685 .filtered-by .tags {
    4686     display: inline
    4687 }
    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 8px
    4697 }
    4698 
    4699 .filters-applied .filter-drawer .buttons,.filters-applied .filter-drawer br,.filters-applied .filter-group {
    4700     display: none!important
    4701 }
    4702 
    4703 .filters-applied .filtered-by {
    4704     display: block
    4705 }
    4706 
    4707 .error .content-filterable,.loading-content .content-filterable,.show-filters .content-filterable,.show-filters.filters-applied.loading-content .content-filterable {
    4708     display: none
    4709 }
    4710 
    4711 .show-filters.filters-applied .content-filterable {
    4712     display: block
    4713 }
    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.5
    4729 }
    4730 
    47314448.directory-navigation {
    47324449    background: #dfdfdf
Note: See TracChangeset for help on using the changeset viewer.