From e74e7e1f376b91d78624a2de803c091562c8b832 Mon Sep 17 00:00:00 2001
From: John O'Nolan <john@ghost.org>
Date: Sat, 16 Aug 2014 19:39:37 +0300
Subject: [PATCH] Remove old button styles

---
 core/client/assets/sass/patterns/buttons.scss | 226 ------------------
 1 file changed, 226 deletions(-)

diff --git a/core/client/assets/sass/patterns/buttons.scss b/core/client/assets/sass/patterns/buttons.scss
index f1f94a1f41..e4a8e7f89c 100644
--- a/core/client/assets/sass/patterns/buttons.scss
+++ b/core/client/assets/sass/patterns/buttons.scss
@@ -210,230 +210,4 @@ input[type="button"] {
     &.btn-block {
         width: 100%;
     }
-}
-
-// --------------------------------------------------
-//
-// TODO: These are the old styles to be removed.
-//
-// --------------------------------------------------
-
-//
-// Base Button
-// --------------------------------------------------
-
-%btn {
-    min-height: 35px;
-    width: auto;
-    display: inline-block;
-    padding: 0.9em 1.37em;
-
-    text-decoration: none;
-    color: #fff;
-    font-size: 11px; // Hack because Firefox sucks.
-    line-height: 13px; // Hack because Firefox sucks.
-    font-weight: 300;
-    text-align: center;
-    letter-spacing: 1px;
-    text-transform: uppercase;
-
-    text-shadow: none;
-    border-radius: 0.2em;
-    border: rgba(0,0,0,0.05) 0.1em solid;
-
-    @include transition(background 0.3s ease, border-color 0.3s ease);
-
-    &:hover,
-    &.hover,
-    &:focus {
-        will-change: border-color, background;
-        border-color: transparent;
-        background: #f8f8f8;
-        text-decoration: none;
-    }
-
-    &:active {
-        box-shadow: rgba(0,0,0,0.3) 0 1px 3px inset;
-    }
-
-    &:disabled {
-        opacity: 0.5;
-    }
-
-    &.large {
-        padding: 1em 1.8em;
-        font-size: 14px;
-        line-height: 16px;
-    }
-
-    // Styling for buttons with icons in them
-    &[class*='icon-'] {
-        position: relative;
-        padding-left: calc(1.37em + 36px);
-        &:before {
-            position: absolute;
-            top: 0;
-            left: 0;
-            bottom: 0;
-            width: 35px;
-            font-size: 13px;
-            line-height: 35px;
-            border-right: 1px solid rgba($darkgrey, 0.1);
-            opacity: 0.95;
-        }
-
-        &.large {
-            padding-left: calc(1.8em + 46px);
-            &:before {
-                width: 46px;
-                line-height: 46px;
-                font-size: 17px;
-            }
-        }
-
-    }
-
-}
-
-
-// TODO: Find a better way of doing this?
-[class*='button'] {
-    &[class*='has-icon'] {
-        padding-left: 0;
-        [class*='icon-'] {
-             margin-left: 11px;
-            margin-right: 4px;
-            &:before {
-                font-size: 0.9rem;
-            }
-        }
-    }
-    &.only-has-icon {
-        padding-right: 0;
-        [class*='icon-'] {
-            margin-right: 11px;
-        }
-    }
-}
-
-
-//
-// The Buttons
-// --------------------------------------------------
-
-.button {
-// button,
-// input[type="button"] {
-    @extend %btn;
-    color:#777;
-    font-weight: normal;
-    background: #eee;
-    box-shadow: none;
-    &:hover,
-    &:focus {
-        border-color: rgba(0,0,0,0.1);
-    }
-}
-
-.button-dark {
-    @extend %btn;
-    color: #fff;
-    font-weight: normal;
-    background: #A1ADB3;
-    box-shadow: none;
-    border-color: #A1ADB3;
-    &:hover,
-    &:focus {
-        border-color: darken(#A1ADB3, 10%);
-        background: darken(#A1ADB3, 10%);
-    }
-}
-
-// Button for save/next/continue/confirm actions
-.button-save {
-// button[type="submit"],
-// input[type="submit"] {
-    @extend %btn;
-    background: $blue;
-    box-shadow: none;
-    &:hover,
-    &:focus {
-        background: darken($blue, 10%);
-    }
-}
-
-// Button for actions which add stuff
-.button-add {
-// button[type="submit"].button-add,
-// input[type="submit"].button-add {
-    @extend %btn;
-    background: $green;
-    &:hover,
-    &:focus {
-        background: darken($green, 8%);
-    }
-}
-
-// Button for deleting/removing stuff
-.button-delete {
-// button[type="reset"],
-// input[type="reset"] {
-    @extend %btn;
-    background: $red;
-    box-shadow: none;
-    &:hover,
-    &:focus {
-        background: darken($red, 10%);
-    }
-}
-
-// Alternative button with more visual attention, but no extra semantic meaning
-.button-info {
-    @extend %btn;
-    background: #A1ADB3;
-    &:hover,
-    &:focus {
-        background: lighten(#A1ADB3, 10%);
-    }
-}
-
-// Back button for pane animations
-.button-back {
-    @extend %btn;
-    position: absolute;
-    top: 20px;
-    left: 20px;
-    margin-right: 30px;
-    padding: 0.5em 1.37em 0.5em 1.10em;
-    display: none;
-    color: #fff;
-    background: $blue;
-    border: none;
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
-
-    &:before {
-        content: ' ';
-        position: absolute;
-        top: 0;
-        left: -10px;
-        width: 0;
-        height: 0;
-        border-width: 18px 10px 18px 0;
-        border-color: transparent $blue transparent transparent;
-        border-style: solid solid solid none;
-        @include transform(scale(0.9999));
-        @include transition(border-color 0.3s ease);
-    }
-
-    &:hover,
-    &:focus {
-        color: #fff;
-        background: darken($blue, 10%);
-        border-color: darken($blue, 10%);
-        &:before {
-            border-right-color: darken($blue, 10%);
-        }
-    }
-
 }
\ No newline at end of file