Last active
September 27, 2017 15:49
-
-
Save jayharris/9280713 to your computer and use it in GitHub Desktop.
Semantic CSS with Bootstrap and LESS
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="DoingItRight">This is how it is done!</div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // @Import some bootstrap mixins | |
| .DoingItRight { | |
| .make-xs-column(6); | |
| .make-sm-column(4); | |
| .make-md-column(3); | |
| .make-lg-column(2); | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div id="DoingItWrong" class="col-lg-2 col-md-3 col-sm-4 col-xs-6">You're doing it wrong!</div> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
@andyfowler - I've written large, rich, commercial applications semantically that had a smaller css file than what Bootstrap adds out the door.
Edit - I guess maybe a better way to say it is, if you are using Bootstrap in your project, you are already more concerned with abstraction and reducing developer effort than file size.