Hej
Jeg er ved at få en lille smule hovedpine over et problem jeg har bøvlet lidt med.
Jeg har hentet nogle tilretninger fra Bootswatch for at give mit bootstrap tema et lidt andet look at starte ud fra.
Dog kan jeg simpelthen ikke finde ud af hvordan jeg får den til at sammenlægge de oprindelige sass filer fra bootstrap med de to filer jeg har med bootswatch ændringerne.
Jeg har fundet frem til at jeg med stor sandsynlighed skal tilføje nogle imports i
_bootstrap.scss, men hvis jeg holder det kompilerede resultat op i mod det jeg får ved blot at overskrive bootstrap.min.css med den version der kommer.
Det jeg har prøvet er at udskifte denne linje
@import "bootstrap/variables";
med denne
@import "bootswatch/paper/variables";
I bunden af filen har jeg så placeret denne
@import "bootswatch/paper/bootswatch";
Her er den komplette fil i tilrettet form
/*!
* Bootstrap v3.3.5 (http://getbootstrap.com)
* Copyright 2011-2015 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
// Core variables and mixins
@import "bootswatch/paper/variables";
@import "bootstrap/mixins";
// Reset and dependencies
@import "bootstrap/normalize";
@import "bootstrap/print";
@import "bootstrap/glyphicons";
// Core CSS
@import "bootstrap/scaffolding";
@import "bootstrap/type";
@import "bootstrap/code";
@import "bootstrap/grid";
@import "bootstrap/tables";
@import "bootstrap/forms";
@import "bootstrap/buttons";
// Components
@import "bootstrap/component-animations";
@import "bootstrap/dropdowns";
@import "bootstrap/button-groups";
@import "bootstrap/input-groups";
@import "bootstrap/navs";
@import "bootstrap/navbar";
@import "bootstrap/breadcrumbs";
@import "bootstrap/pagination";
@import "bootstrap/pager";
@import "bootstrap/labels";
@import "bootstrap/badges";
@import "bootstrap/jumbotron";
@import "bootstrap/thumbnails";
@import "bootstrap/alerts";
@import "bootstrap/progress-bars";
@import "bootstrap/media";
@import "bootstrap/list-group";
@import "bootstrap/panels";
@import "bootstrap/responsive-embed";
@import "bootstrap/wells";
@import "bootstrap/close";
// Components w/ JavaScript
@import "bootstrap/modals";
@import "bootstrap/tooltip";
@import "bootstrap/popovers";
@import "bootstrap/carousel";
// Utility classes
@import "bootstrap/utilities";
@import "bootstrap/responsive-utilities";
//Overrides
@import "bootswatch/paper/bootswatch";
Er der nogen som kan fortælle mig hvordan dette skal sammensættes for at det kommer til at virke?