diff --git a/assets/scss/global.scss b/assets/scss/global.scss index 568301e..bedfa04 100644 --- a/assets/scss/global.scss +++ b/assets/scss/global.scss @@ -940,11 +940,6 @@ pre[class*="language-"] { #feature-two { @include feature-header-button($feature-two-color); - margin-left: 15px; - - @include breakpoint(max-width 660px, max-width 660px) { - margin: 15px 0 !important; - } } /* ========================================================================== diff --git a/assets/scss/mixins.scss b/assets/scss/mixins.scss index cec6a5f..a24fc55 100644 --- a/assets/scss/mixins.scss +++ b/assets/scss/mixins.scss @@ -1,17 +1,22 @@ @mixin feature-header-button($color) { - height: 30px; - padding: 6px 10px; - margin: 15px 0 0; + color: $color; - transition: all .5s ease; + @include breakpoint(min-width 800px) { + height: 30px; + padding: 6px 10px; + margin: 15px 0 0; + transition: all .5s ease; + border: 1.5px solid $color; + border-radius: 2px; + background: rgba(white, .8) !important; - color: $color !important; - border: 1.5px solid $color; - border-radius: 2px; - background: rgba(white, .8) !important; + &:hover { + color: rgba(white, .8) !important; + background: $color !important; + } + } - &:hover { - color: rgba(white, .8) !important; - background: $color !important; + @include breakpoint(max-width 800px) { + font-weight: 900; } }