kevin/anissah
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

cleanscss

Browse Source
This commit is contained in:
kevin
2018-05-28 13:47:55 +02:00
parent 04fab6ba46
commit 8941757365
18 changed files with 178 additions and 100 deletions
Download Patch File Download Diff File Expand all files Collapse all files
user/themes/anissabensalah/scss/spectre/mixins/_avatar.scss
-6
View File
@@ -1,6 +0,0 @@
// Avatar mixin
@mixin avatar-base($size: $unit-8) {
font-size: $size / 2;
height: $size;
width: $size;
}
user/themes/anissabensalah/scss/spectre/mixins/_clearfix.scss
-8
View File
@@ -1,8 +0,0 @@
// Clearfix mixin
@mixin clearfix() {
&::after {
clear: both;
content: "";
display: table;
}
}
user/themes/anissabensalah/scss/spectre/mixins/_position.scss
-65
View File
@@ -1,65 +0,0 @@
// Margin utility mixin
@mixin margin-variant($id: 1, $size: $unit-1) {
.m-#{$id} {
margin: $size;
}
.mb-#{$id} {
margin-bottom: $size;
}
.ml-#{$id} {
margin-left: $size;
}
.mr-#{$id} {
margin-right: $size;
}
.mt-#{$id} {
margin-top: $size;
}
.mx-#{$id} {
margin-left: $size;
margin-right: $size;
}
.my-#{$id} {
margin-bottom: $size;
margin-top: $size;
}
}
// Padding utility mixin
@mixin padding-variant($id: 1, $size: $unit-1) {
.p-#{$id} {
padding: $size;
}
.pb-#{$id} {
padding-bottom: $size;
}
.pl-#{$id} {
padding-left: $size;
}
.pr-#{$id} {
padding-right: $size;
}
.pt-#{$id} {
padding-top: $size;
}
.px-#{$id} {
padding-left: $size;
padding-right: $size;
}
.py-#{$id} {
padding-bottom: $size;
padding-top: $size;
}
}
user/themes/anissabensalah/scss/spectre/mixins/_shadow.scss
-9
View File
@@ -1,9 +0,0 @@
// Component focus shadow
@mixin control-shadow($color: $primary-color) {
box-shadow: 0 0 0 .1rem rgba($color, .2);
}
// Shadow mixin
@mixin shadow-variant($offset) {
box-shadow: 0 $offset ($offset + .05rem) * 2 rgba($dark-color, .3);
}
user/themes/anissabensalah/scss/spectre/mixins/_toast.scss
-5
View File
@@ -1,5 +0,0 @@
// Toast variant mixin
@mixin toast-variant($color: $dark-color) {
background: rgba($color, .9);
border-color: $color;
}
user/themes/anissabensalah/scss/spectre/mixins/_typographie.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/anissabensalah/scss/theme.scss
+8 -2
View File
@@ -1,7 +1,7 @@
// Core variables and mixins
// @import 'spectre/variables';
// @import 'spectre/mixins';
//
//
// @import 'theme/variables';
// @import 'theme/mixins';
// @import 'theme/framework';
@@ -10,7 +10,13 @@
// @import 'theme/mobile';
// @import 'theme/animation';
//
// @import 'theme/header';
@import 'theme/reset';
@import 'theme/header';
@import 'theme/nav';
@import 'theme/section';
@import 'theme/footer';
// @import 'theme/footer';
// @import 'theme/menu';
//
user/themes/anissabensalah/scss/theme/footer.scss
View File
user/themes/anissabensalah/scss/theme/header.scss
View File
user/themes/anissabensalah/scss/theme/nav.scss
View File
user/themes/anissabensalah/scss/theme/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/anissabensalah/scss/theme/section.scss
View File