core/templates/components/common-layout-directives/common-elements/sharing-links.component.css - develop - githubmirror/oppia

core/templates/components/common-layout-directives/common-elements/sharing-links.component.css

117 строк2 KB

Guilherme Coelho

Fix part of #25941: Clean up legacy embedded <style> tags from HTML templates removing inconsistency first 20 files (#26326)

11 июн 2026, 21:55

Не верифицирован

11 июн 2026, 21:550245a9e

.oppia-sharing-links {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 0;
}

.oppia-sharing-links .padding-0-2 {
  padding: 0 0.125rem;
}

.oppia-sharing-links.font-big {
  height: 2rem;
  width: 100%;
}

.oppia-sharing-links.font-small {
  height: 2rem;
  width: 60%;
}

.oppia-sharing-links a {
  text-decoration: none;
}

.oppia-sharing-links .embed-link {
  background-color: #009688;
  border-radius: 0.1875rem;
  color: white;
  margin: 0;
  text-align: center;
}

.oppia-sharing-links .embed-link.font-big {
  font-size: 1.4rem;
  height: 1.8rem;
  padding-top: 0.2rem;
  width: 1.8rem;
}

.oppia-sharing-links .embed-link.font-small {
  font-size: 1.6rem;
  height: 1.9rem;
  width: 2.2rem;
}

.oppia-sharing-links .share-option-img {
  border-radius: 0.2rem;
  margin: 0 0 2px 0;
  max-width: 2rem;
}

.oppia-sharing-links a:focus .share-option-img,
.oppia-sharing-links a:focus .embed-link {
  outline: 0.0625rem dotted #212121;
  outline: auto 0.3125rem -webkit-focus-ring-color;
}

div.oppia-sharing-links i.oppia-share-icons .font-big {
  font-size: 2rem;
}

div.oppia-sharing-links i.oppia-share-icons .font-small {
  font-size: 1.125rem;
}

i.oppia-share-icons.fab.fa-facebook-square {
  color: #3b5998;
  font-size: 2.01rem;
}

i.oppia-share-icons.fa-brands.fa-square-x-twitter {
  color: #000;
  font-size: 2.01rem;
}

i.oppia-share-icons.fab.fa-chalkboard-teacher {
  color: #50a15f;
}

i.oppia-share-icons.font-big {
  font-size: 2.01rem;
  margin-top: 0.004375rem;
}

i.oppia-share-icons.font-small {
  font-size: 1.125rem;
}
i.material-icons.embed-link.share-icons.embed-icon {
  font-size: 1.8rem;
  height: 1.75rem;
  margin-bottom: 0.2em;
  width: 1.8rem;
}
.oppia-sharing-links .share-option-img.font-big {
  height: 1.79rem;
  margin-top: 0.02rem;
  width: 1.8rem;
}
.post-publish-modal-sharing-links .classroom-icon {
  margin-top: -5px;
}
.post-publish-modal-sharing-links .embed-button-icon {
  margin-top: -3px;
}
i.fab.fa-facebook-square.blog-post-sharing-link-icon {
  font-size: 30px;
  margin-right: 5px;
}
i.fab.fa-twitter-square.blog-post-sharing-link-icon {
  font-size: 30px;
  margin-right: 5px;
}
i.fab.fa-linkedin.blog-post-sharing-link-icon {
  font-size: 30px;
  margin-right: 5px;
}