Initial commit CastleCSS Core files

Author: dariusrosendahl

castle-core/sass/defaults.scss

@@ -0,0 +1,12 @@
+html {
+	background: $color01;
+	font-size: 62.5%;
+	font-size: $font-size-default;
+	line-height: $line-height-default;
+	color: $color02;
+}
+
+html, button, input, select, textarea {
+	font-family: $font-pri;
+	font-weight: normal;
+}

castle-core/sass/main.scss

@@ -0,0 +1,7 @@
+@import 'reset';
+@import 'variables';
+@import 'grid';
+@import 'defaults';
+@import 'mixins';
+@import 'utility';
+@import 'utility_spacers';

castle-core/sass/mixins.scss

@@ -0,0 +1,89 @@
+/*========== MIXINS ==========*/
+
+/* 
+* Text-overflow: ellipsis
+*/
+@mixin ellipsis(){
+  overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
+}
+
+/*
+* Ul-reset
+* Set margin, padding and list-style to zero/none
+*/
+@mixin ulreset() {
+  margin: 0; padding: 0; list-style: none;
+}
+
+/*
+* Opacity
+*/
+@mixin opacity($params) {
+	filter: alpha(opacity=$params);
+	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$params)";
+	opacity: $params * 0.01;
+}
+
+/*
+* Calc
+*/
+@mixin calc($property, $expression) {
+  #{$property}: -moz-calc(#{$expression});
+  #{$property}: -webkit-calc(#{$expression});
+  #{$property}: calc(#{$expression});
+}
+
+
+/*
+* Generic transform
+*/
+@mixin transform($transforms) {
+    transform: $transforms;
+}
+/*
+* Rotate
+*/
+@mixin rotate ($deg) {
+  @include transform(rotate(#{$deg}deg));
+}
+
+/* 
+* Scale
+*/
+@mixin scale($scale) {
+     @include transform(scale($scale));
+}
+
+/*
+* Translate
+*/
+@mixin translate ($x, $y) {
+   @include transform(translate($x, $y));
+}
+
+/* 
+* translateX
+*/
+@mixin translateX ($x) {
+    @include transform(translateX($x));
+}
+
+/* 
+* translateY
+*/
+@mixin translateY ($y) {
+    @include transform(translateY($y));
+}
+
+/* 
+* Skew
+*/
+@mixin skew ($x, $y) {
+   @include transform(skew(#{$x}deg, #{$y}deg));
+}
+
+
+@function strip-unit($num) {
+	@return $num / ($num * 0 + 1);
+}
+

castle-core/sass/reset.scss

@@ -0,0 +1,36 @@
+/*========== Reset ==========*/
+
+* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
+article,aside,details,figcaption,figure,footer,header,hgroup,nav,menu,section,summary{display:block;}
+audio,canvas,video{display:inline-block;}
+audio:not([controls]){display:none;height:0;}
+[hidden]{display:none;}
+html{height:100%;margin:0;padding: 0;font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
+body,form,p{margin:0;padding: 0;}
+a:focus{outline:thin dotted;}
+a:active,a:hover{outline:0;}
+b,strong{font-weight:bold;}
+code,kbd,pre,samp{font-family:monospace,serif;_font-family:"courier new",monospace;font-size:inherit;}
+pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;}
+q{quotes:none;}
+q:before,q:after{content:'';content:none;}
+small{font-size:85%;}
+sub,sup{font-size:70%;line-height:0;position:relative;vertical-align:baseline;}
+sup{top:-.5rem;}
+sub{bottom:-.5rem;}
+nav ul,nav ol,menu,menu ul,menu ol{margin:0;padding:0;list-style:none;list-style-image:none;}
+img{border:0;-ms-interpolation-mode:bicubic;}
+svg:not(:root){overflow:hidden;}
+form,figure{margin:0;}
+fieldset{margin:0;padding:0;border:0;}
+legend{display:none;border:0;padding:0;white-space:normal;}
+button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;border-radius:0;}
+button,input{line-height:normal;}
+button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
+button[disabled],input[disabled]{cursor:default;}
+button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
+input[type="checkbox"],input[type="radio"]{padding:0;}
+input[type="search"]{-webkit-appearance:none;}
+input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
+textarea{overflow:auto;vertical-align:top;resize:none;}
+table{border-spacing:0;}

castle-core/sass/static_content.scss

@@ -0,0 +1,34 @@
+/*
+*	Static content
+*	This is the place to define static content that is used throughout the site
+*/
+
+
+/* Optional container class for max-width containers */
+.container {
+	position: relative;
+	margin: 0 auto;
+}
+
+@media only screen and (min-width: $b3) {
+
+	.container {
+		width: $b3-container;
+		max-width: 100%;
+	}
+}
+
+@media only screen and (min-width: $b4) {
+	
+	.container {
+		width: $b4-container;
+	}
+
+}
+
+@media only screen and (min-width: $b5) {
+
+	.container {
+		width: $b5-container;
+	}
+}

castle-core/sass/utility.scss

@@ -0,0 +1,42 @@
+/* Floating classes */
+.fl { float: left; }
+.fr { float: right; }
+.fn { float: none; }
+
+/* Clearfix */
+.cf:before, .cf:after, ul.fields > li:before, ul.fields > li:after {content:"";display:table;}
+.cf:after, .g:after, ul.fields > li:after {clear:both;}
+.cl { clear:both;height:0;overflow:hidden;visibility:hidden;font:0/0 x; }
+
+/* Show / Hide */
+.hide { display: none; }
+.show { display: block; }
+
+/* Alignment of images + captions */
+.img-right { display: block; margin: .8rem auto 1.6rem; text-align: center; }
+.img-left { display: block; margin: .8rem auto 1.6rem; text-align: center; }
+.img-center { display: block; margin: .8rem auto 1.6rem; text-align: center; }
+.img-right img, .img-left img, .img-center img { display: block; margin: 0 auto .6; }
+.img-right figcaption, .img-left figcaption, .img-center figcaption { display: block; color: Gray; font-style: italic; }
+
+@media only screen and (min-width: $b3) {
+	.img-right { float: right; margin: .8rem 0 1.6rem 4.8rem; }
+	.img-left { float: left; margin: .8rem 4.8rem 1.6rem 0;  }
+}
+
+.img-full,
+.img-full > img {
+	width: 100%;
+}
+
+.full-block {
+	width: 100%;
+	display: block;
+}
+
+/* Unstyled list */
+.list-unstyled {
+	margin: 0;
+	padding: 0;
+	list-style: none;
+}