When I try to apply themes to my ASP.NET project, VS gets upset with me. I've tried several themes from bootswatch, all with the same errors. An example is... Validation (CSS 4.0): "-ms-flex-positive" is not a known CSS property.
It's throwing dozens of these errors for bootstrap.css. When I use an old version of the same theme from 3.4.1 it only throws a couple of errors... Validation (CSS 4.0): "appearance" is not a known CSS property.
I understand that it's trying to reference values that are supposed to exist somewhere, but I don't know where or what setup I'm doing incorrectly. I've made sure that 4.5.0 is installed in the NuGet Package Manager. What am I missing?
Related
I have an ASP.NET project, which I used Sass.
I used WebCompiler to compile my .scss files.
The SCSS code shown here is valid CSS, and does not ruin my app when I run it. (I created a fresh ASP.NET project with VS2019 .NET 5 and VS2022 .NET 6, and they both have the same warning)
Since WebCompiler is using node-sass, I checked the official node-sass repo for a solution regarding this. Unfortunately, there was none.
Is there a way to remove these warnings when setting a value for grid-template-areas?
If I completely remove all warnings (Tools -> Options -> Text Editor -> SCSS -> Advanced -> Enable Validation), I won't know potential errors/warnings in the future. I just want to remove this warning.
(Or do I need an extension for this?)
This SO question is similar to my problem. The problem of that question is about sass maps, and mine is about grid-template-areas.
I have a puzzling situation. Using Eclipse Oxygen.
One project, which I think I started as a Web Project in Eclipse Neon, does syntax highlighting for CSS files.
My new project, which I think started out as a PyDev Project here in Eclipse Oxygen, does not do highlighting for CSS files.
I'm unclear about the types of project because neither of the icons in Package Explorer (which are different) seems to correspond to any of the possible projects when you go File --> New (I've looked at all of them, including the icons under Other).
So it's really 2 questions: how do I find out what project type I'm working on... and how then do I configure the PyDev one (if such it be) to apply syntax highlighting to CSS.
Incidentally, the PyDev project is using a project location outside the default Workspace, not that this should make any difference.
Installation instructions can be found in the WTP Wiki at https://wiki.eclipse.org/WTP_FAQ#How_do_I_install_WTP.3F . Or you can use the Marketplace entry for it at https://marketplace.eclipse.org/content/eclipse-web-developer-tools-0 .
As suggested earlier, I believe you were missing highlighting because the WTP tools weren't installed in your PyDev environment. Nevertheless, if you need to spend more than a few minutes working with CSS, I would encourage you to give CodeMix a try for truly superlative CSS support in Eclipse:
Supports all the CSS 3 properties, including support for variables
In-built Emmet integration reduces typing required
Includes a CSS validator
Sass and LESS supported too
For more, see: https://www.genuitec.com/tech/css3-in-eclipse/
I am in the process of creating a website using Mono. It will be a standard webforms app (not MVC) but I'd like to use SASS for the CSS (specifically scss). However, I can't seem to get SASS to work with a mono webforms application. I tried using SassAndCoffee from NuGet and followed the standard setup instructions which said I should just reference my scss files as css files (e.g. application.scss would be referenced as application.css in a link attribute in the head. see http://blog.paulbetts.org/index.php/category/programming/mono-net/). That didn't work (or at least I'm assuming it didn't since my page rendered with no CSS and this scss has been tested on a rails platform so I know it works).
Next I tried using SquishIt which has an NSass wrapper. I followed the instructions here: http://www.cassandraking.net/wordpressapp/integrating-sass-into-net-using-nuget-and-squishit-sass/. This throw a 500 error because asp.net was unable to find NSass.Wrapper.proxy.dll. A quick google search led me to discover that because I was targeting "Any CPU", it couldn't choose between "NSass.Wrapper.x86" and NSass.Wrapper.x64". Sadly, however, MonoDevelop doesn't seem to want to give me the option to target x86 or x64 (the only option I have is to target "Any CPU").
I've kind of run out of options. Since I'm not using MVC, am I able to using SASS with a standard WebForms project using the Mono platform? Has anyone done this and can provide me some pointers?
In case anyone else runs into this, I never really found a viable solution in terms of a plugin. Honestly, Xamarin studio doesn't even seem to have a built in SASS editor as it isn't able to colour code anything in a SASS file. I ended up just using the sass command in terminal to convert a sass file to css. At a terminal prompt in the folder where your sass is kept type:
$ sass mysassfilename.sass:somecssfilename.css
To edit the sass file, I downloaded Microsoft's Visual Studio Code which has a version for the mac. It works rather well.
Finally getting around to learning front-end development with sass and I'm using bootstrap-sass-official (installed via bower) in an AngularJS project. Id like to try out AngularStrap in this project as well but it's dependency on bootstrap's CSS means I am loading both the standard CSS version as well as the SASS version of bootstrap. Can I use AngularStrap with bootstrap-sass without also requiring the standard CSS?
Bower will require the standard bootstrap.css with the installation of angularstrap. Once it is installed, remove the reference to it from your index.html file and you're all set. Thanks to Remco Haszing for the answer!
I've inherited a large codebase written primarily in Flex 3.2 using Parsley and Cairngorm.
The entire build process is done through maven using FlexMojos.
I'm relatively new to Flex and I've been told to upgrade Flex from 3.2 to the latest 4.5.1 version.
While I have made a good progress, I have run into some errors that are beyond my understanding or Google search has not been able to help.
Things I have done:
Changed all namespaces to mxml 2009 and fx.
Put all non-visual components in fx:declarations.
Added namespaces in my stylesheet
Upgraded version of FlexMojos to 3.9 - not 4 because there isn't a stable version yet
Upgrade all cairngorm dependencies to the Flex 4 dependencies, although keeping the same versions.
Exclusively declared that the theme I want to use in the compiler settings is halo.swc
Fixed a lot of compilation warnings and errors which were trivial.
Things I don't know how to fix:
While compiling, I get a lot of warnings with regards to CSS.
An example of warning I get is the following:
[WARNING] C:\repo\com\adobe\flex\framework\framework\4.0.0.14159\framework-4.0.0.14159.swc$defaults.css:[487,-1]
The style 'dropShadowVisible' is only supported by type
'mx.controls.List' with the theme(s) 'spark'.
For a start, I'm not using 4.0.014159, although something's telling me that the dependency is being pulled through a Cairngorm library such as validation or module.
If so, any solutions to that?
Additional warnings I get which I don't understand how to fix are the following:
[WARNING] The swc
'C:\repo\com\adobe\flex\framework\framework\4.5.1.21328\framework-4.5.1.21328.swc'
has style defaults and is in the library-path, which means
dependencies will be linked in without the styles. This can cause
applications, which use the output swc, to have missing skins. The
swc should be put in the external-library-path.
Regarding the above, I read somewhere that the swc file has to be loaded as an external library path instead. I did that but the warning didn't go away.
Finally, the app fails to compile as a result of these errors.
[ERROR]
C:\repo\com\adobe\flex\framework\mx\4.5.1.21328\mx-4.5.1.21328.swc$defaults.css:[469,-1]
Invalid Embed directive in stylesheet - can't resolve source
'Embed(source = "assets/CalendarIcon.png")'.
There's no reference of the CalendarIcon.png asset in my codebase. Google pointed me out to this http://python.mmitd.com/bugs.adobe.com/jira/browse/SDK-22746, but I'm afraid nothing I've done worked.
As you can see the majority of my warnings/errors (at least for now) lie around default.css warnings.
Any help will be greatly appreciated!
Flex compiler, by default uses a css, which is named as "defaults.css". If you have the css named as "defaults.css", change the name of it.
It will also look for flex-config, which should be same as application name or it will take a default flex-config from the sdk folder. There are couple of css properties, which are only available in Flex 3 components. Now as we have the Spark component architecture in place, few properties may not work at all and give you warning messages.
If you have Flash Builder installed on your machine, you can import your project in it and go through the warning messages one at a time and fix your .css file.
Hope it helps you somewhat in resolving the problems..