Jingga/cssOMS
1
0
Fork 0
mirror of https://github.com/Karaka-Management/cssOMS.git synced 2026-01-11 03:08:41 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Structure improvement

Browse Source
This commit is contained in:
Dennis Eichhorn 2016-12-31 21:47:41 +01:00
parent fc98c281cf
commit f3f3da6d1a
23 changed files with 165 additions and 126 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

0
_vars.scss Normal file
View File

2
accordion.scss
View File

@ -1,4 +1,4 @@
@import "mixin", "color";
@import "_mixin", "color";
.ac-container{
width: 100%;

2
blockquote.scss
View File

@ -1,4 +1,4 @@
@import "mixin", "color";
@import "_mixin", "color";
blockquote {
border: 1px solid $content-borderlight-color;

2
breadcrumb.scss
View File

@ -1,4 +1,4 @@
@import "mixin", "color";
@import "_mixin", "color";
.crumbs-1 {
list-style: none;

2
button.scss
View File

@ -1,4 +1,4 @@
@import "mixin", "color";
@import "_mixin", "color";
.btn {
cursor: pointer;

2
canvas.scss
View File

@ -1,4 +1,4 @@
@import "mixin", "color";
@import "_mixin", "color";
canvas {
background: #fff;

2
default.scss
View File

@ -1,4 +1,4 @@
@import "mixin", "color";
@import "_mixin", "color";
body {
background: $background-color;

3
draggable.scss Normal file
View File

@ -0,0 +1,3 @@
*[draggable] {
cursor: pointer;
}

2
form.scss
View File

@ -1,4 +1,4 @@
@import "mixin", "color";
@import "_mixin", "color";
form li {
margin: 5px 0 5px 0;

2
image.scss
View File

@ -1,4 +1,4 @@
@import "mixin", "color";
@import "_mixin", "color";
img.frame-1 {
padding: 5px;

2
input.scss
View File

@ -1,4 +1,4 @@
@import "mixin", "color";
@import "_mixin", "color";
input, select, textarea, .textarea {
border: 1px solid $content-border-color;

29
list.scss
View File

@ -1,4 +1,4 @@
@import "mixin", "color";
@import "_mixin", "color";
ul.default li {
margin: 5px 0 5px 0;
@ -36,3 +36,30 @@ ul.h-list li {
margin: 5px 10px 5px 10px;
}
.bullet-list {
margin: 0;
padding: 0;
border-spacing: 0;
border-collapse: collapse;
}
.bullet-list td:first-child {
padding-right: 20px;
}
.bullet-list span {
margin-right: 5px;
}
.bullet {
width: 7px;
height: 7px;
border-radius: 30px;
background: #ccc;
display: inline-block;
}
.bullet.active {
background: #000;
}

2
main.scss
View File

@ -1,4 +1,4 @@
@import "mixin", "color";
@import "_mixin", "color";
main {
height: 100%;

105
mixin.scss
View File

@ -1,105 +0,0 @@
@mixin box-sizing($box-model) {
-moz-box-sizing: $box-model;
-webkit-box-sizing: $box-model;
box-sizing: $box-model;
}
@mixin border-radius($radius) {
-webkit-border-radius: $radius;
-moz-border-radius: $radius;
-ms-border-radius: $radius;
border-radius: $radius;
background-clip: padding-box;
}
@mixin border-top-radius($radius) {
-webkit-border-top-right-radius: $radius;
border-top-right-radius: $radius;
-webkit-border-top-left-radius: $radius;
border-top-left-radius: $radius;
background-clip: padding-box;
}
@mixin border-right-radius($radius) {
-webkit-border-bottom-right-radius: $radius;
border-bottom-right-radius: $radius;
-webkit-border-top-right-radius: $radius;
border-top-right-radius: $radius;
background-clip: padding-box;
}
@mixin border-bottom-radius($radius) {
-webkit-border-bottom-right-radius: $radius;
border-bottom-right-radius: $radius;
-webkit-border-bottom-left-radius: $radius;
border-bottom-left-radius: $radius;
background-clip: padding-box;
}
@mixin border-left-radius($radius) {
-webkit-border-bottom-left-radius: $radius;
border-bottom-left-radius: $radius;
-webkit-border-top-left-radius: $radius;
border-top-left-radius: $radius;
background-clip: padding-box;
}
@mixin border-bottomleft-radius($radius) {
-webkit-border-bottom-left-radius: $radius;
border-bottom-left-radius: $radius;
background-clip: padding-box;
}
@mixin border-bottomright-radius($radius) {
-webkit-border-bottom-right-radius: $radius;
border-bottom-right-radius: $radius;
background-clip: padding-box;
}
@mixin border-topright-radius($radius) {
-webkit-border-top-right-radius: $radius;
border-top-right-radius: $radius;
background-clip: padding-box;
}
@mixin gradient-top-bottom($start, $pos, $end, $pos2, $bg) {
background: $bg;
background: -moz-linear-gradient(top, $start $pos, $end $pos2);
background: -webkit-gradient(linear, left top, left bottom, color-stop($pos, $start), color-stop($pos2, $end));
background: -webkit-linear-gradient(top, $start $pos, $end $pos2);
background: -o-linear-gradient(top, $start $pos, $end $pos2);
background: -ms-linear-gradient(top, $start $pos, $end $pos2);
background: linear-gradient(to bottom, $start $pos, $end $pos2);
}
@mixin box-shadow-top($color) {
-moz-box-shadow: inset 0px 1px 0px 0px $color;
-webkit-box-shadow: inset 0px 1px 0px 0px $color;
box-shadow: inset 0px 1px 0px 0px $color;
}
@mixin box-shadow-left($color) {
-moz-box-shadow: inset 1px 0px 0px 0px $color;
-webkit-box-shadow: inset 1px 0px 0px 0px $color;
box-shadow: inset 1px 0px 0px 0px $color;
}
@mixin box-shadow-bottom($color) {
-moz-box-shadow: 0px 1px 0px 0px $color;
-webkit-box-shadow: 0px 1px 0px 0px $color;
box-shadow: 0px 1px 0px 0px $color;
}
@mixin box-shadow-out($color) {
-moz-box-shadow: inset 1px 1px 0px 0px $color;
-webkit-box-shadow: inset 1px 1px 0px 0px $color;
box-shadow: inset 1px 1px 0px 0px $color;
}
@mixin transform-rotate($deg) {
-webkit-transform: rotate($deg);
-moz-transform: rotate($deg);
-o-transform: rotate($deg);
-ms-transform: rotate($deg);
transform: rotate($deg);
}

2
nav.scss
View File

@ -1,4 +1,4 @@
@import "mixin", "color";
@import "_mixin", "color";
#nav-side {
width: 175px;

2
pagination.scss
View File

@ -1,4 +1,4 @@
@import "mixin", "color";
@import "_mixin", "color";
.pagination {
li {

116
progress.scss
View File

@ -1,4 +1,4 @@
@import "mixin", "color";
@import "_mixin", "color";
.meter {
height: 20px; /* Can be anything */
@ -88,3 +88,117 @@
-webkit-animation: none;
background-image: none;
}
.timeline {
list-style: none;
margin: 0 0 30px 120px;
padding-left: 30px;
border-left: 3px solid #eaeaea;
}
.timeline li {
margin: 0;
position: relative;
}
.timeline p {
margin: 0 0 15px;
}
.timeline-date {
margin-top: -18px;
top: 50%;
left: -150px;
font-size: 0.95em;
line-height: 20px;
position: absolute;
padding: 5px 10px 5px 10px;
border: 1px solid #ccc;
}
.timeline-circle {
margin-top: -10px;
top: 50%;
left: -40px;
width: 10px;
height: 10px;
background: tomato;
border: 3px solid #eaeaea;
border-radius: 50%;
display: block;
position: absolute;
}
.timeline-circle-start {
margin-top: 0;
top: 0;
left: -45px;
width: 20px;
height: 20px;
background: #fff;
border: 3px solid #eaeaea;
border-radius: 50%;
display: block;
position: absolute;
}
.timeline-circle-end {
margin-top: 0;
top: 100%;
left: -45px;
width: 20px;
height: 20px;
background: #fff;
border: 3px solid #eaeaea;
border-radius: 50%;
display: block;
position: absolute;
}
.timeline-content {
padding: 50px 20px 0;
border-radius: 0.5em;
position: relative;
}
.timeline-content p {
text-align: justify;
}
.timeline label {
font-size: 1.3em;
position: absolute;
z-index: 100;
top: 20px;
}
.timeline-radio {
display: none;
}
.timeline-break {
display: none;
}
.progress-radial {
float: left;
margin-right: 20px;
position: relative;
width: 70px;
height: 70px;
border-radius: 50%;
background-color: tomato;
}
.progress-radial .overlay {
position: absolute;
width: 60px;
height: 60px;
background-color: #fff;
border-radius: 50%;
margin-left: 5px;
margin-top: 5px;
text-align: center;
line-height: 60px;
font-size: 9px;
}

2
section.scss
View File

@ -1,4 +1,4 @@
@import "mixin", "color";
@import "_mixin", "color";
.box {
@include box-sizing(border-box);

4
styles.scss
View File

@ -1,3 +1,3 @@
@import "clean", "mixin", "default", "color", "size", "transformation", "alignment", "visibility", "animate";
@import "layout", "text", "tooltip", "spinner", "canvas", "form", "icon", "image", "input", "accordion", "alert", "badge", "blockquote", "breadcrumb", "button", "link", "list", "nav", "main", "note", "pagination", "popup", "progress", "section", "tab", "table", "tag";
@import "_vars", "clean", "_mixin", "default", "color", "size", "transformation", "alignment", "visibility", "animate";
@import "layout", "draggable", "text", "tooltip", "spinner", "canvas", "form", "icon", "image", "input", "accordion", "alert", "badge", "blockquote", "breadcrumb", "button", "link", "list", "nav", "main", "note", "pagination", "popup", "progress", "section", "tab", "table", "tag";
@import "media";

2
tab.scss
View File

@ -1,4 +1,4 @@
@import "mixin", "color";
@import "_mixin", "color";
.tabular {
@include box-sizing(border-box);

2
table.scss
View File

@ -1,4 +1,4 @@
@import "mixin", "color";
@import "_mixin", "color";
table.table {
@include box-sizing(border-box);

2
tag.scss
View File

@ -1,4 +1,4 @@
@import "mixin", "color";
@import "_mixin", "color";
.tag {
text-shadow: 1px 1px 1px #ffffff;

2
tooltip.scss
View File

@ -1,4 +1,4 @@
@import "mixin", "color";
@import "_mixin", "color";
.tooltip {
position: relative;