Optimize CSS
parent
34263cf67a
commit
9d1e4c01f1
|
@ -1,8 +1,8 @@
|
||||||
@mixin light-box-shadow($amount: 0.1)
|
@mixin light-box-shadow($amount: 0.1)
|
||||||
+box-shadow(inset 0px 1px 0px rgba(#fff, $amount))
|
box-shadow: inset 0px 1px 0px rgba(#fff, $amount)
|
||||||
|
|
||||||
@mixin dark-box-shadow($amount: 0.1)
|
@mixin dark-box-shadow($amount: 0.1)
|
||||||
+box-shadow(inset 0px -1px 0px rgba(#000, $amount))
|
box-shadow: inset 0px -1px 0px rgba(#000, $amount)
|
||||||
|
|
||||||
@mixin light-background-gradient($color: false, $amount: 5%)
|
@mixin light-background-gradient($color: false, $amount: 5%)
|
||||||
@if not $color
|
@if not $color
|
||||||
|
|
|
@ -71,7 +71,6 @@ $mods-list-size: 12-$filter-size
|
||||||
&-title
|
&-title
|
||||||
font-weight: bold
|
font-weight: bold
|
||||||
&-value
|
&-value
|
||||||
|
|
||||||
&-remove:before
|
&-remove:before
|
||||||
color: $color-washed-orange
|
color: $color-washed-orange
|
||||||
content: '✖'
|
content: '✖'
|
||||||
|
|
|
@ -3,7 +3,7 @@
|
||||||
background: $color-black
|
background: $color-black
|
||||||
// +light-box-shadow
|
// +light-box-shadow
|
||||||
// border-top: solid 1px darken($color-black, 5%) // No. It needs to be 2 rhythms exactly
|
// border-top: solid 1px darken($color-black, 5%) // No. It needs to be 2 rhythms exactly
|
||||||
+box-shadow(inset 0 5px 5px rgba(#000, 0.1))//, 0 1px 0px rgba(#000, 0.07))
|
box-shadow: inset 0 5px 5px rgba(#000, 0.1) //, 0 1px 0px rgba(#000, 0.07))
|
||||||
+dark-background-gradient(false, 15%)
|
+dark-background-gradient(false, 15%)
|
||||||
color: $color-white
|
color: $color-white
|
||||||
text-align: center
|
text-align: center
|
||||||
|
|
|
@ -11,7 +11,7 @@
|
||||||
position: relative
|
position: relative
|
||||||
background: $color-blue
|
background: $color-blue
|
||||||
// +light-background-gradient($color-blue)
|
// +light-background-gradient($color-blue)
|
||||||
+box-shadow(inset 0px -0.20em 0px rgba(#000, 0.1)) // Bar on the bottom
|
box-shadow: inset 0px -0.20em 0px rgba(#000, 0.1) // Bar on the bottom
|
||||||
background-image: asset-data-url('checkered-pattern.png')
|
background-image: asset-data-url('checkered-pattern.png')
|
||||||
|
|
||||||
.logo
|
.logo
|
||||||
|
|
|
@ -36,7 +36,7 @@
|
||||||
color: $color-white
|
color: $color-white
|
||||||
background-color: $color-orangered
|
background-color: $color-orangered
|
||||||
+light-background-gradient
|
+light-background-gradient
|
||||||
+box-shadow(none) // Override :hover
|
box-shadow: none // Override :hover
|
||||||
+white-text-shadow
|
+white-text-shadow
|
||||||
// Little bar on to
|
// Little bar on to
|
||||||
&:before
|
&:before
|
||||||
|
|
|
@ -10,7 +10,7 @@
|
||||||
border-radius: 2px
|
border-radius: 2px
|
||||||
background: $color-washed-orange
|
background: $color-washed-orange
|
||||||
+light-background-gradient
|
+light-background-gradient
|
||||||
+box-shadow(inset 0px 3px 0px rgba(#fff, 0.15))
|
box-shadow: inset 0px 3px 0px rgba(#fff, 0.15)
|
||||||
// border-top: solid 0.1em $color-dark-orange
|
// border-top: solid 0.1em $color-dark-orange
|
||||||
// border-bottom: solid 0.1em $color-dark-orange
|
// border-bottom: solid 0.1em $color-dark-orange
|
||||||
color: $color-white
|
color: $color-white
|
||||||
|
|
|
@ -19,7 +19,7 @@ select
|
||||||
+appearance(none)
|
+appearance(none)
|
||||||
// height: rhythm(1)
|
// height: rhythm(1)
|
||||||
background: $color-white
|
background: $color-white
|
||||||
+box-shadow(inset 0px -10px 10px rgba(#000, 0.06))
|
box-shadow: inset 0px -10px 10px rgba(#000, 0.06)
|
||||||
background:
|
background:
|
||||||
image: $img-arrow-data
|
image: $img-arrow-data
|
||||||
repeat: no-repeat
|
repeat: no-repeat
|
||||||
|
|
|
@ -3,7 +3,7 @@
|
||||||
border-radius: $border-radius
|
border-radius: $border-radius
|
||||||
background: white
|
background: white
|
||||||
// border: solid 1px darken($color-blue, 10%)
|
// border: solid 1px darken($color-blue, 10%)
|
||||||
+box-shadow(0 1px 2px rgba(#000,0.2))
|
box-shadow: 0 1px 2px rgba(#000,0.2)
|
||||||
|
|
||||||
%thumbnail-hover
|
%thumbnail-hover
|
||||||
+block
|
+block
|
||||||
|
|
|
@ -2,9 +2,8 @@
|
||||||
%html
|
%html
|
||||||
%head
|
%head
|
||||||
%title= yield :title
|
%title= yield :title
|
||||||
/ %link(href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet")
|
|
||||||
%script(src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js")
|
|
||||||
= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track' => true
|
= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track' => true
|
||||||
|
%script(src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js")
|
||||||
= csrf_meta_tags
|
= csrf_meta_tags
|
||||||
%link(rel="shortcut icon" href="/favicon.ico?v=2")
|
%link(rel="shortcut icon" href="/favicon.ico?v=2")
|
||||||
%body{class: body_controller_classes}
|
%body{class: body_controller_classes}
|
||||||
|
|
Loading…
Reference in New Issue