Skip to content

Instantly share code, notes, and snippets.

@garrettmac
Created July 4, 2017 04:52
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save garrettmac/82aa425690342e550063f70de2e4b5e8 to your computer and use it in GitHub Desktop.
Save garrettmac/82aa425690342e550063f70de2e4b5e8 to your computer and use it in GitHub Desktop.
style.css
@media screen, projection {
*, ::before, ::after {
box-sizing: inherit;
}
}
@media screen, projection {
ul:not(.browser-default) {
padding-left: 0px;
list-style-type: none;
}
}
@media screen, projection {
.z-depth-1,
nav,
.card-panel,
.card,
.toast,
.btn,
.btn-large,
.btn-floating,
.dropdown-content,
.collapsible,
.side-nav {
box-shadow: rgba(0, 0, 0, 0.14) 0px 2px 2px 0px,
rgba(0, 0, 0, 0.12) 0px 1px 5px 0px,
rgba(0, 0, 0, 0.2) 0px 3px 1px -2px;
}
}
@media screen, projection {
.redditlabs-tabs {
position: relative;
overflow-x: auto;
overflow-y: hidden;
height: 48px;
width: 100%;
background-color: rgb(255, 255, 255);
margin: 0px auto;
white-space: nowrap;
}
}
@media screen, projection {
*, ::before, ::after {
box-sizing: inherit;
}
}
@media screen, projection {
ul:not(.browser-default) li {
list-style-type: none;
}
}
@media screen, projection {
.redditlabs-tabs .redditlab-tab {
display: inline-block;
text-align: center;
line-height: 48px;
height: 48px;
padding: 0px;
margin: 0px;
}
}
@media screen, projection {
a {
background-color: transparent;
}
}
@media screen, projection {
*, ::before, ::after {
box-sizing: inherit;
}
}
@media screen, projection {
a {
color: rgb(3, 155, 229);
text-decoration: none;
-webkit-tap-highlight-color: transparent;
}
}
@media screen, projection {
a {
text-decoration: none;
}
}
@media screen, projection {
.redditlabs-tabs .redditlab-tab a {
color: rgba(238, 110, 115, 0.7);
display: block;
width: 100%;
height: 100%;
padding: 0px 24px;
font-size: 14px;
text-overflow: ellipsis;
overflow: hidden;
transition: color 0.28s ease;
}
}
@media screen, projection {
*, ::before, ::after {
box-sizing: inherit;
}
}
@media screen, projection {
ul:not(.browser-default) li {
list-style-type: none;
}
}
@media screen, projection {
.redditlabs-tabs .redditlab-tab {
display: inline-block;
text-align: center;
line-height: 48px;
height: 48px;
padding: 0px;
margin: 0px;
}
}
@media screen, projection {
a {
background-color: transparent;
}
}
@media screen, projection {
*, ::before, ::after {
box-sizing: inherit;
}
}
@media screen, projection {
a {
color: rgb(3, 155, 229);
text-decoration: none;
-webkit-tap-highlight-color: transparent;
}
}
@media screen, projection {
a {
text-decoration: none;
}
}
@media screen, projection {
.redditlabs-tabs .redditlab-tab a {
color: rgba(238, 110, 115, 0.7);
display: block;
width: 100%;
height: 100%;
padding: 0px 24px;
font-size: 14px;
text-overflow: ellipsis;
overflow: hidden;
transition: color 0.28s ease;
}
}
@media screen, projection {
.redditlabs-tabs .redditlab-tab a:hover,
.redditlabs-tabs .redditlab-tab a.active {
background-color: transparent;
color: rgb(238, 110, 115);
}
}
@media screen, projection {
*, ::before, ::after {
box-sizing: inherit;
}
}
@media screen, projection {
ul:not(.browser-default) li {
list-style-type: none;
}
}
@media screen, projection {
.redditlabs-tabs .redditlab-tab {
display: inline-block;
text-align: center;
line-height: 48px;
height: 48px;
padding: 0px;
margin: 0px;
}
}
@media screen, projection {
a {
background-color: transparent;
}
}
@media screen, projection {
*, ::before, ::after {
box-sizing: inherit;
}
}
@media screen, projection {
a {
color: rgb(3, 155, 229);
text-decoration: none;
-webkit-tap-highlight-color: transparent;
}
}
@media screen, projection {
a {
text-decoration: none;
}
}
@media screen, projection {
.redditlabs-tabs .redditlab-tab a {
color: rgba(238, 110, 115, 0.7);
display: block;
width: 100%;
height: 100%;
padding: 0px 24px;
font-size: 14px;
text-overflow: ellipsis;
overflow: hidden;
transition: color 0.28s ease;
}
}
@media screen, projection {
*, ::before, ::after {
box-sizing: inherit;
}
}
@media screen, projection {
ul:not(.browser-default) li {
list-style-type: none;
}
}
@media screen, projection {
.redditlabs-tabs .redditlab-tab {
display: inline-block;
text-align: center;
line-height: 48px;
height: 48px;
padding: 0px;
margin: 0px;
}
}
@media screen, projection {
a {
background-color: transparent;
}
}
@media screen, projection {
*, ::before, ::after {
box-sizing: inherit;
}
}
@media screen, projection {
a {
color: rgb(3, 155, 229);
text-decoration: none;
-webkit-tap-highlight-color: transparent;
}
}
@media screen, projection {
a {
text-decoration: none;
}
}
@media screen, projection {
.redditlabs-tabs .redditlab-tab a {
color: rgba(238, 110, 115, 0.7);
display: block;
width: 100%;
height: 100%;
//padding: 0px 24px;
font-size: 14px;
text-overflow: ellipsis;
overflow: hidden;
transition: color 0.28s ease;
}
}
@media screen, projection {
*, ::before, ::after {
box-sizing: inherit;
}
}
@media screen, projection {
ul:not(.browser-default) li {
list-style-type: none;
}
}
@media screen, projection {
.redditlabs-tabs .reddit-labs-indicator {
position: absolute;
bottom: 0px;
height: 2px;
background-color: rgb(246, 178, 181);
will-change: left, right;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment