How to fix when someone edits css output of an existing sass file

Tags: css,sass

Problem :

A person directly edited the css output file. Am I in trouble here? He made edits all throughout the file and if I'm understanding correctly, my changes will overwrite his when I recompile. Is there anyway to keep everything but still work in my scss files? Could I take the entire css file and try the reverse css to scss path to get everything together?

Solution :

One option would be to save the edited CSS file and then compare it to your compiled CSS file, allowing you to determine what the changes are and add them to your Sass file.

  1. Save the edited CSS file as FileA.css.
  2. Recompile your Sass file into FileB.css
  3. Load files FileA.css and FileB.css into a diff viewer, something like DiffChecker or a desktop app like Kaleidoscope.
  4. Determine the changes and add the appropriate Sass to your original .sass file.

    CSS Howto..

    How a sloping/leaning background colour can be set to a text with HTML-CSS

    How to use pure CSS to show an animation of one element's background and color property?

    JavaFx how to align only one column-header in tableview?

    Showing Div via CSS selector within a UL

    How to call and hide lists using two buttons - using Javascript HTML CSS?

    How do I get my textboxes to align properly once triggered? - jQuery/CSS

    How to add CSS to all tds of a particular tr in jQuery?

    How to set select box height in jquery moblie?

    Content shows up when clicked on the link

    How to use CSS in XML and XSL

    Advanced CSS tricks: How to span an image over multiple columns in a CSS3 site layout?

    How do you change the theme and colors of Site.Master in ASP.NET / C#?

    How do I make a DIV tag stretch to the size of it's children?

    How to code vertical banner

    how to make css hover just only in a bullet area

    How can I fix this jumbotron/carousel to be the size of the image?

    How to create specified distance between the end of a line and the baseline of the second line using css

    How to conditionally load CSS

    how to align the content of a box

    How do i create a responsive page with fixed positioned header and side nav using only html css?

    How to load CSS on PC and Mobile by jQuery?

    How to use media queries for mobile devices and desktop?

    how to create circle that cut off one piece with css

    CSS and jQuery current links navigation: how to update the
  • class
  • CSS: how to select parent's sibling [duplicate]

    How to refresh div using ajax refresh?

    How can I show a element on my site when hovered with only JS?

    How to put a div in more pages

    How do I make my footer sit at the bottom of my content?

    How to vertically center text next to a radio button