diff options
Diffstat (limited to 'design/sass/_header.scss')
-rw-r--r-- | design/sass/_header.scss | 120 |
1 files changed, 0 insertions, 120 deletions
diff --git a/design/sass/_header.scss b/design/sass/_header.scss deleted file mode 100644 index 9824ddd..0000000 --- a/design/sass/_header.scss +++ /dev/null @@ -1,120 +0,0 @@ -///********** class for header and footer menus *********{{{ -.menu-item { - color: lighten($secondary_link_color, 20); - display: inline-block; - margin: 0 0.25rem; -} -.menu-item:after { - content: "\00b7"; - color: #9d9d9d; - padding-left: 0.5rem; -} -.menu-item:first-of-type { - margin-left: 0; -} -.menu-item:last-of-type { - margin-right: 0; -} -.menu-item:last-of-type:after { - content: " "; -} -.menu-item a, .menu-item a:visited { - text-decoration: none; - color: $secondary_link_color; -} -//}}} -///********** Header Styles *****************************{{{ -.header-wrapper { - padding-top: 6px; - margin: 0 auto; - //smcaps - text-transform: uppercase; - letter-spacing: 1px; - font-family: mffnweb, Helvetica, sans-serif; - text-align: center; -} -.header-wrapper a { - text-decoration: none; -} -.header-wrapper ul { - list-style-type: none; - padding: 0; -} -.header-wrapper nav { - border-top: 1px #444444 dotted; - border-bottom: 1px #444444 dotted; - margin: 1rem 0; - padding: 0 0.5em; - font-weight: 600; - font-size: .8125rem;; - line-height: 1.2; -} -// Rules for wider Layout -@media screen and (min-width: 750px) { - .header-wrapper { - display: flex; - flex-direction: row; - justify-content: space-between; - border-bottom: 1px #f3efef solid; - margin-top: 1.25rem; - max-width: 96%; - } - .header-wrapper nav { - border: none; - margin-top: 1.7rem; - } -} -//Slight adjust for full width -@media screen and (min-width: 1440px) { - .header-wrapper { - max-width: 1440px; - } -} -//Logo styles -.logo-link { - display: block; - font-weight: 300; - font-family: 'carrois_gothicregular', Helvetica, sans-serif; - color: $secondary_link_color; - font-size: 2rem; -} -.logo-link:before { - display: block; - content: "home-icon"; - background: url("logo-new-@2x-treeonly.png") center top no-repeat; - width: 95px; - height: 65px; - background-size: 95px; - background-size: 85px; - margin: 5px auto; - text-indent: -9999em; -} -@media screen and (min-width: 750px) { - .logo-link { - text-align: left; - margin-top: 1.25rem; - } - .logo-link:before { - float: left; - height: 85px; - width: 105px; - background-size: 102px; - margin: -1rem 10px -4px 0; - } -} -//handle the funky text of the subtitle -.sitesubtitle { - display: block; - margin-top: -8px; - margin-bottom: 10px; - font-family: mffweb, Georgia, 'Times New Roman', serif; - font-style: italic; - font-weight: 300; - font-size: .75rem; -} -@media screen and (min-width: 750px) { - .sitesubtitle { - text-align: left; - } -} -//}}} |