This repository has been archived by the owner. It is now read-only.
Permalink
Cannot retrieve contributors at this time
Name already in use
A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
sherman/sass/sherman-common.scss
Go to fileThis commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
706 lines (664 sloc)
19.9 KB
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* | |
| ==Sherman Main SASS | |
| These styles: | |
| * define styles UNIQUE to sherman. | |
| * overwrite cornerstone defaults | |
| * reference variables in the different color variables SASS | |
| * reference variables in the sherman-varaibles-common.scss | |
| It's OK that this SASS won't compile. | |
| As long as the sherman-blue, sherman-black, etc SASS compile, then we're good. | |
| No colors in this Stylesheet please. | |
| If you need new ones, register them in the color variables sass's. | |
| */ | |
| /* Uconn Header | |
| ==================================== | |
| */ | |
| body{ | |
| background-color:#fafafa; | |
| } | |
| #uc-header { | |
| border-bottom-color: $header-border; | |
| } | |
| /* Masthead | |
| ==================================== | |
| */ | |
| #masthead{ //To be replaced with Gradient Mixin soon | |
| background: $sh-masthead-start; | |
| background: -moz-linear-gradient(top, $sh-masthead-start 0%, $sh-masthead-end 100%); | |
| background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,$sh-masthead-start), color-stop(100%,$sh-masthead-end)); | |
| background: -webkit-linear-gradient(top, $sh-masthead-start 0%,$sh-masthead-end 100%); | |
| background: -o-linear-gradient(top, $sh-masthead-start 0%,$sh-masthead-end 100%); | |
| background: -ms-linear-gradient(top, $sh-masthead-start 0%,$sh-masthead-end 100%); | |
| background: linear-gradient(to bottom, $sh-masthead-start 0%,$sh-masthead-end 100%); | |
| filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$sh-masthead-start', endColorstr='$sh-masthead-end',GradientType=0 ); | |
| #site-title{ | |
| .col-sm-8{ // ### - Bootstrap Class | |
| padding-left:5px; | |
| #uc-site-header{ | |
| padding-left:8px; | |
| #uc-site-parent a{ | |
| color:$title_parent; | |
| text-transform: uppercase; | |
| &:hover { | |
| color:$title_parentHover; | |
| } | |
| } | |
| #uc-site-title a { | |
| color:$title_txt; | |
| &:hover { | |
| color:$title_txtHover; | |
| } | |
| } | |
| } | |
| } | |
| @include searchform(); | |
| } | |
| #nav-wrapper{ | |
| #site-navigation{ | |
| border-bottom:none; | |
| border-width:0px; | |
| .navbar-header{ | |
| .navbar-toggle{ | |
| color:$sh-navbar-toggle-color; | |
| border-color:$sh-navbar-toggle-border-color; | |
| background-color:$sh-navbar-toggle-background-color; | |
| &:hover { | |
| background-color:$sh-navbar-toggle-background-color-hover; | |
| } | |
| &:active { | |
| background-color:$sh-navbar-toggle-background-color-active; | |
| } | |
| .menu-icon .icon-bar{ | |
| background-color:$sh-icon-bar-background-color; | |
| } | |
| .menu-label{ | |
| margin-bottom:-1px; | |
| } | |
| } | |
| .navbar-brand{ | |
| color:$title_txt; | |
| margin-top:4px; | |
| } | |
| } | |
| .navbar-collapse{ | |
| padding:0; | |
| @media (max-width: 767px) { | |
| padding-left:15px; | |
| padding-right:15px; | |
| } | |
| .nav{ | |
| @include searchform(); | |
| &> li.open:after { | |
| content:''; | |
| display: block; | |
| position: absolute; | |
| left:50%; | |
| margin-left:-6px; | |
| bottom:0; | |
| height:0; | |
| width: 0; | |
| border:6px solid transparent; | |
| border-bottom-color:$dropdown-bg; | |
| @media (max-width: 767px) { | |
| display:none; | |
| } | |
| } | |
| > li.active:after, > li.current-menu-ancestor:after{ | |
| -moz-border-bottom-colors: none; | |
| -moz-border-left-colors: none; | |
| -moz-border-right-colors: none; | |
| -moz-border-top-colors: none; | |
| border-color: transparent transparent white; | |
| border-image: none; | |
| border-style: solid; | |
| border-width: 6px; | |
| bottom: -1px; | |
| content: ""; | |
| display: block; | |
| height: 0; | |
| left: 50%; | |
| margin-left: -6px; | |
| position: absolute; | |
| width: 0; | |
| @media (max-width: 767px) { | |
| display: none; | |
| } | |
| } | |
| li.current-menu-ancestor a.dropdown-toggle { | |
| color:$sh-current-menu-ancestor-dropdown-toggle; | |
| } | |
| > li:first-child > a { | |
| @media (min-width: 768px){ | |
| padding-left: 0; | |
| } | |
| } | |
| .dropdown-menu { | |
| padding:0; | |
| margin:0; | |
| border:none; | |
| -webkit-box-shadow: none; | |
| box-shadow: none; | |
| @media (max-width: 767px) { | |
| background-color: $sh-navbar-collapse-dropdown-menu-background-color; | |
| } | |
| a { | |
| padding-top: 10px; | |
| padding-bottom:10px; | |
| } | |
| } | |
| } | |
| .navbar-formm{ | |
| padding: 10px 15px 2px !important; | |
| margin: 8px -15px 0px !important; | |
| } | |
| } | |
| } | |
| .searchform .btn{ | |
| @media (max-width: 767px){ | |
| padding:6px 12px; | |
| margin-top:-2px !important; | |
| } | |
| } | |
| } | |
| } | |
| /* Left Nav | |
| ==================================== | |
| */ | |
| #nav-secondary { | |
| border-color:$sh-nav-secondary-border-color; | |
| .nav.nav-pills.nav-stacked{ | |
| .active{ | |
| a{ | |
| background-color: $sh-secondary-bg-color; | |
| color: $sh-secondary-text-color; | |
| } | |
| } | |
| } | |
| } | |
| /* Left Nav | |
| ==================================== | |
| */ | |
| #page-home { // #### This whole section is strange. | |
| padding-top:15px; | |
| .widget .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { | |
| padding-left:5px; | |
| padding-right:5px; | |
| } | |
| .row { | |
| margin-left:-5px; | |
| margin-right:-5px; | |
| } | |
| .btn { | |
| @media (max-width: 767px) { | |
| float:left; | |
| } | |
| } | |
| .form-inline .form-control { | |
| @media (max-width: 991px) { | |
| width:60%; | |
| } | |
| @media (max-width: 767px) { | |
| float:left; | |
| width:84%; | |
| } | |
| } | |
| } | |
| /* Widgets - With Color Variables | |
| ==================================== | |
| */ | |
| .widget { | |
| margin:0 0 10px; | |
| .widget-head { | |
| .widget-title { | |
| font-weight:normal; | |
| } | |
| } | |
| // Search Bar | |
| &.widget_search{ | |
| .btn.btn-default{ | |
| background-color: $body-search-bg-color; | |
| color: $body-search-text-color; | |
| border: 1px solid $body-search-bg-color; | |
| border-left:none; | |
| } | |
| } | |
| // Uconn Calendar | |
| .uc-cal { | |
| .uc-cal-event-month { | |
| padding-bottom:0!important; | |
| padding-top:.6em!important; | |
| } | |
| .uc-cal-event-day { | |
| padding-top:.3em!important; | |
| } | |
| .uc-cal-list a.uc-cal-event .uc-cal-event-date { | |
| border:1px solid #e5e5e5 !important; | |
| .uc-cal-event-day { | |
| font-size:1.7em !important; | |
| padding-bottom:0.2em !important; | |
| margin-top:-3px !important; | |
| color:#777777 !important; | |
| font-weight: 200 !important; | |
| } | |
| } | |
| } | |
| // Flexible Post Widgets | |
| &.widget_dpe_fp_widget{ | |
| .dpe-flexible-posts{ | |
| li{ | |
| .post{ | |
| padding:0px; | |
| } | |
| .page{ | |
| padding:0px; | |
| padding-bottom:0px; | |
| } | |
| a{ | |
| .title{ | |
| } | |
| } | |
| } | |
| } | |
| } | |
| } | |
| /* Main Content | |
| ==================================== | |
| */ | |
| #primary{ | |
| #main{ | |
| border:1px solid #eee; | |
| border-top:none; | |
| padding-left:3em; | |
| padding-right:3em; | |
| @media (max-width: 767px) { | |
| padding-left:1em; | |
| padding-right:1em; | |
| } | |
| .page, .post{ | |
| .entry-content { | |
| .row { | |
| margin:0; | |
| } | |
| } | |
| } | |
| .post{ | |
| padding:1em 0em; | |
| } | |
| .page{ | |
| padding-top:0px; | |
| padding-bottom:4em; | |
| @media (max-width: 767px) { | |
| padding-left:1em!important; | |
| padding-right:1em!important; | |
| } | |
| h1 { | |
| color:$sh-header1-color; | |
| border-bottom:1px solid #ddd; | |
| padding-bottom:.5em; | |
| font-weight:normal; | |
| margin-top:2.5em; | |
| } | |
| .entry-header h1 { | |
| margin-top:20px; | |
| } | |
| h2 { | |
| margin-top:1.5em; | |
| margin-bottom:1em; | |
| } | |
| h1 + h2 { | |
| margin-top:1em; | |
| } | |
| h3 { | |
| margin-top:2em; | |
| font-weight:200; | |
| } | |
| h3.panel-title{ | |
| margin-top:0; | |
| font-weight:200; | |
| } | |
| } | |
| #page-archive{ | |
| .entry-header{ | |
| .page-title{ | |
| padding-left: 0.57em; | |
| } | |
| } | |
| } | |
| #page-blank { | |
| .page { | |
| padding-left:0; | |
| padding-right:0; | |
| } | |
| } | |
| } | |
| } | |
| /* Footer | |
| ==================================== | |
| */ | |
| #footers{ | |
| #mega-footer, #footer{ | |
| border-top:1px solid transparent; | |
| border-top-color: $sh-mega-footer-border-color; | |
| li{ | |
| font-size:13px; | |
| } | |
| } | |
| #mega-footer+#footer { | |
| border-top:none; | |
| } | |
| #mega-footer{ | |
| .widget{ | |
| .widget-head{ | |
| h2.widget-title{ | |
| color:$sh-mega-footer-widget-heading; | |
| } | |
| } | |
| &.widget_search{ | |
| .btn.btn-default{ | |
| background-color: $search-bg-color; | |
| color: $search-text-color; | |
| border: 1px solid $search-bg-color; | |
| border-left: none; | |
| } | |
| } | |
| } | |
| .btn { | |
| @media (max-width: 767px) { | |
| float:left; | |
| } | |
| } | |
| .form-inline .form-control { | |
| @media (max-width: 767px) { | |
| float:left; | |
| } | |
| } | |
| .table > thead > tr > th, | |
| .table > thead > tr > td, | |
| .table > tbody > tr > th, | |
| .table > tbody > tr > td, | |
| .table > tfoot > tr > th, | |
| .table > tfoot > tr > td { | |
| border-top:1px solid transparent; | |
| border-top-color:$sh-table-border; | |
| } | |
| } | |
| #footer{ | |
| #uc-footer-links{ | |
| } | |
| } | |
| } | |
| /* Table ### | |
| ==================================== | |
| */ | |
| table .external .glyphicon-new-window { | |
| font-size: 0.8em !important; | |
| margin-left: 0.4em !important; | |
| opacity: 0.7 !important; | |
| } | |
| /* Events Calendar Grid | |
| ==================================== | |
| */ | |
| #vb { | |
| #vb-timespan { | |
| a { | |
| margin:0 0 0 .3em; | |
| line-height:2em; | |
| } | |
| } | |
| } | |
| #events-grid-wrap { | |
| th { | |
| width:14.23%; | |
| } | |
| th:first-child { | |
| width:auto; | |
| } | |
| } | |
| /* Profile Page | |
| ==================================== | |
| */ | |
| .page-template-page-user-profile-php { | |
| .uup-user { | |
| padding: 2em; | |
| & > span { | |
| display:block; | |
| } | |
| .uup-image{ | |
| margin: 20px 0px; | |
| } | |
| .uup-name { | |
| font-weight:bold; | |
| .uup-first { | |
| &:after { | |
| content:' '; | |
| } | |
| } | |
| .uup-last {} | |
| } | |
| .uup-title { | |
| } | |
| .uup-phones { | |
| .uup-phone1 {} | |
| .uup-phone2 { | |
| display:block; | |
| } | |
| } | |
| .uup-email { | |
| } | |
| .uup-fax { | |
| } | |
| .uup-office-location { | |
| } | |
| .uup-office-hours { | |
| } | |
| .uup-mailing-address { | |
| } | |
| } | |
| } | |
| .uup-list a.uup-user { | |
| float:none; | |
| } | |
| /* Mixin Button - Colors | |
| ==================================== | |
| */ | |
| @mixin button($color){ | |
| background: $color; | |
| background: -moz-linear-gradient(top, lighten($color, 5%) 0%, $color 100%); | |
| background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, lighten($color, 5%)), color-stop(100%,$color)); | |
| background: -webkit-linear-gradient(top, lighten($color, 5%) 0%,$color 100%); | |
| background: -o-linear-gradient(top, lighten($color, 5%) 0%,$color 100%); | |
| background: -ms-linear-gradient(top, lighten($color, 5%) 0%,$color 100%); | |
| background: linear-gradient(to bottom, lighten($color, 5%) 0%,$color 100%); | |
| filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='lighten($color, 5%)', endColorstr='$color',GradientType=0 ); | |
| color:$sh-secondary-text-color; | |
| border-color: darken($color, 8%); | |
| opacity:0.9; | |
| &:hover{ | |
| opacity:0.75; | |
| } | |
| &:focus{ | |
| outline-color: $color; | |
| opacity:1; | |
| } | |
| } | |
| /* Button With Mixin | |
| ==================================== | |
| */ | |
| //Button Styles | |
| .btn{ | |
| -webkit-border-radius: 5px; | |
| -moz-border-radius: 5px; | |
| border-radius: 5px; | |
| font-weight: 400; | |
| &.btn-default{ | |
| @include button($brand-default); | |
| } | |
| &.btn-primary{ | |
| @include button($brand-primary); | |
| } | |
| &.btn-success{ | |
| @include button($brand-success); | |
| } | |
| &.btn-info{ | |
| @include button($brand-info); | |
| color:$brand-primary; | |
| } | |
| &.btn-warning{ | |
| @include button($brand-warning); | |
| color:$brand-primary; | |
| } | |
| &.btn-danger{ | |
| @include button($brand-danger); | |
| } | |
| &.btn-link{ | |
| @include button($brand-default); | |
| } | |
| &.active{ | |
| -moz-box-shadow: inset 0 0 3px $brand-default; | |
| -webkit-box-shadow: inset 0 0 3px $brand-default; | |
| box-shadow: inset 0 0 3px $brand-default; | |
| } | |
| } | |
| /* Button | |
| ==================================== | |
| */ | |
| // //Button Styles | |
| // .btn{ | |
| // -webkit-border-radius: 0px; | |
| // -moz-border-radius: 0px; | |
| // border-radius: 0px; | |
| // font-family:georgia; | |
| // font-style:italic; | |
| // &.btn-default{ | |
| // background: lighten($blue, 10%); /* Old browsers */ | |
| // background: -moz-linear-gradient(top, lighten($blue, 10%) 0%, #000000 100%); /* FF3.6+ */ | |
| // background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, lighten($blue, 10%)), color-stop(100%,#000000)); /* Chrome,Safari4+ */ | |
| // background: -webkit-linear-gradient(top, lighten($blue, 10%) 0%,#000000 100%); /* Chrome10+,Safari5.1+ */ | |
| // background: -o-linear-gradient(top, lighten($blue, 10%) 0%,#000000 100%); /* Opera 11.10+ */ | |
| // background: -ms-linear-gradient(top, lighten($blue, 10%) 0%,#000000 100%); /* IE10+ */ | |
| // background: linear-gradient(to bottom, lighten($blue, 10%) 0%,#000000 100%); /* W3C */ | |
| // filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='lighten($blue, 10%)', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ | |
| // color:$white; | |
| // border-color: darken($white, 2%); | |
| // opacity:0.9; | |
| // &:hover{ | |
| // opacity:0.75; | |
| // } | |
| // &:focus{ | |
| // outline-color: $blue; | |
| // opacity:1; | |
| // } | |
| // } | |
| // &.btn-primary{ | |
| // background: lighten($blue, 10%); /* Old browsers */ | |
| // background: -moz-linear-gradient(top, lighten($blue, 10%) 0%, $blue 100%); /* FF3.6+ */ | |
| // background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, lighten($blue, 10%)), color-stop(100%,$blue)); /* Chrome,Safari4+ */ | |
| // background: -webkit-linear-gradient(top, lighten($blue, 10%) 0%,$blue 100%); /* Chrome10+,Safari5.1+ */ | |
| // background: -o-linear-gradient(top, lighten($blue, 10%) 0%,$blue 100%); /* Opera 11.10+ */ | |
| // background: -ms-linear-gradient(top, lighten($blue, 10%) 0%,$blue 100%); /* IE10+ */ | |
| // background: linear-gradient(to bottom, lighten($blue, 10%) 0%,$blue 100%); /* W3C */ | |
| // filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='lighten($blue, 10%)', endColorstr='$blue',GradientType=0 ); /* IE6-9 */ | |
| // color:$white; | |
| // border-color: darken($blue, 2%); | |
| // opacity:0.9; | |
| // &:hover{ | |
| // opacity:0.75; | |
| // } | |
| // &:focus{ | |
| // outline-color: $blue; | |
| // opacity:1; | |
| // } | |
| // } | |
| // &.btn-success{ | |
| // background: lighten($orange, 10%); /* Old browsers */ | |
| // background: -moz-linear-gradient(top, lighten($orange, 10%) 0%, $orange 100%); /* FF3.6+ */ | |
| // background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, lighten($orange, 10%)), color-stop(100%,$orange)); /* Chrome,Safari4+ */ | |
| // background: -webkit-linear-gradient(top, lighten($orange, 10%) 0%,$orange 100%); /* Chrome10+,Safari5.1+ */ | |
| // background: -o-linear-gradient(top, lighten($orange, 10%) 0%,$orange 100%); /* Opera 11.10+ */ | |
| // background: -ms-linear-gradient(top, lighten($orange, 10%) 0%,$orange 100%); /* IE10+ */ | |
| // background: linear-gradient(to bottom, lighten($orange, 10%) 0%,$orange 100%); /* W3C */ | |
| // filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='lighten($orange, 10%)', endColorstr='$orange',GradientType=0 ); /* IE6-9 */ | |
| // color:$darkgrey; | |
| // border-color: darken($orange, 10%); | |
| // opacity:0.9; | |
| // &:hover{ | |
| // opacity:0.75; | |
| // } | |
| // &:focus{ | |
| // outline-color: $orange; | |
| // opacity:1; | |
| // } | |
| // } | |
| // &.btn-info{ | |
| // background: lighten($lightgrey, 10%); /* Old browsers */ | |
| // background: -moz-linear-gradient(top, lighten($lightgrey, 10%) 0%, $lightgrey 100%); /* FF3.6+ */ | |
| // background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, lighten($lightgrey, 10%)), color-stop(100%,$lightgrey)); /* Chrome,Safari4+ */ | |
| // background: -webkit-linear-gradient(top, lighten($lightgrey, 10%) 0%,$lightgrey 100%); /* Chrome10+,Safari5.1+ */ | |
| // background: -o-linear-gradient(top, lighten($lightgrey, 10%) 0%,$lightgrey 100%); /* Opera 11.10+ */ | |
| // background: -ms-linear-gradient(top, lighten($lightgrey, 10%) 0%,$lightgrey 100%); /* IE10+ */ | |
| // background: linear-gradient(to bottom, lighten($lightgrey, 10%) 0%,$lightgrey 100%); /* W3C */ | |
| // filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='lighten($lightgrey, 10%)', endColorstr='$lightgrey',GradientType=0 ); /* IE6-9 */ | |
| // color:$white; | |
| // border-color: darken($lightgrey, 5%); | |
| // opacity:0.9; | |
| // &:hover{ | |
| // opacity:0.75; | |
| // } | |
| // &:focus{ | |
| // outline-color: $lightgrey; | |
| // opacity:1; | |
| // } | |
| // } | |
| // &.btn-warning{ | |
| // background: lighten($darkgrey, 10%); /* Old browsers */ | |
| // background: -moz-linear-gradient(top, lighten($darkgrey, 10%) 0%, $darkgrey 100%); /* FF3.6+ */ | |
| // background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, lighten($darkgrey, 10%)), color-stop(100%,$darkgrey)); /* Chrome,Safari4+ */ | |
| // background: -webkit-linear-gradient(top, lighten($darkgrey, 10%) 0%,$darkgrey 100%); /* Chrome10+,Safari5.1+ */ | |
| // background: -o-linear-gradient(top, lighten($darkgrey, 10%) 0%,$darkgrey 100%); /* Opera 11.10+ */ | |
| // background: -ms-linear-gradient(top, lighten($darkgrey, 10%) 0%,$darkgrey 100%); /* IE10+ */ | |
| // background: linear-gradient(to bottom, lighten($darkgrey, 10%) 0%,$darkgrey 100%); /* W3C */ | |
| // filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='lighten($darkgrey, 10%)', endColorstr='$darkgrey',GradientType=0 ); /* IE6-9 */ | |
| // color:$white; | |
| // border-color: darken($darkgrey, 5%); | |
| // opacity:0.9; | |
| // &:hover{ | |
| // opacity:0.75; | |
| // } | |
| // &:focus{ | |
| // outline-color: $darkgrey; | |
| // opacity:1; | |
| // } | |
| // } | |
| // &.btn-danger{ | |
| // background: lighten($darkestgrey, 10%); /* Old browsers */ | |
| // background: -moz-linear-gradient(top, lighten($darkestgrey, 10%) 0%, $darkestgrey 100%); /* FF3.6+ */ | |
| // background: -webkit-gradient(linear, left top, left bottom, color-stopdarkestgrey(0%, lighten($darkestgrey, 10%)), color-stop(100%,$darkestgrey)); /* Chrome,Safari4+ */ | |
| // background: -webkit-linear-gradient(top, lighten($darkestgrey, 10%) 0%,$darkestgrey 100%); /* Chrome10+,Safari5.1+ */ | |
| // background: -o-linear-gradient(top, lighten($darkestgrey, 10%) 0%,$darkestgrey 100%); /* Opera 11.10+ */ | |
| // background: -ms-linear-gradient(top, lighten($darkestgrey, 10%) 0%,$darkestgrey 100%); /* IE10+ */ | |
| // background: linear-gradient(to bottom, lighten($darkestgrey, 10%) 0%,$darkestgrey 100%); /* W3C */ | |
| // filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='lighten($darkestgrey, 10%)', endColorstr='$darkestgrey',GradientType=0 ); /* IE6-9 */ | |
| // color:$white; | |
| // border-color: darken($darkestgrey, 5%); | |
| // opacity:0.9; | |
| // &:hover{ | |
| // opacity:0.75; | |
| // } | |
| // &:focus{ | |
| // outline-color: $darkestgrey; | |
| // opacity:1; | |
| // } | |
| // } | |
| // &.btn-link{ | |
| // color:$blue; | |
| // opacity:0.9; | |
| // &:hover{ | |
| // opacity:0.75; | |
| // } | |
| // } | |
| // &.active{ | |
| // -moz-box-shadow: inset 0 0 3px $darkgrey; | |
| // -webkit-box-shadow: inset 0 0 3px $darkgrey; | |
| // box-shadow: inset 0 0 3px $darkgrey; | |
| // } | |
| // } | |