Skip to content

Instantly share code, notes, and snippets.

@nodesocket
Last active April 1, 2021 23:37
Show Gist options
  • Save nodesocket/5843712 to your computer and use it in GitHub Desktop.
Save nodesocket/5843712 to your computer and use it in GitHub Desktop.
Below are simple styles to "flatten" bootstrap. I didn't go through every control and widget that bootstrap offers, only what was required for https://commando.io, so your milage may vary.
/* Flatten das boostrap */
.well, .navbar-inner, .popover, .btn, .tooltip, input, select, textarea, pre, .progress, .modal, .add-on, .alert, .table-bordered, .nav>.active>a, .dropdown-menu, .tooltip-inner, .badge, .label, .img-polaroid {
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
border-radius: 0px !important;
border-collapse: collapse !important;
background-image: none !important;
}
@nodesocket
Copy link
Author

Manage servers easily online.

https://commando.io

demo

demo2

@zzz6519003
Copy link

nice!

@bevacqua
Copy link

@pkkid
Copy link

pkkid commented Jun 23, 2013

@bevacqua - I dunno. I think i would prefer this way over Flatstrap. It allows you to use the official bootstrap repo with a minimal 10 line addition as opposed to waiting on yet another third-party to always be catching up to Bootstap's updates.

@awhitty
Copy link

awhitty commented Jun 23, 2013

@bevacqua - Flatstrap looks really appealing on the surface, but its implementation is actually a little frightening. To make Bootstrap flat, they literally rewrote the relevant mixins:

#gradient {
    .horizontal(@startColor: #555, @endColor: #333) {
        background-color: @endColor;
    }

    etc...

I find this approach really frustrating if your "flat" design actually does call for a gradient or two.

@choudeshell
Copy link

Don't forget about all the filter tags for IE compatibility.

@marwan-nwh
Copy link

@paultopia
Copy link

I wonder if it would break anything serious to just go all the way and slap that sucker on the body tag...

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment