app/assets/stylesheets/shoppe/application.scss in shoppe-0.0.14 vs app/assets/stylesheets/shoppe/application.scss in shoppe-0.0.15
- old
+ new
@@ -1,9 +1,11 @@
/*
*= require shoppe/reset
*= require shoppe/elements
*= require shoppe/chosen
+ *= require nifty/dialog
+ *= require shoppe/dialog
*= require_self
*/
@import 'variables';
@@ -104,46 +106,13 @@
border:1px solid #CFD4DD;
margin-bottom:25px;
padding:15px;
h3 { font-size:2.0em; font-weight:500;}
}
+
//
- // data table
- //
- div.table {
- p.info {
- overflow:hidden;
- margin-bottom:10px;
- color:#40454D;
- }
- table.data {
- width:100%;
- th, td { padding:10px;}
- thead th { border:1px solid #40454D; background:#40454D; text-align:left; font-weight:normal; font-size:0.9em; color:#fff; }
- tbody td { border:1px solid #cfd4dd; background:#fff;}
- a { color:inherit;}
- tbody th { text-align:left; background:#5B6270; border:1px solid #5B6270;font-size:1.2em; color:#fff;}
- tbody tr.empty td { padding:50px 0; text-align:center; color:#999; font-style:italic;}
- tfoot td.right { text-align:right; }
- tfoot td.bold { font-weight:bold;}
- tfoot td { border-top:0 solid #ccc; background:#fafafa;}
- tfoot tr:first-child td { border-top-width:3px;}
- tbody td a.edit { background:image-url('shoppe/icons/edit.svg') no-repeat; margin-top:3px;width:16px; width:16px; background-size:13px; display:inline-block; text-indent:-40000px; opacity:0.3}
- tbody td a.edit:hover { opacity:0.5}
- tbody tr.form {
- td { background:#f2f6fb;}
- input[type=text] { border:1px solid #CFD4DD; padding:5px;}
- input[type=text]:focus { border-color:#9AC835;}
- td.desc input[type=text] { width:95%;}
- td.adjustment input[type=text] { width:50px; margin-right:5px;}
- }
- }
- }
-
-
- //
// Status tags
//
span.status-tag {
font-weight:600;
font-size:11px;
@@ -293,11 +262,11 @@
dt.padding { padding-top:6px;}
}
dl.form {
margin-top:15px;
- input.text { width:70%}
+ input.text { width:70%;}
a.button { margin-right:5px;}
}
}
@@ -358,37 +327,14 @@
}
p.submit {
float:right;
}
}
+
- //
- // pagination
- //
- nav.pagination {
- display:block;
- margin:25px 0;
- overflow:hidden;
- text-align:center;
- span {
- display:inline-block;
- border:1px solid #ccc;
- margin-right:3px;
- color:#333;
- background:#fff;
- &.current { background:#9AC835; border-color:#7B9F26; color:#fff; font-weight:600; padding:5px 10px;}
- a {
- padding:5px 10px;
- display:inline-block;
- color:inherit;
- text-decoration:none;
- }
- }
- }
-
}
footer {
position:fixed;
bottom:0;
@@ -424,6 +370,71 @@
box-sizing: border-box; /* Opera/IE 8+ */
font-size:1.1em;
font-family:$font;
&:focus { border-color:#9AC835; }
&.short { width:100px;}
+}
+
+//
+// data table
+//
+div.table {
+ p.info {
+ overflow:hidden;
+ margin-bottom:10px;
+ color:#40454D;
+ }
+ table.data {
+ width:100%;
+ th, td { padding:10px; vertical-align:middle;}
+ thead th { border:1px solid #40454D; background:#40454D; text-align:left; font-weight:normal; font-size:0.9em; color:#fff; }
+ tbody td { border:1px solid #cfd4dd; background:#fff;}
+ a { color:inherit;}
+ tbody th { text-align:left; background:#5B6270; border:1px solid #5B6270;font-size:1.2em; color:#fff;}
+ tbody tr.empty td { padding:50px 0; text-align:center; color:#999; font-style:italic;}
+ tfoot td.right { text-align:right; }
+ tfoot td.bold { font-weight:bold;}
+ tfoot td { border-top:0 solid #ccc; background:#fafafa;}
+ tfoot tr:first-child td { border-top-width:3px;}
+ tbody td a.edit { background:image-url('shoppe/icons/edit.svg') no-repeat; margin-top:3px;width:16px; width:16px; background-size:13px; display:inline-block; text-indent:-40000px; opacity:0.3}
+ tbody td a.edit:hover { opacity:0.5}
+ tbody td.table {
+ padding:0;
+ table.data {
+ td { padding:10px; border-width:0; border-right-width:1px; border-bottom-width:1px;}
+ td:last-child { border-right-width:0;}
+ tr:last-child td { border-bottom-width:0;}
+ }
+ }
+ tbody tr.form {
+ td { background:#f2f6fb;}
+ input[type=text] { border:1px solid #CFD4DD; padding:5px;}
+ input[type=text]:focus { border-color:#9AC835;}
+ td.desc input[type=text] { width:95%;}
+ td.adjustment input[type=text] { width:50px; margin-right:5px;}
+ }
+ }
+}
+
+//
+// pagination
+//
+nav.pagination {
+ display:block;
+ margin:25px 0;
+ overflow:hidden;
+ text-align:center;
+ span {
+ display:inline-block;
+ border:1px solid #ccc;
+ margin-right:3px;
+ color:#333;
+ background:#fff;
+ &.current { background:#9AC835; border-color:#7B9F26; color:#fff; font-weight:600; padding:5px 10px;}
+ a {
+ padding:5px 10px;
+ display:inline-block;
+ color:inherit;
+ text-decoration:none;
+ }
+ }
}
\ No newline at end of file