Commit 0ac2a10c authored by nirgendswo's avatar nirgendswo

change css

parent 6546fce9
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="M95.71 50c0-1.218-6.899-.794-7.502-1.92-.575-1.112 5.031-4.672 4.723-5.801-.314-1.136-6.961-1.369-7.016-2.611-.048-1.256 6.304-4.104 5.777-5.178-.521-1.078-6.771 2.04-7.701 1.191-.931-.853 3.313-5.887 2.731-6.903s-7.084.168-7.345-1.064c-.273-1.239 5.538-5.106 4.867-6.089-.685-.989-6.305 3.087-7.365 2.42-1.062-.664 2.073-6.523 1.253-7.365-.815-.849-6.729 2.201-7.393 1.146-.686-1.074 3.155-6.821 2.107-7.427-1.047-.605-4.113 5.586-5.387 5.541-1.239-.048-1.561-6.694-2.703-6.985-1.137-.28-4.635 5.363-5.743 4.774-1.109-.585-.377-7.492-1.581-7.584-1.171-.089-1.637 6.883-2.841 7.263-1.198.38-3.414-5.843-4.607-5.843-1.184 0-3.407 6.223-4.593 5.843-1.211-.38-1.661-7.352-2.839-7.263-1.199.092-.486 6.999-1.591 7.584-1.114.589-4.605-5.055-5.738-4.771-1.155.291-1.472 6.937-2.705 6.985-1.284.044-4.342-6.147-5.391-5.541-1.041.605 2.793 6.355 2.106 7.43-.664 1.054-6.571-1.999-7.379-1.153-.823.842 2.311 6.701 1.253 7.365-1.06.667-6.685-3.409-7.36-2.42-.683.982 5.127 4.85 4.861 6.089-.269 1.232-6.759.044-7.348 1.064-.585 1.013 3.66 6.054 2.721 6.906-.933.846-7.175-2.266-7.695-1.19-.521 1.078 5.827 3.915 5.777 5.174-.041 1.243-6.688 1.468-7.004 2.608-.316 1.13 5.292 4.696 4.714 5.808-.586 1.12-7.482.699-7.482 1.917 0 1.222 6.903.794 7.485 1.916.577 1.113-5.031 4.676-4.714 5.805.317 1.141 6.957 1.376 7.004 2.605.042 1.27-6.303 4.109-5.781 5.178.524 1.082 6.763-2.033 7.696-1.188.939.855-3.307 5.89-2.723 6.906.59 1.023 7.077-.168 7.35 1.068.269 1.238-5.541 5.103-4.862 6.085.676.996 6.299-3.08 7.36-2.417 1.064.664-2.075 6.521-1.252 7.362.827.853 6.725-2.204 7.389-1.157.688 1.075-3.147 6.832-2.102 7.431 1.049.605 4.114-5.596 5.389-5.541 1.239.048 1.559 6.701 2.711 6.985 1.133.294 4.627-5.35 5.736-4.761 1.102.575.381 7.488 1.586 7.577 1.169.086 1.631-6.875 2.842-7.259 1.193-.38 3.413 5.846 4.6 5.846 1.186 0 3.403-6.232 4.602-5.846 1.204.384 1.656 7.341 2.841 7.259 1.204-.096.485-7.006 1.588-7.584 1.108-.592 4.606 5.048 5.736 4.764 1.149-.294 1.465-6.934 2.703-6.981 1.287-.041 4.347 6.146 5.394 5.541 1.041-.593-2.792-6.355-2.114-7.431.67-1.047 6.57 2.01 7.398 1.157.814-.839-2.313-6.698-1.259-7.362 1.061-.663 6.681 3.413 7.365 2.424.671-.982-5.134-4.854-4.867-6.092.274-1.236 6.77-.052 7.358-1.071.575-1.017-3.669-6.048-2.725-6.903.924-.839 7.16 2.283 7.681 1.194.526-1.078-5.825-3.915-5.771-5.185.041-1.232 6.694-1.465 7.016-2.605.309-1.129-5.298-4.682-4.723-5.801.583-1.114 7.482-.697 7.482-1.919zm-59.437 1.479a9.3 9.3 0 0 1-9.299-9.299 9.301 9.301 0 1 1 9.299 9.299zm27.053 0c-5.133 0-9.295-4.165-9.295-9.299 0-5.137 4.162-9.302 9.295-9.302a9.3 9.3 0 1 1 0 18.601z"/><path d="M36.273 38.675a3.505 3.505 0 0 0-3.501 3.505 3.504 3.504 0 0 0 3.501 3.501 3.505 3.505 0 0 0 3.503-3.501 3.506 3.506 0 0 0-3.503-3.505zM63.326 38.675a3.503 3.503 0 0 0 0 7.006 3.504 3.504 0 1 0 0-7.006z"/></svg>
\ No newline at end of file
{
"name": "fuzzy-cms-theme",
"version": "0.1.0",
"description": "Simple Theme for Fuzzy CMS",
"repository": {
"type": "git",
"url": "git@github.com:nirgendswo/fuzzy-cms.git"
},
"dependencies": {
"normalize.css": "^5.0.0",
"reflex-grid": "^1.3.0",
"zepto": "^1.2.0"
},
"config": {
"public_dir": "../public"
},
"scripts": {
"preinstall": "npm install -g browserify uglify-js node-sass clean-css-cli postcss-cli autoprefixer make-dir-cli svgo svg-sprite",
"build": "npm run js:build && npm run css:build && npm run svg:build",
"js:build": "npm run js:clean && npm run js:browserify && npm run js:minify",
"js:clean": "make-dir $npm_package_config_public_dir/js && rimraf $npm_package_config_public_dir/js/*",
"js:browserify": "browserify js/index.js > $npm_package_config_public_dir/js/scripts.js",
"js:minify": "uglifyjs $npm_package_config_public_dir/js/scripts.js -mc -o $npm_package_config_public_dir/js/scripts.js",
"css:build": "npm run css:clean && npm run css:scss && npm run css:postcss && npm run css:minify",
"css:clean": "make-dir $npm_package_config_public_dir/css && rimraf $npm_package_config_public_dir/css/*",
"css:scss": "node-sass scss/styles.scss $npm_package_config_public_dir/css/styles.css",
"css:postcss": "postcss $npm_package_config_public_dir/css/styles.css --use autoprefixer -d $npm_package_config_public_dir/css/",
"css:minify": "cleancss -o $npm_package_config_public_dir/css/styles.css $npm_package_config_public_dir/css/styles.css",
"svg:build": "npm run svg:clean && npm run svg:optimize && npm run svg:minify",
"svg:clean": "make-dir build/svg && rimraf build/svg/* && rimraf $npm_package_config_public_dir/svg/*",
"svg:optimize": "svgo -f svg -o build/svg",
"svg:minify": "svg-sprite -s --symbol-sprite=$npm_package_config_public_dir/svg/icons.svg --symbol-dest= build/svg/*.svg"
},
"author": "Björn Hase",
"license": "MIT"
"name": "fuzzy-cms-theme",
"version": "0.1.0",
"description": "Simple Theme for Fuzzy CMS",
"repository": {
"type": "git",
"url": "git@github.com:nirgendswo/fuzzy-cms.git"
},
"dependencies": {
"crispy-boilerplate": "^0.9.1",
"reflex-grid": "^1.3.0",
"zepto": "^1.2.0"
},
"config": {
"public_dir": "../public"
},
"scripts": {
"preinstall": "npm install -g browserify uglify-js node-sass clean-css-cli postcss-cli autoprefixer make-dir-cli svgo svg-sprite",
"build": "npm run js:build && npm run css:build && npm run svg:build",
"js:build": "npm run js:clean && npm run js:browserify && npm run js:minify",
"js:clean": "make-dir $npm_package_config_public_dir/js && rimraf $npm_package_config_public_dir/js/*",
"js:browserify": "browserify js/index.js > $npm_package_config_public_dir/js/scripts.js",
"js:minify": "uglifyjs $npm_package_config_public_dir/js/scripts.js -mc -o $npm_package_config_public_dir/js/scripts.js",
"css:build": "npm run css:clean && npm run css:scss && npm run css:postcss && npm run css:minify",
"css:clean": "make-dir $npm_package_config_public_dir/css && rimraf $npm_package_config_public_dir/css/*",
"css:scss": "node-sass scss/styles.scss $npm_package_config_public_dir/css/styles.css",
"css:postcss": "postcss $npm_package_config_public_dir/css/styles.css --use autoprefixer -d $npm_package_config_public_dir/css/",
"css:minify": "cleancss -o $npm_package_config_public_dir/css/styles.css $npm_package_config_public_dir/css/styles.css",
"svg:build": "npm run svg:clean && npm run svg:optimize && npm run svg:minify",
"svg:clean": "make-dir build/svg && rimraf build/svg/* && rimraf $npm_package_config_public_dir/svg/*",
"svg:optimize": "svgo -f svg -o build/svg",
"svg:minify": "svg-sprite -s --symbol-sprite=$npm_package_config_public_dir/svg/icons.svg --symbol-dest= build/svg/*.svg"
},
"author": "Björn Hase",
"license": "MIT"
}
@import
'../node_modules/crispy-boilerplate/scss/functions/units';
/**
* Config for layout
*
*
* @author Björn Hase
*
*/
$font-family-heading: 'Bangers', cursive;
$font-family-body: 'Roboto', sans-serif;
$primary: #D5484F;
$primary-contrast: white;
$secondary: #999;
$secondary-contrast: #666;
$color: #888;
$color: #5d5d5d;
$background-color: #ddd;
$background-color-contrast: #363A3F;
$background-contrast-color: #363a3f;
// heading
$heading__font-family: 'Bangers', cursive;
$heading__margin: pxToEm(20px) 0 pxToEm(5px);
$heading__font-weight: normal;
$heading__font-sizes: (
'h1': 40px,
'h2': 32px,
'h3': 28px,
'h4': 22px,
'h5': 18px,
'h6': 14px
);
// body
$body__font-size: 16px;
$body__font-family: 'Roboto', sans-serif;
$body__color: $color;
$body__background-color: $background-color;
// icons
$icon__sizes: (
'default': 18px,
'small': 14px,
'large': 28px,
'feature': 80px
) !default;
$icon__colors: (
'default' : black,
'secondary' : grey,
'white' : white
) !default;
/**
*
*
*
*
*/
body {
font-family: $font-family-body;
color: $color;
background-color: $background-color;
padding: 80px 0 0 0;
}
a {
font-weight: bold;
text-decoration: none;
color: $primary;
&:hover {
color: $color;
}
}
p {
margin-top: 0;
line-height: 1.6em;
}
hr {
width: 100%;
border: 0;
height: 1px;
background-color: $color;
margin: 0;
}
figure {
margin: 0;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
font-family: $font-family-heading;
&--section {
margin: 0 0 5px;
}
}
.--inner {
padding: 20px;
}
/**
*
*
*
*
*/
.--float-left {
float: left;
}
.--float-right {
float: right;
}
/**
*
*
* @author Björn Hase
*
*/
$icon__vertical-align: middle !default;
$icon__margin: 0 2px !default;
$icon__sizes: (
'primary': 15px,
'small': 12px,
'large': 28px
) !default;
.icon {
display: inline-block;
position: relative;
vertical-align: $icon__vertical-align;
margin: $icon__margin;
&--feature {
width: 80px;
height: 80px;
}
@include icon-sizes($icon__sizes);
}
/**
* Mixins
*
*
* @author Björn Hase
*/
/**
* radius
*
* @param px $radius
*/
@mixin radius($radius) {
border-radius: $radius;
-webkit-border-radius: $radius;
-moz-border-radius: $radius;
-ms-border-radius: $radius;
-o-border-radius: $radius;
}
/**
* font-size as rem with fallback
*
* @param $size
*/
@mixin fontSize($size: 1.6) {
font-size: ($size * 10) + px;
font-size: $size + rem;
}
/**
* adding sizes
*
*
* @param map $sizes
*
*/
@mixin icon-sizes($sizes) {
@each $name, $size in $sizes {
@if ($name == 'primary') {
@include icon-size($size);
}
@else {
&--#{$name} {
@include icon-size($size);
}
}
}
}
/**
* adding size
*
*
* @param px $size
*
*/
@mixin icon-size($size) {
width: $size;
height: $size;
}
/**
* clearfix
*
*
*/
@mixin clearfix() {
&:before,
&:after {
content: " ";
display: table;
}
&:after {
display: block;
clear: both;
height: 1px;
margin-top: -1px;
visibility: hidden;
}
& {
*zoom: 1;
}
}
/**
* badge
*
*
* @author Björn Hase
*
*/
$badge-datetime__color: #0c8eaa;
$badge-planned__color: orange;
$badge-in-progress__color: green;
@mixin fuzzy-cms-badge() {
.badge {
position: relative;
top: -6px;
padding: 5px 8px 3px;
margin: 0 0 0 6px;
display: inline-block;
font-weight: normal;
font-family: $body__font-family;
color: white;
border: 1px solid;
border-bottom-width: 3px;
@include font-size(12px);
&--datetime {
top: 0;
margin: 0 0 8px;
background-color: $badge-datetime__color;
border-color: darken($badge-datetime__color, 10%);
}
&--planned {
background-color: $badge-planned__color;
border-color: darken($badge-planned__color, 10%);
}
&--in-progress {
background-color: $badge-in-progress__color;
border-color: darken($badge-in-progress__color, 10%);
}
}
}
/**
* Button
*
*
* @author Björn Hase
*
*/
@mixin fuzzy-cms-button() {
@include crispy-boilerplate-button(){
&--navigation {
float: left;
padding: 0;
@media (min-width: $reflex-md) {
display: none;
}
}
&--up {
position: fixed;
margin: 5px;
bottom: 0;
right: 0;
}
}
}
/**
* Formating for content elements
*
*
* @author Björn Hase
*
*/
$table__padding: 10px;
$table__color: black;
$table__border-color: #d4d4d4;
$table__background-color--odd: #f9f9f9;
@mixin fuzzy-cms-content() {
.content {
.code, pre {
overflow-y: hidden;
overflow-x: auto;
padding: 10px;
border: 1px solid #d4d4d4;
background-color: #f9f9f9;
}
ul {
li {
padding: 3px 0;
}
}
.code {
font-family: monospace, monospace;
font-size: 1em;
&__result {
margin: 0 0 10px;
dl {
margin: 0 0 10px;
dt {
clear: left;
float: left;
}
dd {
color: red;
}
}
}
.form__submit {
margin-top: 15px;
}
}
table {
td {
color: $table__color;
}
td,
th {
padding: $table__padding;
text-align: left;
border-bottom: 1px solid $table__border-color;
}
th {
border-bottom-width: 2px;
}
tr {
&:nth-child(even) {
background-color: $table__background-color--odd;
}
}
}
}
}
/**
* features
*
*
* @author Björn Hase
*
*/
@mixin fuzzy-cms-feature() {
.feature {
h3 {
color: black;
}
&__content {
p {
margin: 0;
}
}
}
}
/**
* form
*
*
* @author Björn Hase
*/
$form__message-color: white;
$form__message--success-background-color: #8EC642;
$form__error-color: white;
$form__error-background-color: #cc4442;
@mixin fuzzy-cms-form() {
label {
@font-size(16);
}
input[type="email"],
input[type="text"],
textarea {
margin-top: 4px;
}
textarea {
max-height: 214px;
}
input[type="checkbox"] {
position: relative;
top: 2px;
}
.form {
&__message {
color: $form__message-color;
padding: 1em;
margin: 0.625rem 0 1.25rem;
font-size: 0.875rem;
&--success {
background: $form__message--success-background-color;
}
}
&__error {
display: block;
color: $form__error-color;
padding: 0.625rem 0.9375rem;
margin-bottom: 10px;
background-color: $form__error-background-color;
@include font-size(13px);
}
&__field {
margin: 3px 0;
&--other {
display: none;
}
}
}
}
/**
* hr
*
*
* @author Björn Hase
*
*/
@mixin fuzzy-cms-hr() {
.hr {
margin: 0 0 20px;
border-color: $color;
border-top: 0;
}
}
/**
* hutch
*
*
* @author Björn Hase
*
*/
@mixin fuzzy-cms-hutch() {
.hutch {
height: 100%;
box-shadow: 1px 1px 0 0 #bababa;
&__header {
color: $primary-contrast;
background-color: $secondary-contrast;
}
&__content {
height: 100%;
background-color: $primary-contrast;
}
}
}
/**
*
*
*
* @author Björn Hase
*
*/
$inner__padding: pxToEm(20px);
@mixin fuzzy-cms-inner() {
.--inner {
padding: $inner__padding;
&--right {
padding-left: 0;
}
&--left {
padding-right: 0;
}
}
}
/**
* page
*
*
* @author Björn Hase
*
*/
@mixin fuzzy-cms-page() {
.page {
&__title {
text-align: center;
margin: 0;
}
}
}
/**
* Post
*
*
* @author Björn Hase
*
*/
@mixin fuzzy-cms-post() {
.post {
&__datetime {
display: block;
}
}
}
/**
* privacy-sticky
*
*
* @author Björn Hase
*
*/
@mixin fuzzy-cms-privacy() {
.privacy-sticky {
position: fixed;
bottom: 0;
z-index: 110;
width: 100%;
border: {
style: solid;
color: white;
width: 0;
top: {
width: 1px;
}
}
@media (min-width: $reflex-lg) {
padding: 0 !important;
}