Skip to content

Commit

Permalink
Update "Cradle" & styles
Browse files Browse the repository at this point in the history
  • Loading branch information
mrdigger committed Nov 17, 2015
1 parent f856f73 commit 2d174ec
Show file tree
Hide file tree
Showing 12 changed files with 784 additions and 121 deletions.
4 changes: 2 additions & 2 deletions README.md
View file
Original file line number Diff line number Diff line change
@@ -1,10 +1,10 @@
# Startap - Web Start Application
# StartAp - Web Start Application

> The boilerplate for creating web applications based on the architecture of MVC.
## Documentation

> [![Русский](doc/img/lang/ru.gif)](doc/md/ru/readme.md) [![English](doc/img/lang/en.gif)](doc/md/en/readme.md)
> Select a language: [![Русский](doc/img/lang/ru.gif)](doc/md/ru/readme.md) [![English](doc/img/lang/en.gif)](doc/md/en/readme.md)
## Creators

Expand Down
83 changes: 81 additions & 2 deletions public_html/css/main.css
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,85 @@
/*!=============================================================================
/*==============================================================================
* Title : Main style file
* Author : Digger (c) SAD-Systems <http://sad-systems.ru>
* Created on : 01.04.2015
* Created on : 17.11.2015
*==============================================================================
*/
* {
padding: 0;
margin: 0;
font-family: "MyFont", sans-serif;
color: #e0e0e0; }

html, body {
height: 100%;
overflow: hidden; }

body {
background-color: transparent;
background-image: url("../media/img/body-min.jpg");
-ms-behavior: url("css/polyfills/backgroundsize.min.htc");
-webkit-background-size: cover;
-moz-background-size: cover;
-khtml-background-size: cover;
-o-background-size: cover;
background-size: cover; }

h1, h2, h3, h4, h5, h6 {
color: #fff;
font-family: "MyFont", sans-serif; }

a {
color: #76d0fe;
transition: color 0.5s ease; }
a:hover {
color: white; }
a span {
color: #76d0fe;
transition: color 0.5s ease; }
a span:hover {
color: white; }

a[target] {
color: #56d4c7;
transition: color 0.5s ease; }
a[target]:hover {
color: white; }
a[target] span {
color: #56d4c7;
transition: color 0.5s ease; }
a[target] span:hover {
color: white; }

table th {
text-align: center;
vertical-align: top;
color: #949494; }
table th > * {
color: #949494; }

table td {
vertical-align: top; }

nav {
text-align: right; }
nav ul {
list-style-type: none; }
nav ul li {
display: inline-block; }
nav ul li.active a {
color: #fff; }
nav ul li.active a span {
color: #fff; }
nav a {
color: #76d0fe;
text-decoration: none;
transition: color 0.5s ease; }
nav a:hover {
color: white; }
nav a span {
font-family: "MyFont", sans-serif;
font-size: 1em;
color: #76d0fe;
transition: color 0.5s ease; }
nav a span:hover {
color: white; }
41 changes: 41 additions & 0 deletions styles/_basic.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,6 +14,7 @@
// @include opacity(0.95);
// @include linear-gradient(red);
// @include transition(color 1s ease);
// @include font-face("Regular", "../fonts/regular-font", ('eot','ttf','woff'));

//--- css-polyfills-file -------------------------------------------------------

Expand Down Expand Up @@ -108,4 +109,44 @@
-moz-transition: $value;
-o-transition: $value;
transition: $value;
}

//--- font-face:

$font-format-map: (eot: "embedded-opentype", ttf: "truetype");

@function get-font-format($type) {
$_type : map-get($font-format-map, $type);
@if $_type {
@return $_type;
} @else {
@return $type;
}
}

@function get-font-url($fileBase, $type) {
$format : get-font-format($type);
$iefix : '';
@if $type == 'eot' { $iefix : '?#iefix'; }
@return url('#{$fileBase}.#{$type}#{$iefix}') format('#{$format}');
}

@function get-font-list($fileBase, $types:()) {
$font_url_list : ();
@each $type in $types {
$font_url_list : append($font_url_list, get-font-url($fileBase, $type), comma);
}
@return $font_url_list;
}

@mixin font-face($name, $fileBase, $types:('eot', 'woff2', 'woff', 'ttf', 'svg'), $font-weight: 400, $font-style: normal) {
@font-face {
font-family: $name;
@if index($types, 'eot') != null {
src: url('#{$fileBase}.eot');
}
src: get-font-list($fileBase, $types);
font-weight: $font-weight;
font-style: $font-style;
}
}
199 changes: 185 additions & 14 deletions styles/main.scss
View file
Original file line number Diff line number Diff line change
@@ -1,46 +1,217 @@
/*==============================================================================
* Title : Main style file
* Author : Digger (c) SAD-Systems <http://sad-systems.ru>
* Created on : 01.04.2015
* Created on : 17.11.2015
*==============================================================================
*/

@import "basic"; //--- Digger basic mixins

//------------------------------------------------------------------------------
//==============================================================================
// Main definitions
//==============================================================================

//------------------------------------------------------------------------------
// Images
//------------------------------------------------------------------------------

//--- body:
$img_1: url("../media/img/body-min.jpg");
//--- transparent black:
$img_black_15: url("../media/img/bg/bgb15p.png");
$img_black_25: url("../media/img/bg/bgb25p.png");
$img_black_50: url("../media/img/bg/bgb50p.png");
$img_black_75: url("../media/img/bg/bgb75p.png");
//--- patterns:
$img_ptblack_15: url("../media/img/bg/ptbb15p.png");
$img_ptblack_25: url("../media/img/bg/ptbb25p.png");
$img_ptblack_50: url("../media/img/bg/ptbb50p.png");
$img_ptblack_75: url("../media/img/bg/ptbb75p.png");
$img_ptblack_90: url("../media/img/bg/ptb90p.png");
//--- transparent white:
$img_white_15: url("../media/img/bg/bgw15p.png");
$img_white_25: url("../media/img/bg/bgw25p.png");
$img_white_50: url("../media/img/bg/bgw50p.png");
$img_white_75: url("../media/img/bg/bgw75p.png");
$img_white_90: url("../media/img/bg/bgw90p.png");

//--- site:
$img_body: $img_1;

//------------------------------------------------------------------------------
// Common styles
// Fonts
//------------------------------------------------------------------------------

//@import url(https://fonts.googleapis.com/css?family=Play:400,700&subset=latin,cyrillic);
//@include font-face("MyFont", "../fonts/myfont/my-font", ('eot', 'ttf', 'otf', 'woff', 'svg'));

$font_regular: "MyFont", sans-serif;
$font_header: "MyFont", sans-serif;
$font_nav: "MyFont", sans-serif;

//------------------------------------------------------------------------------
// Device dependent styles
// Colors
//------------------------------------------------------------------------------

//=== Large screen / wide desktop (lg) =========================================
@media screen and (min-width: 1200px) {
//--- main:
$c_theme: #76d0fe;
$c_header: #fff;
$c_text: darken($c_header, 12%);

//--- text:
$c_link: $c_theme;
$c_link_hover: lighten($c_theme, 30%);
$c_link_external: #56d4c7;

//--- navigation:
$c_nav_link: $c_theme;
$c_nav_link_hover: lighten($c_theme, 30%);
$c_nav_link_active: $c_header;

//--- table:
$c_table_header: darken($c_text, 30%);

//------------------------------------------------------------------------------
// Margins & paddings
//------------------------------------------------------------------------------

//==============================================================================
// Common styles
//==============================================================================

* {
padding: 0;
margin: 0;
font-family: $font_regular;
color: $c_text;
}

//=== Medium screen / desktop (md) =============================================
@media screen and (min-width: 992px) {
html, body {
height: 100%;
overflow: hidden;
}

body {
background-color: transparent;
background-image: $img_body;
@include background-size(cover);
}

h1, h2, h3, h4, h5, h6 {
color: $c_header;
font-family: $font_header;
}

a {
color: $c_link;
transition: color 0.5s ease;
&:hover {
color: $c_link_hover;
}

span {
color: $c_link;
transition: color 0.5s ease;
&:hover {
color: $c_link_hover;
}
}
}

//=== Small screen / tablet (sm) ===============================================
@media screen and (max-width: 768px) {
a[target] {
color: $c_link_external;
transition: color 0.5s ease;
&:hover {
color: $c_link_hover;
}
span {
color: $c_link_external;
transition: color 0.5s ease;
&:hover {
color: $c_link_hover;
}
}
}

table {
th {
text-align: center;
vertical-align: top;
color: $c_table_header;
& > * {
color: $c_table_header;
}

}
td {
vertical-align: top;
}
}

nav {

text-align: right;
ul {
list-style-type: none;
li {
display: inline-block;
}
li.active {
a {
color: $c_nav_link_active;
span {
color: $c_nav_link_active;
}
}
}
}
a {
color: $c_nav_link;
text-decoration: none;
transition: color 0.5s ease;
&:hover {
color: $c_nav_link_hover;
}

span {
font-family: $font_nav;
font-size: 1em;
color: $c_nav_link;
transition: color 0.5s ease;
&:hover {
color: $c_nav_link_hover;
}
}

}
}

//==============================================================================
// Device dependent styles
//==============================================================================

//--- Large screen / wide desktop (lg) -----------------------------------------
@media screen and (min-width: 1200px) {
}

//--- Normal screen ------------------------------------------------------------
@media screen and (min-width: 1024px) {
}


//--- Medium screen / desktop (md) ---------------------------------------------
@media screen and (min-width: 992px) {
}

//=== SMALL TABLET =============================================================
//--- Small screen / tablet (sm) -----------------------------------------------
@media screen and (max-width: 768px) {
}

//--- SMALL TABLET -------------------------------------------------------------
@media screen and (max-width: 640px) {

}

//=== Extra small screen / phone (sx) ==========================================
//--- Extra small screen / phone (sx) ------------------------------------------
@media screen and (max-width: 480px) {

}

2 changes: 1 addition & 1 deletion vendor/digger/cradle/.gitignore
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,4 +20,4 @@ phpunit.phar
/templates

# === Develop branch ==
/templates
#/templates
Loading

0 comments on commit 2d174ec

Please sign in to comment.