@import “syntax”;

$github: #333333; $twitter: #1da1f2; $facebook: #3b5998; $google: dd4b39; $pinterest: bd081c;

body {

display: flex;
min-height: 100vh;
flex-direction: column;
margin-top: 52px;

}

app {

flex: 1 0 auto;

}

.media-content {

overflow: hidden;

}

.text-github, a.navbar-item.text-github:hover {

color: $github;

}

.text-twitter, a.navbar-item.text-twitter:hover {

color: $twitter;

}

.text-facebook, a.navbar-item.text-facebook:hover {

color: $facebook;

}

.is-github {

background-color: $github;

}

.is-twitter {

background-color: $twitter;

}

.is-facebook {

background-color: $facebook;

}

.is-google {

background-color: $google;

}

.is-pinterest {

background-color: $pinterest;

}

.button {

&.is-github,
&.is-twitter,
&.is-facebook,
&.is-google,
&.is-pinterest {
  border-color: transparent;
  color: white;
}

}

.task-list-item-checkbox {

margin-right: 5px;

}

.task-list-item {

list-style: none;

}

// .content { // h1::before { // content: “#”; // @extend %header-hashtag; // } // h2::before { // content: “##”; // @extend %header-hashtag; // } // h3::before { // content: “###”; // @extend %header-hashtag; // } // h4::before { // content: “####”; // @extend %header-hashtag; // } // h5::before { // content: “#####”; // @extend %header-hashtag; // } // h6::before { // content: “######”; // @extend %header-hashtag; // } // }

.message-body .media {

img.avatar {
  height: 80px;
  width: 80px;
  border-radius: 50%;
}
blockquote {
  background-color: transparent;
  border-left: none;
  padding: 0 1.5em 0.5em;
  color: grey;
  font-size: 1.2rem;
  &::before {
    content: "\2014\2014\2014";
  }
}
a:not(.button):not(.tag) {
  text-decoration: none;
}

}

.bd-special-shadow {

background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(transparent));
background-image: linear-gradient(rgba(0, 0, 0, 0.1), transparent);
height: 8px;
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 100%;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: center top;
transform-origin: center top;

}

@media screen and (max-width: 1023px) {

.bd-is-clipped-touch {
  overflow: hidden !important;
}

}

shadowed {

position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 10;
background-color: rgba(0, 0, 0, .5);

}