Friday, 15 May 2015

asp.net mvc 4 - YUI and Purecss button color -



asp.net mvc 4 - YUI and Purecss button color -

i'm created simple css yui skin builder, but, when seek utilize in mvc project color scheme not correct

my skin that: skin, spected button color red, but, grayness or bluish button:

my cshtml code:

@{ layout = null; } <!doctype html> <html lang="pt-br"> <head> <meta name="viewport" content="width=device-width" /> <title>uniflex</title> <link href="@url.content("~/css/pure/pure-min.css")" rel="stylesheet" /> <link href="@url.content("~/content/pure-skin-min.css")" rel="stylesheet" /> </head> <body> <div style="margin-top: 60px;margin-left:auto; margin-right: auto;width:330px;"> <img src="@url.content("~/imagens/logo.png")"> </div> <div style="width:500px; margin-right:auto; margin-left:auto;"> <form class="pure-form pure-form-aligned"> <fieldset> <div class="pure-control-group"> <label for="name">usuario:</label> <input id="name" type="text" placeholder="username"> </div> <div class="pure-control-group"> <label for="password">senha:</label> <input id="password" type="password" placeholder="password"> </div> <button class="pure-button pure-button-primary">a pure button</button> </fieldset> </form> </div> </body> </html>

what wrong ?

ok, forgot set css name in body

<body class="pure-skin-mine"> <!doctype html> <html lang="pt-br"> <head> <meta name="viewport" content="width=device-width" /> <title>uniflex - bradesco</title> <link href="@url.content("~/css/pure/pure-min.css")" rel="stylesheet" /> <link href="@url.content("~/content/pure-skin-mine.css")" rel="stylesheet" /> </head> <body class="pure-skin-mine"> <div style="margin-top: 60px;margin-left:auto; margin-right: auto;width:330px;"> <img src="@url.content("~/imagens/bradesco-logo.png")"> </div> ...

now it's work well!

asp.net-mvc-4 yui-pure-css

No comments:

Post a Comment