Questions tagged [sass]

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

22 questions with no upvoted or accepted answers
Filter by
Sorted by
Tagged with
5 votes
0 answers
95 views

SASS script to generate Pygments / Rogue stylesheet output

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
4 votes
0 answers
305 views

SaSSified version of Skeleton CSS

Recently I have been developing a SASSified version of Dave Gamache's Skeleton CSS front-end framework. I have publicly posted the code on github as well as a live demo. What I am looking for is ...
djthoms's user avatar
  • 141
3 votes
0 answers
64 views

Travel agent website

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
  • 377
3 votes
0 answers
316 views

CSS animation of ravens flying in a circle

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
3 votes
0 answers
51 views

Polyfill for a legacy system: Attach "labels" to their corresponding checkboxes

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
  • 4,294
3 votes
0 answers
427 views

Gulp file for Jade, SASS, Optimize-html, jekyll and more

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
3 votes
0 answers
40 views

A 'top 100' app that displays list of users ordered in two different ways

I built a small app that gets data from a remote json file and displays it in a list of users. In each list item, an image of the user, their name, and their points tallies are shown. The list is ...
alanbuchanan's user avatar
  • 1,302
2 votes
0 answers
73 views

A simple recipe page in HTML, SASS and JS

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
  • 121
2 votes
0 answers
41 views

Utility classes to control word breaks

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
2 votes
0 answers
304 views

Compiles SCSS Code to CSS in the browser

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
2 votes
0 answers
66 views

jQuery Mobile Menu plugin

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
2 votes
0 answers
42 views

Styling different icon positions in boxes with Sass

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 ...
kr099's user avatar
  • 151
2 votes
0 answers
150 views

Animation with JavaScript and Sass : Neon light banner

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
  • 4,294
2 votes
0 answers
137 views

Modification of the headline line-height in the Compass vertical rhythm module

One thing nagged me about the compass vertical rhythm module; in the case the headline is too long and it occupies more than one line the line-height between the two lines looks way too massive and ...
rkoller's user avatar
  • 153
2 votes
0 answers
268 views

Blade (similar to Jade) template with SCSS

I have this blade template with a main.scss file: ...
khinester's user avatar
  • 277
1 vote
0 answers
61 views

DOM manipulating that I called Framework

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
1 vote
0 answers
237 views

Bootstrap container layout system bug

As is known, the .container- class in Bootstrap 4.x.x and 5-alpha has an bug in intermediate classes. To give a little more detail, The ...
l6ls's user avatar
  • 111
1 vote
0 answers
72 views

HTML5 Custom Audio Player with SASS

i made an audio player in html5 for learning purposes, also i tried to use BEM pattern with sass (i dont know if i did it well) i also encapsuled my code as much as possible, but i think i can make it ...
Oliver Lluberes's user avatar
1 vote
0 answers
122 views

Sliding marker on link hover and click with jQuery

The code I'm bringing forward is for a vertical menu, where I needed a marker to do the following: When hovering over a link the marker should slide down next to it. When not hovering over a link the ...
Alberto Burrito's user avatar
1 vote
0 answers
1k views

Sass Collapsible sidebar in Bootstrap 4

I am creating a static site in HTML and CSS. I'm using Sass for the CSS. The whole repository can be found here on Bitbucket. I wanted feedback on the way I've done the sidebar. The code is split ...
J86's user avatar
  • 424
1 vote
0 answers
507 views

Use checkbox to display side menu with only CSS

I am trying to improve a website to be as accessible as possible to screen readers and people who want to disable JavaScript (not necessarily both at the same time) so I use a checkbox with a label to ...
Tony Brix's user avatar
  • 111
-1 votes
1 answer
106 views

Reduce repetition in SCSS for panels of various colors

I have the following SCSS and I'm curious as to how I can improve it, and reduce the amount of repetition... I plan on adding more colors, but I don't wish to keep copy/pasting the same block over ...
user1960364's user avatar