Skip to content

Commit

Permalink
Added less stuff
Browse files Browse the repository at this point in the history
  • Loading branch information
adamcbrewer committed Nov 1, 2012
1 parent d84b645 commit 9816e7e
Show file tree
Hide file tree
Showing 3 changed files with 834 additions and 5 deletions.
6 changes: 1 addition & 5 deletions assets/css/core.css

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

153 changes: 153 additions & 0 deletions assets/less/core.less
@@ -0,0 +1,153 @@
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
core.css
Contains core styles
Created at:
Created by:
@credits
This site uses a modification on the SMACSS design - http://smacss.com/ - by @snookca
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

/* ====================================================
LESS IMPORTS
==================================================== */

@import "libs/css3.less";




/* ====================================================
LESS VARS
==================================================== */
@c-bg: #FFF;
@c-copy: #333;




/* ====================================================
BASE STYLES
Base rules are the defaults. They are almost exclusively
single element selectors but it could include attribute selectors,
pseudo-class selectors, child selectors or sibling selectors.
Essentially, a base style says that wherever this element is on the page,
it should look like...
==================================================== */

* {
/* Paul Irish's suggestion: http://paulirish.com/2012/box-sizing-border-box-ftw/ */
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;

/* Chris Coyier's suggestions */
background-repeat: no-repeat;
vertical-align: middle;
}


::-moz-selection{ background:#333; color:#F8F8F8; text-shadow:none; }
::selection { background:#333; color:#F8F8F8; text-shadow:none; }

html, body { -web-font-smoothing: antialiased; }

::-webkit-input-placeholder {}
:-moz-placeholder {}
[type=search] {
/* resets webkit styling on search inputs */
-webkit-appearance: none;
}
/* Style the webkit validation message for forms */
::-webkit-validation-bubble-message {
padding: 40px;
}

a {}
a:link {}
a:visited {}
a:hover {}
a:active {}
a:focus {}

input:required {}
input:optional {}
input:valid {}
input:invalid {}
input:default {}
input:focus {}

input:enabled {}
input:disabled {}
input:checked {}
input:indeterminate {} /* un-selected radio buttons :) */

::-webkit-input-placeholder {}
:-moz-placeholder {}

/* ====================================================
LAYOUT STYLES
Layout rules divide the page into sections.
Layouts hold one or more modules together.
==================================================== */



/* ====================================================
MODULES STYLES
Modules are the reusable, modular parts of our design.
They are the callouts, the sidebar sections, the product lists and so on.
==================================================== */



/* ====================================================
STATES STYLES
State rules are ways to describe how our modules or layouts will
look when in a particular state.
Is it hidden or expanded? Is it active or inactive?
They are about describing how a module or layout looks on screens that are smaller or bigger.
They are also about describing how a module might look in different
views like the home page or the inside page.
==================================================== */




/* ==|== Media Queries ======================================================
PLACEHOLDER Media Queries for Responsive Design.
Modify as content requires.
Notes:
MOBILE FIRST - use min-width (lowest first) and style upwards
MOBILE RESPONSIVE - use max-width (highest first) and style downwards
Never set breakpoints for devices, only when the design requires it.
========================================================================== */

@media (max-width: 1000px) {}


/* ==|== print styles =======================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */

@media print {
* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
a, a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; } /* h5bp.com/t */
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
}

0 comments on commit 9816e7e

Please sign in to comment.