Skip to main content
Code Review

Questions tagged [sass]

Ask Question

Sass is a CSS preprocessor which enables advanced features not available in normal CSS.

84 questions
Newest Active Bountied Unanswered
Filter by
Sorted by
Tagged with
0 votes
0 answers
95 views

I'm building a framework like this that can turn SASS-like code into CSS, a template engine like Mustache, a DOM manipulator like React, and a router to add a single page app, and I'm having a ...
ahmed qoreichi's user avatar
  • 9
4 votes
2 answers
290 views

I'm migrating to web development and wanted to learn CSS animations better. I was playing Prey last night and realized the "throbber" on the elevator screen would be interesting to ...
Carcigenicate's user avatar
  • 16.6k
6 votes
1 answer
277 views

I am trying to learn UI design so I threw together a Bayes Calculator (i.e. calculate the posterior probability of being sick given a positive/negative test result using the specificity, sensitivity ...
Felix Benning's user avatar
  • 163
3 votes
0 answers
87 views

I've been learning how to design responsive webpages. I got done the basics and can create code that closely resembles the design, but I was wondering what are the best practices in web development ...
smanna's user avatar
  • 131
4 votes
0 answers
83 views

I've created a travel agent website, I would like to know how can I improve, DRY my code and how to increase performance - I tinified img's but the bottom one I've made in PS takes much time to load. ...
fluffy's user avatar
  • 397
0 votes
1 answer
522 views

I've created a Christmas tree using only HTML and CSS. It's pretty sure that the code can be written in a more efficient way. Also, the lights are turning on and off at the same time, is there a way ...
Leo Messi's user avatar
  • 181
2 votes
3 answers
279 views

I wrote my first web app. Please let me know what I should improve. I want to write as clean code as possible. App is about adding and removing tasks from list. Backend is written in Django, frontend ...
Damian Tułacz's user avatar
  • 21
1 vote
1 answer
72 views

The code I'm working on looks like this - All the way up to 50... (Not ideal) There can be anywhere from 1 to 100 anchor/div combinations, but more often than not in single digits so there's almost ...
Nick's user avatar
  • 151
2 votes
0 answers
62 views

I want to know if my SCSS code looks correct. Note: Everything works as I expected. The Main Idea of this code is to generate Word Break Utilities for controlling word breaks in an element. using SCSS ...
HoussamDev's user avatar
  • 21
3 votes
1 answer
109 views

Hello I've just finished coding one of my first websites. And I would love some feedback. I know that I really need to improve my design and improve my code and for that I need some tips from you guys ...
fluffy's user avatar
  • 397
0 votes
1 answer
63 views

I'm trying to automate the CSS I write by developing SASS files I can reuse. I want to create a utility SASS file for padding and came up with the following. ...
Neil Meyer's user avatar
  • 239
4 votes
1 answer
117 views

Is there a way I could simplify this with Sass or JS? It works, but it's not what I'd call 'DRY' code. An alternate form I've tried is a Sass for loop but can't get ...
Dan Knights's user avatar
  • 207
4 votes
1 answer
100 views

If the default task is executed here, the file name to be compiled is passed to the argument of the CompileSass function. When ...
alihasan's user avatar
  • 43
6 votes
1 answer
620 views

I just started Developing Web App (Vue.js) for my company for around 1-2 months. Therefore, my knowledge and experience in HTML, CSS and Javascript is kinda shallow. I've created a custom resizable ...
Muhammad Azizi Abdul Aziz's user avatar
  • 61
1 vote
2 answers
105 views

My job is to supervise a junior developer, but I am mainly a javascript developer and my CSS skills are a bit basic. However, I spotted some things in his CSS code that seem unorthodox to me. He ...
ealef's user avatar
  • 153
3 votes
1 answer
85 views

I have put together a piece of what can be a much larger frontend in Reactjs. I just put together the component that renders to the user a list of airports and hotels as well as a header component. ...
Daniel's user avatar
  • 165
2 votes
1 answer
148 views

I was told to code a board game app using React for a job interview. They told me they chose other candidates to move forward with, so I was wondering on what I could improve. The full code can be ...
Jorayen's user avatar
  • 131
2 votes
1 answer
161 views

I have a pretty simple question but I can't seem to find a solution for it. I have the following SCSS code (can be found below) which works fine, but I think it could be simplified to get rid of the ...
T. Dirks's user avatar
  • 123
5 votes
0 answers
108 views

I've written some SASS code to generate a Pygments syntax highlighter style sheet (which are, by extension, compatible with Rouge). Such a stylesheet is normally generated by the ...
Martijn Pieters's user avatar
  • 530
2 votes
1 answer
73 views

I have this code... ...
Smokey Dawson's user avatar
  • 123
2 votes
2 answers
916 views

In my SASS I use font-awesome declarations all over the place. I'm in love with it. I've created a SASS mixin for the usage: I started with the following: ...
Zach Smith's user avatar
  • 131
10 votes
1 answer
570 views

I made a small Popup component to show different error/success...etc. messages. Template: ...
Embrioka's user avatar
  • 323
2 votes
0 answers
321 views

First of all, thanks for reviewing my code. I am half-way done through a GitHub Project I call ScriptSass, that parses SCSS Code using Javascript into regular CSS. Now, I have reluctantly added an ...
Roy's user avatar
  • 21
3 votes
0 answers
336 views

I just made a little experiment on codepen with this animation. But I get some performance issues: sometimes it's not as smooth as it should be. Does someone know some practice I could use to ...
GordonFreeman's user avatar
  • 63
2 votes
1 answer
556 views

I have created several mixins for a button to attempt to reduce duplication and contribute to the overall improvement of performance. I am looking for guidance on how to tighten this up so it is as ...
JayCray's user avatar
  • 21
1 vote
1 answer
143 views

I'm learning Sass and responsive websites, I've made this simple portfolio website with the help of a bootstrap template (freelancer) and I'd like to know if I'm doing SASS correctly and ways to ...
user avatar
0 votes
2 answers
193 views

I've been messing around with SASS and BEM for the last few months. I recently starting 'thinking' in modular in terms of building out my applications (for re-usability and simplicity). I am coding ...
daniel aagentah's user avatar
  • 127
1 vote
1 answer
106 views

Who has to use enterprise software like for example Microsoft Access knows that control: There a two select lists. The one list offers possible options. With a button you can add one or multiple ...
michael.zech's user avatar
  • 5,040
3 votes
0 answers
81 views

I had to do some maintenance programming on a legacy software recently. Most of the system's logic is done with Java and PL SQL. The Java creates some special kind of XML. These XML is then ...
michael.zech's user avatar
  • 5,040
2 votes
0 answers
70 views

I would like some opinions on this Mobile Menu plugin I wrote for work. We develop custom WordPress themes, nothing too advanced or anything. I would like if anyone could just take a look and provide ...
bebaps's user avatar
  • 21
1 vote
1 answer
2k views

I've made this little animation using SVG, CSS-keyframes and a bit of Sass. ...
michael.zech's user avatar
  • 5,040
1 vote
1 answer
507 views

I've have make this animation on the weekend as a "just for fun" thing. And for to play with various techniques I've seen in others code. I think it works quite alright. Nevertheless I would ...
michael.zech's user avatar
  • 5,040
1 vote
1 answer
2k views

I'm currently working on an header for some homepage. It should be responsive. When enough width is available a floating header is displayed (logo on the left / menu on the right). With less and less ...
user avatar
3 votes
1 answer
15k views

Exercise assignment: Build a calculator with React which can add, subtract, multiply and divide. See image below for reference Give it whatever design and colors you want Each text ...
michael.zech's user avatar
  • 5,040
6 votes
3 answers
1k views

I've created a simple toggle menu in jQuery, which is capable of specifying a breakpoint, but I'm afraid my code is too complicated. How can I make it simpler? I also have a question about ...
kr099's user avatar
  • 151
2 votes
0 answers
52 views

I've been learning Sass recently and I've made a small project to master key concepts. I've tried to use placeholder to make different styles of boxes. I have a few questions: is the project generally ...
kr099's user avatar
  • 151
3 votes
2 answers
11k views

The purpose is to attach a tooltip-element to arbitrary HTML-elements. The tooltip appears when the user hovers an element. Follows the mouse-pointer while moving over the element. ...
michael.zech's user avatar
  • 5,040
1 vote
1 answer
91 views

I've made this coding for large web pages with lots of text, images etc. If the user scrolls down or up it shows where the current view approximately is. In relation to the overall document height. I'...
michael.zech's user avatar
  • 5,040
0 votes
1 answer
114 views

I am a UI/UX designer. I am working on the HTML of a website, using Sass/scss+bootstrap 3 project. It's my first project in sass/scss. Now my developer's feedback is: HTML code is not up to mark. ...
Sharanpreet's user avatar
  • 101
0 votes
1 answer
69 views

The idea is to improve the usage of larger formulars. Done by adding a little animation to the input-elments. When one of the textboxes is clicked or focussed via tab appears a colored border. ...
michael.zech's user avatar
  • 5,040
2 votes
0 answers
165 views

After reading a bit about CSS3-text-shadows and seeing a few advanced examples I had the idea for a "neon light"-banner. Next idea was to animate it. Finally it has become a mixture between a Sass-...
michael.zech's user avatar
  • 5,040
1 vote
1 answer
253 views

I recently started using SASS and Compass in my projects. So far I am using the file structure shown below. ...
daniel aagentah's user avatar
  • 127
0 votes
2 answers
153 views

The font size scales up/down based on the size of the browser to fit the nav bar buttons (using @media). ...
daniel aagentah's user avatar
  • 127
1 vote
1 answer
1k views

Using SCSS and React, I have made a little table (not an HTML table), which is responsive based on variable-width cells. That is to say, each cell whose width is not variable has a ...
alanbuchanan's user avatar
  • 1,322
4 votes
1 answer
177 views

I'm new to and still fairly confounded by SVGs. I'm feeling pretty happy with the following hobbled together SCSS code demonstrated here: ...
MikeiLL's user avatar
  • 640
2 votes
1 answer
218 views

I wish to make a mixin to produce the following result of modifier classes: ...
yaserso's user avatar
  • 147
3 votes
1 answer
1k views

Recently I was looking for some really simple modal/popup solution in vanilla JS, but nothing popped. So I wrote mine component. It works great so far, have all the options I need, but I don't know if ...
Tomek Buszewski's user avatar
  • 133
3 votes
0 answers
441 views

I have the following gulpfile which I use for development. It used to be a simple gulpfile with just jade compiling, sass, jekyll-rebuild, etc. but then I decided to add HTML Optimization my gulpfile ...
Guille's user avatar
  • 131
2 votes
1 answer
562 views

I have completed a coding challenge from Free Code Camp. The challenge's user stories are as follows: I can create recipes that have names and ingredients. I can see an index view where the ...
alanbuchanan's user avatar
  • 1,322
4 votes
3 answers
3k views

I've made a small js/css/html module which purpose is to fill a pie chart up to a given percentage. Basically it could be used for instance as a filling pie chart that keep tracks of the amount of ...
Antonin Cezard's user avatar
  • 351

1
2