removed unecessary mixins

This commit is contained in:
Ro 2022-03-19 14:17:24 -07:00
parent a70c98afa0
commit 2b7db3cc88
8 changed files with 209 additions and 242 deletions

View file

@ -1912,6 +1912,7 @@ a {
font: 300 1em Helvetica, Arial, sans-serif; font: 300 1em Helvetica, Arial, sans-serif;
color: #b2cce5; color: #b2cce5;
text-decoration: underline; text-decoration: underline;
transition: all 0.2s linear;
} }
svg.icons { svg.icons {
@ -2057,10 +2058,7 @@ svg.icons {
border-radius: 50px; border-radius: 50px;
} }
.main-container section header #wrapper #right #dash-menu a button svg { .main-container section header #wrapper #right #dash-menu a button svg {
-moz-transition: all 0.1s linear; transition: all 0.2s linear;
-webkit-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
transition: all 0.1s linear;
width: 40px; width: 40px;
height: 20px; height: 20px;
fill: #EFEBE3; fill: #EFEBE3;
@ -2270,10 +2268,7 @@ svg.icons {
margin-left: 10px; margin-left: 10px;
} }
#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list .recent-header .index-header-right a button svg { #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list .recent-header .index-header-right a button svg {
-moz-transition: all 0.1s linear; transition: all 0.2s linear;
-webkit-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
transition: all 0.1s linear;
width: 40px; width: 40px;
height: 20px; height: 20px;
fill: #EFEBE3; fill: #EFEBE3;
@ -2852,9 +2847,6 @@ button, input[type=submit] {
cursor: pointer; cursor: pointer;
border: 0; border: 0;
padding: 10px 0 5px 0; padding: 10px 0 5px 0;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear; transition: all 0.3s linear;
} }
@ -2919,6 +2911,7 @@ select {
width: 55px; width: 55px;
} }
#post-index #post-index-wrapper #post-index-header #post-index-header-right a svg { #post-index #post-index-wrapper #post-index-header #post-index-header-right a svg {
transition: all 0.1s linear;
width: 20px; width: 20px;
height: 17px; height: 17px;
fill: #EFEBE3; fill: #EFEBE3;
@ -3000,10 +2993,7 @@ select {
margin: 0 0 10px 10px; margin: 0 0 10px 10px;
} }
#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options #option-left svg, #post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options #option-left svg { #post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options #option-left svg, #post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options #option-left svg {
-moz-transition: all 0.1s linear; transition: all 0.2s linear;
-webkit-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
transition: all 0.1s linear;
width: 40px; width: 40px;
height: 20px; height: 20px;
fill: #b2cce5; fill: #b2cce5;
@ -3152,13 +3142,6 @@ select {
#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-meta #post-options button { #post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-meta #post-options button {
width: 25%; width: 25%;
height: 45px; height: 45px;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear; transition: all 0.3s linear;
margin: 0; margin: 0;
border-radius: 0; border-radius: 0;
@ -3712,9 +3695,6 @@ select {
background: #b2cce5; background: #b2cce5;
width: 10%; width: 10%;
height: 39px; height: 39px;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear; transition: all 0.3s linear;
margin: 0; margin: 0;
border-radius: 0; border-radius: 0;

View file

@ -2,7 +2,6 @@
// margin 10px // margin 10px
top: 1px top: 1px
border-radius: 3px border-radius: 3px
// background-opacity($primary - 10%, 0.50)
width: 100% width: 100%
max-width: 880px max-width: 880px
margin-top: 30px margin-top: 30px
@ -17,7 +16,7 @@
background: $secondary background: $secondary
width: 10% width: 10%
height: 39px height: 39px
@include object-transitions(0.3s) transition: all 0.3s linear
margin: 0 margin: 0
border-radius: 0 border-radius: 0
display: inline-block display: inline-block

View file

@ -36,7 +36,7 @@ button, input[type=submit]
cursor: pointer cursor: pointer
border: 0 border: 0
padding: 10px 0 5px 0 padding: 10px 0 5px 0
@include object_transitions(.3s) transition: all 0.3s linear
select select
font: 14px $baseType font: 14px $baseType

View file

@ -142,7 +142,7 @@
border-radius: 3px border-radius: 3px
margin-left: 10px margin-left: 10px
svg svg
@include object-transitions(0.1s) transition: all 0.2s linear
width: 40px width: 40px
height: 20px height: 20px
fill: $white fill: $white
@ -174,14 +174,13 @@
text-align: center text-align: center
position: relative position: relative
top: 35% top: 35%
@include text-drop-shadow($black, 1, 2px, 2px, 0) text-shadow: 2px 2px 0 rgba($black, 1)
div#options div#options
width: 100% width: 100%
position: absolute position: absolute
bottom: 0 bottom: 0
border-radius: 0 0 3px 3px border-radius: 0 0 3px 3px
//background-opacity($black, .35)
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%) background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%)
#option-left #option-left

View file

@ -1,13 +1,3 @@
@mixin text-drop-shadow($rgb_value, $opacity, $offsetX, $offsetY, $blur)
text-shadow: $offsetX $offsetY $blur rgba($rgb_value, $opacity)
@mixin object-transitions($rate)
-moz-transition: all $rate linear
-webkit-transition: all $rate linear
-o-transition: all $rate linear
transition: all $rate linear
@mixin background-opacity($rgb_value, $opacity) @mixin background-opacity($rgb_value, $opacity)
background: rgba($rgb_value, $opacity) background: rgba($rgb_value, $opacity)

View file

@ -24,7 +24,7 @@
margin-left: 10px margin-left: 10px
width: 55px width: 55px
svg svg
//@include object-transitions(0.1s) transition: all 0.1s linear
width: 20px width: 20px
height: 17px height: 17px
fill: $white fill: $white
@ -75,7 +75,7 @@
text-align: center text-align: center
position: relative position: relative
top: 35% top: 35%
@include text-drop-shadow($black, 1, 2px, 2px, 0) text-shadow: 2px 2px 0 rgba($black, 1)
#meta #meta
width: 100% width: 100%
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%) background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%)
@ -99,7 +99,7 @@
background: $primary background: $primary
margin: 0 0 10px 10px margin: 0 0 10px 10px
svg svg
@include object-transitions(0.1s) transition: all 0.2s linear
width: 40px width: 40px
height: 20px height: 20px
fill: $secondary fill: $secondary
@ -239,8 +239,7 @@
button button
width: 25% width: 25%
height: 45px height: 45px
@include object-transitions(0.3s) transition: all 0.3s linear
@include object-transitions(0.3s)
margin: 0 margin: 0
border-radius: 0 border-radius: 0
display: inline-block display: inline-block

View file

@ -7,7 +7,7 @@ a
font: 300 1em $baseType font: 300 1em $baseType
color: $secondary color: $secondary
text-decoration: underline text-decoration: underline
//@include object-transitions(0.1s) transition: all 0.2s linear
svg.icons svg.icons
width: 25px width: 25px
@ -138,7 +138,7 @@ svg.icons
button button
border-radius: 50px border-radius: 50px
svg svg
@include object-transitions(0.1s) transition: all 0.2s linear
width: 40px width: 40px
height: 20px height: 20px
fill: $white fill: $white