sass   29754

« earlier    

Watch and Compile Sass in Five Quick Steps
compile Sass into CSS using the command line
tutorial  sass 
3 days ago by Atelierbram
Prettier · Opinionated Code Formatter
Opinionated code formatter for JS, CSS/Sass, GraphQL, and Markdown.
graphql  sass  javascript 
6 days ago by jonathansick
Corner Ribbons
Got this wonderful idea of these cool corner ribbons and decided to make it ready for use. Custom styles like colors work with simple class changes. F...
banner  sass  ribbons 
7 days ago by pesche
Responsive Typography in SCSS
Making sure your typography is readable on every display is arguably one of the most important aspects of front-end development. If your users can’t read the content on the site, then there is generally no point in having one.

At Liquid Light we’ve developed a mixin that enables you to collate your typography styles into one central location and call on a specific look at any point. It also handles media queries, allowing you to specify different properties at different breakpoints.

Before we dive into the code, below is a summary of what this mixin can and cannot do.
typography  CSS  sass  tutorial 
9 days ago by archangel
Sass Guidelines
An opinionated styleguide for writing sane, maintainable and scalable Sass.
web-design  sass  reference  guidelines  css  web-development  scss  tutorial 
9 days ago by cijanzen
Using Sass’s @error, @warn, and @debug Directives
Programming in a black hole without feedback would be awful. Fortunately, Sass has multiple directives that can send feedback to the compiler to help developers avoid mistakes, maintain standards, and troubleshoot advanced logic. You can use @error, @warn, and @debug to provide time-saving feedback for yourself and for any others who use your code.
sass  css  warn  debug  error 
10 days ago by spaceninja
How to do SASS Grandparent Selectors – Jake Wilson – Medium
Writing your SASS in a nested format is a good practice because of improved project organization and separation of concerns.
10 days ago by siggiarni
How to structure your typography in Sass | Chip Cullen
Some of my guiding principles are: Do the absolute least amount possible; Err on the side of commonality; Make your life as easy as possible;
sass  css  typography  webfonts 
12 days ago by spaceninja
Freebie: Google Material Design Shadow Helper
A LESS CSS mixin for creating box-shadows according to Google’s Material Design style guide
css  sass  less  mixin  google  material  design  cards  shadows 
13 days ago by spaceninja
KSS · Knyle Style Sheets
Documentation for any flavor of CSS that you’ll love to write. Human readable, machine parsable, and easy to remember.
css  documentation  styleguide  comments  sass 
13 days ago by spaceninja

« earlier    

related tags

airbnb  alanstevens  ampersand  analytics  animation  app  approach  architecture  backgroundimages  banner  bem  best-practices  bestpractices  boilerplate  bootstrap  bourbon  breakpoint  browser  build-tool  build-tools  cards  clojure  clojurescript  cloud  code  collaboration  color  colour  comment  comments  components  converter  css-scafolding  css  css3  css_reference  cssgrid  cssom  debug  deep  default  design  development  documentation  error  es6  example  extends  extension  favicons  fluid  font-size  framework  frameworks  fridayfrontend  from:github  frontend-methodology  functions  game  games  ghost  github  google  graphics  graphql  grid  grids  guide  guideline  guidelines  helper  herman  hex  hexagons  howto  html  images  infrastructure  interactive  inuit  iotacss  itcss  javascript  js  layout  lazyload  learning  less  library  linux  maintainability  maps  material  math  mcneill  mediaqueries  mixin  mixins  ml  modular  namespace  nesting  nodejs  npm  nth-child  oocss  opensource  organize  performance  plugin  postcss-loader  postcss  process  programming  progress  react  reactjs  redux  reference  responsive  responsivedesign  ribbons  sass-loader  scalable  scss  security  semantics  seo  service  shadows  smacss  software  standards  starter_kit  static  structure  style-guide  style  styledocco  styleguide  styleguides  sublimetext  susy  svg  system  tensorflow  tool  tools  triangle  tutorial  typescript  typography  ui  utility  ux  vanilla  variables  vars  video  vim  warn  web-design  web-development  web  webapplication  webdesign  webdev  webdevelopment  webfonts  webpack  wordpress 

Copy this bookmark: