kevin/Ethica-vitrine
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
kevin
2018-04-11 17:57:57 +02:00
commit fdfcfbd2a6
4073 changed files with 501866 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
user/themes/ethica/scss/configuration/template/_base.scss
+11
View File
@@ -0,0 +1,11 @@
// Colors
@import "colors";
// Typography
@import "typography";
// Variables
@import "variables";
//reset
@import "reset";
user/themes/ethica/scss/configuration/template/_colors.scss
+75
View File
@@ -0,0 +1,75 @@
// Core
$core-text: #444;
$core-accent: #1BB3E9;
$secondary-link: #F6635E;
$white: #fff;
$black: #000;
$light-gray: #ddd;
$border-color: #EEEEEE;
// Borders
$core-border-color: $light-gray;
$core-border-color-hover: darken($core-border-color, 10);
$core-border-color-focus: $core-accent;
// Shadows
$core-box-shadow: inset 0 1px 3px hsla(0, 0%, 0%, 0.06);
$core-box-shadow-focus: $core-box-shadow, 0 0 5px rgba(darken($core-border-color-focus, 5), 0.7);
// Background
$page-bg: #fff;
// Header
$header-text: #FFFFFF;
// Nav
$navbar-text: #75879A;
$navbar-bg: #FFFFFF;
// Showcase
$showcase-bg: lighten($core-accent, 6%);
$showcase-text: #fff;
// Feature
$feature-bg: #fff;
// Main Body
$main-bg: #f7f7f7;
$body-border: darken($main-bg, 5%);
// Sidebar
$sidebar-text: #aaa;
// Bottom
$bottom-bg: #f7f7f7;
$bottom-text: $core-text;
// Footer
$footer-bg: #333;
$footer-text: #999;
$rule-color: #F0F2F4;
$code-text: #c7254e;
$code-bg: #f9f2f4;
$pre-text: #237794;
$pre-bg: #f0f0f0;
// Dark Contrast variation
$dark-navbar-text: #999;
$dark-sidebar: #222;
$dark-sidebar-text: #999;
$dark-main-bg: #333;
$dark-body-border: #666;
// Info - Yellow
$notes-info-border: #F0AD4E;
$notes-info-bg: #FCF8F2;
// Warning - Red
$notes-warning-border: #D9534F;
$notes-warning-bg: #FDF7F7;
// Note - Blue
$notes-note-border: #5BC0DE;
$notes-note-bg: #F4F8FA;
// Success - Green
$notes-success-border: #5CB85C;
$notes-success-bg: #F1F9F1;
user/themes/ethica/scss/configuration/template/_reset.scss
+26
View File
@@ -0,0 +1,26 @@
*{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html, body{
margin: 0;
padding: 0;
height: 100%;
}
ul, li, ol{
margin: 0;
padding: 0;
list-style: none;
}
a{
text-decoration: none;
color: black;
}
p, ul, li, ol, h1, h2, h3, em, blockquote{
margin: 0;
}
user/themes/ethica/scss/configuration/template/_typography.scss
+129
View File
@@ -0,0 +1,129 @@
// Font Family
$font-family-default: "Raleway", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
$font-family-header: "Montserrat", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
$font-family-mono: "Inconsolata", monospace;
$font-family-serif: "Georgia", "Times", "Times New Roman", serif;
$icons: "FontAwesome";
// @font-face
$style-name-regular: "amiri-regular";
$file-regular: "amiri-regular-webfont";
$family: "amiri";
$category: serif;
@mixin font-face-regular($style-name-regular, $file-regular, $family, $category:"") {
$filepath: "../fonts/" + $family + "/" + $file-regular;
@font-face {
font-family: "#{$style-name-regular}";
src: url($filepath + ".eot");
src: url($filepath + ".eot?#iefix") format('embedded-opentype'),
url($filepath + ".woff") format('woff'),
url($filepath + ".ttf") format('truetype'),
url($filepath + ".svg#" + $style-name-regular + "") format('svg');
}
%#{$style-name-regular} {
font: {
@if $category != "" {
family: "#{$style-name-regular}", #{$category};
}
@else {
family: "#{$style-name-regular}";
weight: normal;
}
}
}
}
$style-name-slanted: "amiri-slanted";
$file-slanted: "amiri-slanted-webfont";
@mixin font-face-slanted($style-name-slanted, $file-slanted, $family, $category:"") {
$filepath: "../fonts/" + $family + "/" + $file-slanted;
@font-face {
font-family: "#{$style-name-slanted}";
src: url($filepath + ".eot");
src: url($filepath + ".eot?#iefix") format('embedded-opentype'),
url($filepath + ".woff") format('woff'),
url($filepath + ".ttf") format('truetype'),
url($filepath + ".svg#" + $style-name-slanted + "") format('svg');
}
%#{$style-name-slanted} {
font: {
@if $category != "" {
family: "#{$style-name-slanted}", #{$category};
}
@else {
family: "#{$style-name-slanted}";
weight: normal;
}
}
}
}
$style-name-bold: "amiri-bold";
$file-bold: "amiri-bold-webfont";
@mixin font-face-bold($style-name-bold, $file-bold, $family, $category:"") {
$filepath: "../fonts/" + $family + "/" + $file-bold;
@font-face {
font-family: "#{$style-name-bold}";
src: url($filepath + ".eot");
src: url($filepath + ".eot?#iefix") format('embedded-opentype'),
url($filepath + ".woff") format('woff'),
url($filepath + ".ttf") format('truetype'),
url($filepath + ".svg#" + $style-name-bold + "") format('svg');
}
%#{$style-name-bold} {
font: {
@if $category != "" {
family: "#{$style-name-bold}", #{$category};
}
@else {
family: "#{$style-name-bold}";
weight: normal;
}
}
}
}
$style-name-boldslanted: "amiri-boldslanted";
$file-boldslanted: "amiri-boldslanted-webfont";
@mixin font-face-boldslanted($style-name-boldslanted, $file-boldslanted, $family, $category:"") {
$filepath: "../fonts/" + $family + "/" + $file-boldslanted;
@font-face {
font-family: "#{$style-name-boldslanted}";
src: url($filepath + ".eot");
src: url($filepath + ".eot?#iefix") format('embedded-opentype'),
url($filepath + ".woff") format('woff'),
url($filepath + ".ttf") format('truetype'),
url($filepath + ".svg#" + $style-name-boldslanted + "") format('svg');
}
%#{$style-name-boldslanted} {
font: {
@if $category != "" {
family: "#{$style-name-boldslanted}", #{$category};
}
@else {
family: "#{$style-name-boldslanted}";
weight: normal;
}
}
}
}
@include font-face-regular($style-name-regular, $file-regular, $family, $category);
@include font-face-slanted($style-name-slanted, $file-slanted, $family, $category);
@include font-face-bold($style-name-bold, $file-bold, $family, $category);
@include font-face-boldslanted($style-name-boldslanted, $file-boldslanted, $family, $category);
// font-size
$fonth1: 2rem;
$fonth2: 1.5rem;
$fonth3: 1rem;
$fontp: 1rem;
user/themes/ethica/scss/configuration/template/_variables.scss
+103
View File
@@ -0,0 +1,103 @@
// Sizes
$header-height: 5rem;
$footer-height: 6rem;
$border-radius: 3px;
// Font Weights
$font-weight-bold: 600;
$font-weight-regular: 400;
$font-weight-light:300;
// Global Paddings
$padding-horiz: 7rem;
$padding-vert: 3rem;
// $header-width: calc(100vw/8);
$header-width:20rem;
$column-width: calc(100vw/2.5);
$column-width2: calc((100%/2.4) * 4);
$imgpath:("../images/point.svg");
$imgpath-b:("../images/point_b.svg");
$imgpath2:("../images/fleche.svg");
$imgpath3:("../images/trait.svg");
@mixin background-nav($imgpath-b,$position:0 0,$repeat: no-repeat,$size:5px 5px, $content:" ") {
background: {
image: url($imgpath-b);
position: $position;
repeat: $repeat;
size: $size;
}
}
@mixin background-nav-content-b{
display: inline-block;
content: " ";
width: 5px;
height: 5px;
margin:0 5px 1px 0px;
}
@mixin background-nav-b($imgpath,$position:0 0,$repeat: no-repeat,$size:3.5px 3.5px, $content:" ") {
background: {
image: url($imgpath);
position: $position;
repeat: $repeat;
size: $size;
}
}
@mixin background-nav-content{
display: inline-block;
content: " ";
width: 3.5px;
height: 3.5px;
margin:0 5px 1px 0px;
}
@mixin background-link($imgpath2,$position:0 0,$repeat: no-repeat,$size:12px 5px, $content:" ") {
background: {
image: url($imgpath2);
position: $position;
repeat: $repeat;
size: $size;
}
display: inline-block;
width: 12px;
height: 5px;
margin:0 0px 1px 5px;
}
@mixin background-nav-content-s{
display: block;
content: " ";
width: 5px;
height: 5px;
margin: -2.5px 0px 0px -2.5px;
}
@mixin background-nav-sm($imgpath3,$position:0 0,$repeat: no-repeat,$size:1px 10px, $content:" ") {
background: {
image: url($imgpath3);
position: $position;
repeat: $repeat;
size: $size;
}
display:block;
width: 1px;
height: 10px;
margin-left: 37px;
margin-top: -5px;
content: " ";
}
//
// @mixin background-nav-content-sm{
// display: block;
// width: 1px;
// height: 10px;
// }