🚀 Big News: Socket Acquires Coana to Bring Reachability Analysis to Every Appsec Team.Learn more
Socket
DemoInstallSign in
Socket

Foundation4.MVC4.Sass

Package Overview
Dependencies
Maintainers
1
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

Foundation4.MVC4.Sass

See included readme for setup instructions. Foundation is the most advanced responsive front-end framework in the world. With Foundation you can quickly prototype and build sites or apps that work on any kind of device, with tons of included layout constructs (like a full responsive grid), elements and best practices. Homepage: http://foundation.zurb.com Documentation: http://foundation.zurb.com/docs Download: http://foundation.zurb.com/download.php Foundation is MIT-licensed and absolutely free to use. Foundation wouldn't be possible without the support of the entire ZURB team, our friends and colleagues who gave feedback, and some luminaries who did some heavy lifting that we took advantage of (thanks guys).

1.2.431
NuGet
Version published
Maintainers
1
Created
Source

/****** Installation Instructions ******

Requirements:

This package requires Sass (Compass is optional). For Compass and Sass support in Visual Studio see: http://www.mindscapehq.com/products/web-workbench

  • Configure your project

Foundation can be used either with Sass or Sass with compass. The Foundation Nuget package installs Foundation to the ~/sass folder by default.

1a. Configure your Sass output folder
Open up the Web Workbench Settings for your project (select the project and use the right click context menu, or the Mindscape menu) 
you can set the Output Folder for your SCSS file and specify where the .css and/or .min.css will be generated.

1b. Create a Compass project
(Instructions using Web Workbench) http://www.mindscapehq.com/blog/index.php/2012/10/04/working-with-compass-web-workbench-to-create-button-sprites-within-visual-studio/
**If you are using Web Workbench, you must create a Compass project, otherwise Web Workbench will not save the compiled CSS to the correct location.

Open the /config.rb and change the output directory from "stylesheets" to "Content"
#Match MVC conventions
css_dir = "Content"

If desired remove Compass default files ie.scss, screen.scss, print.scss

2. Update the Layout

Open the /Views/_ViewStart.cshtml Change the Layout to _Foundation.cshtml like the example below:

@{ //This is the default MVC template //Layout = "~/Views/Shared/_Layout.cshtml";

//This is the Foundation MVC template
Layout = "~/Views/Shared/_Foundation.cshtml";

}

  • Replace the default theme

Once the ViewStart has been updated. Replace the default Index.cshtml:

Rename ~/Views/Home/Index.cshtml to Index.cshtml.exclude (or delete the file) Rename ~/Views/Home/Foundation_Index.cshtml to Index.cshtml

Sass will replace the default style ~/Content/Site.css This WILL BE OVERWRITTEN each time Sass compiles

Open and save ~/sass/Site.scss (SASS) to generate ~/Content/Site.css (CSS)

  • Automatic Bundling and Minification

Open the /App_Start/BundleConfig.cs Add the following bundles:

        #region Foundation Bundles
        //If your project requires jQuery, you may remove the zepto bundle
        bundles.Add(new ScriptBundle("~/bundles/zepto").Include(
                "~/Scripts/zepto.js"));

        bundles.Add(new ScriptBundle("~/bundles/foundation").Include(
                  "~/Scripts/foundation/foundation.js",
                  "~/Scripts/foundation/foundation.*",
                  "~/Scripts/foundation/app.js"));
        #endregion

5. You are now ready to begin building your MVC project using Foundation.

/****** Related Nuget packages ****** Want to rapid prototype and wire frame directly from code using Html Helpers? Try the prototyping package on nuget. It works great with Foundation. http://www.nuget.org/packages/Prototyping_MVC

Having trouble with media queries? Debug them with this simple CSS file. http://nuget.org/packages/CSS_Media_Query_Debugger

/****** Documentation ****** Docs http://foundation.zurb.com/docs/ Demo http://edcharbeneau.github.com/FoundationSinglePageRWD/

Resources: http://www.responsiveMVC.net/

Follow us: Ed Charbeneau http://twitter.com/#!/edcharbeneau Foundation Zurb http://twitter.com/#!/foundationzurb

Thanks to Frans Lytzen for his contributions to the project. http://blog.lytzen.name/

Change Log: Version 1.2.431 -Updated core to 4.3.1 Version 1.2.423 -Updated core to 4.2.3 Version 1.2.421 -Updated core to 4.2.1 -now with interchange http://foundation.zurb.com/docs/components/interchange.html

Version 1.2.416 -Updated core to 4.1.6

Version 1.2.412 -Updated core to 4.1.2

Version 1.2.409 -Fixed typos

Version 1.0.409 - Initial NuGet Release

Note: version scheme .. foundation version represents the foundation version less the "." for example 4.1.4 would be #.#.414

Foundation Framework Support: http://foundation.zurb.com/docs/support.php

Keywords

HTML

FAQs

Package last updated on 06 Aug 2013

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts