Skip to content

Instantly share code, notes, and snippets.

@jeffmohr
Created December 22, 2017 22:35
Show Gist options
  • Save jeffmohr/1ec8fe91f108eca5ae5a032b3714c385 to your computer and use it in GitHub Desktop.
Save jeffmohr/1ec8fe91f108eca5ae5a032b3714c385 to your computer and use it in GitHub Desktop.
Compass Help CSS
.navbar .navbar-inner {
background-color: #fff;
color: #333;
padding-top: 10px;
padding-bottom: 20px;
}
.navbar .brand, .navbar .nav li a:hover, .navbar .nav li a:focus, .navbar .nav .active a, .navbar .nav .active a:hover, .navbar .nav .active a:focus {
color: #333;
}
#docsSearch {
height: 250px;
background: linear-gradient(to bottom right, #3197d1,#8344cf);
border-bottom: none;
padding-top: 75px;
position: relative;
background-size: cover;
top: -1px;
}
#docsSearch h1 {
color: white;
}
#searchBar .search-query {
background: #fff;
border-color: transparent;
box-shadow: none;
color: #777;
}
#searchBar button {
background: #444;
border-color: transparent;
color: #fff;
}
#searchBar button:hover {
background: #333;
border-color: transparent;
color: #fff;
}
body:after {
background: #fff;
}
.category-list .category {
background-color:#f8f8f8;
border-bottom: none;
border-radius: 8px;
border-left:0;
border-right:0;
border-top:0;
height: 220px;
}
.category-list .category:hover {
background-color: #f5f5f5;
}
.category-list .category h3 {
padding-top: 20px;
}
.contentWrapper {
border: none;
}
.twoCol .collection, .threeCol .collection {
background: #FFFFFF;
border-color: #DBDBDB;
}
body {
font-family: "proxima-nova",'Helvetica', sans-serif;
color: #333;
}
#fullArticle dt {
background: #8344cf;
min-width: 0.6em;
}
.articleFoot time.lu {
display:none;
}
#fullArticle img {
border: 0;
padding: 0;
border-radius: 0;
margin: 0 auto;
}
#fullArticle img.small {
width: 500px;
max-width: 100%;
}
#fullArticle img.xsmall {
width: 300px;
max-width: 100%;
}
#fullArticle, #fullArticle p, #fullArticle ul, #fullArticle ol, #fullArticle li, #fullArticle div, #fullArticle blockquote, #fullArticle dd, #fullArticle table {
font-size: 17px;
}
#fullArticle h1, #fullArticle h2, #fullArticle h3, #fullArticle h4, #fullArticle h5 {
margin-top: 2em;
}
.related {
border: none;
}
.articleFoot {
font-size: 16px;
}
[class^=icon-], [class*=" icon-"], .featherlight-close-icon {
font-size: 20px;
}
.brand img {
width: 263px;
max-width: 100%;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment