1forh

CSS tricks SASS style guide

https://css-tricks.com/sass-style-guide/

Common SASS File Structure

File names end in .scss

main.scss

1forh

{
	"theme": "Cobalt2.sublime-theme",
	"color_scheme": "Packages/Theme - Cobalt2/cobalt2.tmTheme",
	"bold_folder_labels": true,
	"caret_style": "phase",
	"fade_fold_buttons": false,
	"font_face": "Consolas",
	"font_size": 18,
	"highlight_line": true,
	"ignored_packages":

1forh

<div id="map-wrapper">
  <iframe id="map-canvas"></iframe>
</div>

1forh

document.write(new Date().getFullYear());

1forh

<div id="form-messages"></div>
<form action="mailer.php" method="POST" id="ajax-contact" class="contact-form">
  
  <p>All fields are required.</p>

  <label for="name">
    Full Name
    <input type="text" name="name" id="name" required>
  </label>

1forh

<IfModule mod_rewrite.c>
  RewriteEngine On
  RewriteCond %{HTTPS} !=on

  # Redirect http://www.example.com to http://example.com
  # RewriteCond %{HTTP_HOST} ^www\.example\.com$
  # RewriteRule ^/?$ "http\:\/\/example\.com\/" [R=301,L]

  # Redirect from the `http://` to the `https://` version of the URL.
  # RewriteRule ^(.*)$ https://%{HTTP_HOST}/$1 [R=301,L]

1forh

-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;

1forh

The MIT License (MIT)

Copyright (c) Zachary Minner <1forhlol@gmail.com> (zacharyminner.com)

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

1forh

<a href="#contact" class="smooth">Scroll to #contact</a>

<div id="contact">
  Contact!
</div>

1forh

<!-- Credit Cards -->
<i class="fa fa-cc-visa"></i>
<i class="fa fa-cc-mastercard"></i>
<i class="fa fa-cc-discover"></i>
<i class="fa fa-cc-amex"></i>

<i class="fa fa-credit-card"></i>
<i class="fa fa-credit-card-alt"></i>

<!-- Social Media -->