mirror of
https://github.com/ForkAwesome/Fork-Awesome.git
synced 2025-01-26 15:10:31 +08:00
Removing unused CSS
This commit is contained in:
parent
2e079074e5
commit
94cbee169d
@ -21,24 +21,14 @@
|
||||
@import "site/print";
|
||||
@import "site/social-buttons";
|
||||
@import "site/jumbotron-carousel";
|
||||
@import "site/stripe-ad";
|
||||
@import "site/search";
|
||||
@import "site/fontawesome-icon-list";
|
||||
@import "site/feature-list";
|
||||
@import "site/example-rating";
|
||||
@import "site/footer";
|
||||
@import "site/lazy";
|
||||
@import "site/textured-bg";
|
||||
@import "site/banner-ad";
|
||||
@import "site/carbon-ad";
|
||||
@import "site/bsap-ad";
|
||||
@import "site/sumome";
|
||||
@import "site/algolia";
|
||||
@import "site/fa5";
|
||||
@import "site/newsletter";
|
||||
|
||||
@import "site/views";
|
||||
@import "site/store";
|
||||
|
||||
@import "site/responsive/screen-lg";
|
||||
@import "site/responsive/screen-md";
|
||||
|
@ -1,8 +0,0 @@
|
||||
.algolia {
|
||||
padding-top: 10px;
|
||||
a {
|
||||
i { color: @text-muted; }
|
||||
color: @text-color;
|
||||
&:hover, &:hover i { color: @link-hover-color; }
|
||||
}
|
||||
}
|
@ -1,288 +0,0 @@
|
||||
#banner {
|
||||
color: #fff;
|
||||
.message-container {
|
||||
display: table;
|
||||
width: auto;
|
||||
margin: 0 auto;
|
||||
padding: 15px 0;
|
||||
}
|
||||
.tagline, .action {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.tagline {
|
||||
font-weight: 200;
|
||||
font-size: 16px;
|
||||
padding-right: 30px;
|
||||
}
|
||||
|
||||
&.font-awesome-survey {
|
||||
@survey-bg: #8E8F94;
|
||||
background-color: @survey-bg;
|
||||
border-bottom: solid 1px mix(@survey-bg, #fff, 95%);
|
||||
|
||||
.btn-primary {
|
||||
@color: mix(#fff,@survey-bg,80%);
|
||||
@background: darken(@survey-bg, 15%);
|
||||
@border: darken(@background, 15%);
|
||||
font-weight: bold;
|
||||
color: @color;
|
||||
background-color: @background;
|
||||
border-color: @border;
|
||||
border-bottom-width: 2px;
|
||||
text-shadow: none;
|
||||
border-radius: 4px;
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active,
|
||||
&.active,
|
||||
.open > &.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: darken(@border, 10%);
|
||||
border-color: darken(@border, 20%);
|
||||
border-bottom-color: darken(@border, 30%);
|
||||
}
|
||||
&:active,
|
||||
&.active,
|
||||
.open > &.dropdown-toggle {
|
||||
background-image: none;
|
||||
}
|
||||
&.disabled,
|
||||
&[disabled],
|
||||
fieldset[disabled] & {
|
||||
&,
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active,
|
||||
&.active {
|
||||
background-color: @background;
|
||||
border-color: @border;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
&.black-tie {
|
||||
@black-tie-bg: #2E2E2E;
|
||||
background-color: @black-tie-bg;
|
||||
border-bottom: solid 1px mix(@black-tie-bg, #fff, 95%);
|
||||
|
||||
.btn-primary {
|
||||
@color: mix(#fff, @black-tie-bg, 85%);
|
||||
@background: darken(@black-tie-bg, 5%);
|
||||
@border: darken(@black-tie-bg, 10%);
|
||||
font-weight: bold;
|
||||
color: @color;
|
||||
background-color: @background;
|
||||
border-color: @border;
|
||||
border-bottom-width: 2px;
|
||||
text-shadow: none;
|
||||
border-radius: 4px;
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active,
|
||||
&.active,
|
||||
.open > &.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: darken(@background, 5%);
|
||||
border-color: darken(@border, 12%);
|
||||
border-bottom-color: darken(@border, 18%);
|
||||
}
|
||||
&:active,
|
||||
&.active,
|
||||
.open > &.dropdown-toggle {
|
||||
background-image: none;
|
||||
}
|
||||
&.disabled,
|
||||
&[disabled],
|
||||
fieldset[disabled] & {
|
||||
&,
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active,
|
||||
&.active {
|
||||
background-color: @background;
|
||||
border-color: @border;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.fort-awesome {
|
||||
@fort-awesome-color: #1C1E29;
|
||||
@fort-awesome-color-accent: #525879;
|
||||
@fort-awesome-bg: #2d2f39;
|
||||
background-color: @fort-awesome-bg;
|
||||
border-bottom: solid 1px mix(@fort-awesome-bg, #000, 15%);
|
||||
.btn-primary {
|
||||
@color: #fff;
|
||||
@background: #ff8c52;
|
||||
@border: rgba(0,0,0,0.2);
|
||||
font-weight: bold;
|
||||
color: @color;
|
||||
background-color: @background;
|
||||
border-color: @border;
|
||||
border-bottom-width: 2px;
|
||||
text-shadow: none;
|
||||
border-radius: 4px;
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active,
|
||||
&.active,
|
||||
.open > &.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: #e67e4a;
|
||||
border-color: rgba(0,0,0,0.296);
|
||||
border-bottom-color: rgba(0,0,0,0.296);
|
||||
}
|
||||
&:active,
|
||||
&.active,
|
||||
.open > &.dropdown-toggle {
|
||||
background-image: none;
|
||||
}
|
||||
&.disabled,
|
||||
&[disabled],
|
||||
fieldset[disabled] & {
|
||||
&,
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active,
|
||||
&.active {
|
||||
background-color: @background;
|
||||
border-color: @border;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.symbolset {
|
||||
@symbolset-bg: desaturate(#866cba,5%);
|
||||
background-color: @symbolset-bg;
|
||||
border-bottom: rgba(0,0,0,0.2);
|
||||
a:not(.btn) {
|
||||
text-decoration: underline;
|
||||
color: #fff;
|
||||
&:hover { color: rgba(255,255,255,.8); }
|
||||
}
|
||||
.btn-primary {
|
||||
@color: @symbolset-bg;
|
||||
@background: #fff;
|
||||
@border: mix(#000,@symbolset-bg,10%);
|
||||
font-weight: bold;
|
||||
color: @color;
|
||||
background-color: @background;
|
||||
border-color: @border;
|
||||
border-bottom-width: 2px;
|
||||
text-shadow: none;
|
||||
border-radius: 4px;
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active,
|
||||
&.active,
|
||||
.open > &.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: rgba(0,0,0,0.2);
|
||||
border-color: rgba(0,0,0,0.2);
|
||||
border-bottom-color: rgba(0,0,0,0.2);
|
||||
}
|
||||
&:active,
|
||||
&.active,
|
||||
.open > &.dropdown-toggle {
|
||||
background-image: none;
|
||||
}
|
||||
&.disabled,
|
||||
&[disabled],
|
||||
fieldset[disabled] & {
|
||||
&,
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active,
|
||||
&.active {
|
||||
background-color: @background;
|
||||
border-color: @border;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.fa5 {
|
||||
@fa5-bg: #488dd8;
|
||||
background-color: @fa5-bg;
|
||||
border-bottom: rgba(0,0,0,0.2);
|
||||
.message-container { padding: 40px 0; }
|
||||
.tagline { font-size: 24px; }
|
||||
.fa-external-link { vertical-align: -10%; }
|
||||
.time-left {
|
||||
font-size: 18px;
|
||||
color: mix(@fa5-bg, #fff, 20%);
|
||||
}
|
||||
@keyframes flash-duration {
|
||||
from {
|
||||
color: #fff;
|
||||
}
|
||||
to {
|
||||
color: mix(@fa5-bg, #fff, 20%);
|
||||
}
|
||||
}
|
||||
.duration {
|
||||
font-weight: 600;
|
||||
animation-name: flash-duration;
|
||||
animation-duration: 1.0s;
|
||||
}
|
||||
a:not(.btn) {
|
||||
text-decoration: underline;
|
||||
color: #fff;
|
||||
&:hover { color: rgba(255,255,255,.8); }
|
||||
}
|
||||
.btn-primary {
|
||||
@color: @fa5-bg;
|
||||
@background: #fff;
|
||||
@border: mix(#000,@fa5-bg,10%);
|
||||
font-weight: 600;
|
||||
font-size: 22px;
|
||||
padding: 14px 28px;
|
||||
border-radius: 30px;
|
||||
|
||||
color: @color;
|
||||
background-color: @background;
|
||||
border-color: @border;
|
||||
border-bottom-width: 2px;
|
||||
text-shadow: none;
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active,
|
||||
&.active,
|
||||
.open > &.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: rgba(0,0,0,0.2);
|
||||
border-color: rgba(0,0,0,0.2);
|
||||
border-bottom-color: rgba(0,0,0,0.2);
|
||||
}
|
||||
&:active,
|
||||
&.active,
|
||||
.open > &.dropdown-toggle {
|
||||
background-image: none;
|
||||
}
|
||||
&.disabled,
|
||||
&[disabled],
|
||||
fieldset[disabled] & {
|
||||
&,
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active,
|
||||
&.active {
|
||||
background-color: @background;
|
||||
border-color: @border;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
@ -1,15 +0,0 @@
|
||||
div.bsap {
|
||||
margin-bottom: 20px;
|
||||
a {
|
||||
display: inline-block !important;
|
||||
border-bottom: inherit !important;
|
||||
margin: 0 15px 20px !important;
|
||||
}
|
||||
a.adhere {
|
||||
background: inherit !important;
|
||||
border: 1px solid #ccc !important;
|
||||
&:hover {
|
||||
background: mix(#000,@jumbotron-bg,15%) !important;
|
||||
}
|
||||
}
|
||||
}
|
@ -1,27 +0,0 @@
|
||||
#carbonads {
|
||||
float: right;
|
||||
width: 300px;
|
||||
margin-left: 30px;
|
||||
.carbon-img {
|
||||
float: left;
|
||||
padding-right: 10px;
|
||||
}
|
||||
.carbon-poweredby {
|
||||
color: @gray-light;
|
||||
margin-top: 2px;
|
||||
font-size: 12px;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.vertical-ad #carbonads {
|
||||
float: none;
|
||||
width: 130px;
|
||||
margin-left: 0;
|
||||
.carbon-img {
|
||||
float: none;
|
||||
display: block;
|
||||
padding-right: 0;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
}
|
@ -1,18 +0,0 @@
|
||||
@fa5-color: #488dd8;
|
||||
|
||||
.btn-fa5 {
|
||||
.button-variant(#fff, @fa5-color, mix(#000,@fa5-color,10%));
|
||||
font-size: 21px;
|
||||
}
|
||||
|
||||
.jumbotron-ad .well {
|
||||
background-color: rgba(255,255,255,.3);
|
||||
border-color: rgba(255,255,255,.15);
|
||||
}
|
||||
|
||||
.bg-fa5 {
|
||||
background-color: @fa5-color;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.modal-content { overflow: hidden; }
|
@ -1,14 +0,0 @@
|
||||
.jumbotron-ad #newsletter {
|
||||
.btn {
|
||||
color: @jumbotron-color;
|
||||
border-color: mix(@jumbotron-color, @jumbotron-bg, 75%);
|
||||
background-color: transparent;
|
||||
text-shadow: 0 1px 0 rgba(0,0,0,0.15);
|
||||
&:hover {
|
||||
background-color: mix(@jumbotron-color, @jumbotron-bg, 95%);
|
||||
border-color: mix(@jumbotron-color, @jumbotron-bg, 95%);
|
||||
color: @jumbotron-bg;
|
||||
text-shadow: 0 -1px 0 @jumbotron-color;
|
||||
}
|
||||
}
|
||||
}
|
@ -1,40 +0,0 @@
|
||||
#search {
|
||||
position: relative;
|
||||
font-size: 18px;
|
||||
padding-top: 40px;
|
||||
margin: -20px auto 0px;
|
||||
|
||||
label {
|
||||
position: absolute;
|
||||
left: 17px;
|
||||
top: 51px;
|
||||
}
|
||||
|
||||
#search-input, .hint {
|
||||
padding-left: 43px;
|
||||
padding-right: 43px;
|
||||
border-radius: 23px;
|
||||
}
|
||||
|
||||
.hint {
|
||||
color: #aaa;
|
||||
}
|
||||
|
||||
#search-clear {
|
||||
text-decoration: none;
|
||||
position: absolute;
|
||||
right: 18px;
|
||||
top: 54px;
|
||||
color: @text-muted;
|
||||
&:hover {
|
||||
color: mix(#000, @text-muted, 20%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#search-results {
|
||||
em {
|
||||
font-style: normal;
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
@ -1,115 +0,0 @@
|
||||
// product vars
|
||||
@shirt-kellygreen: #249265;
|
||||
@shirt-black: #151010;
|
||||
@shirt-royalblue: #2A4DB3;
|
||||
@shirt-navy: #2E2737;
|
||||
@shirt-silver: #D4D2D3;
|
||||
@shirt-asphalt: #535059;
|
||||
|
||||
.content-underlay {
|
||||
margin-bottom: -180px;
|
||||
border-bottom: 1px solid @jumbotron-border;
|
||||
padding-bottom: 100px;
|
||||
background-color: lighten(@jumbotron-bg, 2%);
|
||||
}
|
||||
|
||||
|
||||
.product {
|
||||
transition: box-shadow 0.25s ease-in-out, transform 0.25s ease-in-out;
|
||||
transform: scale(0.99);
|
||||
z-index: 2;
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-top: @buffer-xl;
|
||||
color: @text-color;
|
||||
text-decoration: none;
|
||||
background-color: #fff;
|
||||
border-radius: @border-radius-small;
|
||||
padding: @buffer-lg;
|
||||
.box-shadow(0 4px 2px 0 rgba(127,127,127,.2));
|
||||
|
||||
&:hover, &:focus {
|
||||
transform: scale(1.0);
|
||||
.box-shadow(0 4px 2px 0 rgba(127,127,127,.4));
|
||||
text-decoration: none;
|
||||
color: @text-color;
|
||||
|
||||
.product-sizes {
|
||||
opacity: 0.75;
|
||||
}
|
||||
}
|
||||
img { max-width: 100%; }
|
||||
li {
|
||||
padding: @buffer-sm;
|
||||
}
|
||||
li.active {
|
||||
cursor: default;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.swatch {
|
||||
display: inline-block;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
|
||||
&.swatch-kellygreen {
|
||||
background-color: @shirt-kellygreen;
|
||||
}
|
||||
|
||||
&.swatch-black {
|
||||
background-color: @shirt-black;
|
||||
}
|
||||
|
||||
&.swatch-navy {
|
||||
background-color: @shirt-navy;
|
||||
}
|
||||
|
||||
&.swatch-silver {
|
||||
background-color: @shirt-silver;
|
||||
}
|
||||
|
||||
&.swatch-asphalt {
|
||||
background-color: @shirt-asphalt;
|
||||
}
|
||||
|
||||
&.swatch-royalblue {
|
||||
background-color: @shirt-royalblue;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.product-sizes {
|
||||
transition: opacity 0.25s ease-in-out;
|
||||
position: absolute;
|
||||
top: 6px;
|
||||
right: 6px;
|
||||
border-radius: @border-radius-base;
|
||||
background-color: #fff;
|
||||
font-size: 21px;
|
||||
line-height: 21px;
|
||||
padding: @buffer-sm @buffer-md;
|
||||
color: @text-muted;
|
||||
opacity: 0.25;
|
||||
}
|
||||
|
||||
.product-title {
|
||||
height: 52px;
|
||||
}
|
||||
|
||||
// calls-to-action
|
||||
.product-cta {
|
||||
display: block;
|
||||
margin-top: @buffer-xl;
|
||||
color: @text-color;
|
||||
text-decoration: none;
|
||||
border-radius: @border-radius-base;
|
||||
padding: @buffer-lg;
|
||||
}
|
||||
|
||||
.cta-content {
|
||||
margin-bottom: @buffer-lg;
|
||||
}
|
||||
|
||||
.cta-fine-print {
|
||||
margin-top: @buffer-lg;
|
||||
}
|
@ -1,4 +0,0 @@
|
||||
.sumome-popup .sumome-popup-content .sumome-popup-form h2.sumome-popup-heading {
|
||||
font-family: @font-family-base;
|
||||
text-align: left !important;
|
||||
}
|
Loading…
Reference in New Issue
Block a user