From 045fca3171e7904d406cead610f1a93cfacd6472 Mon Sep 17 00:00:00 2001 From: Dennis Eichhorn Date: Sun, 31 Mar 2019 20:01:13 +0200 Subject: [PATCH] Fix styles --- image.scss | 61 +++++++++ table.scss | 4 +- tests/app/forms.php | 192 +-------------------------- tests/app/forms_input.php | 191 +++++++++++++++++++++++++++ tests/app/forms_table.php | 267 ++++++++++++++++++++++++++++++++++++++ tests/app/sliders.php | 22 ++++ tests/app/tables.php | 227 +++++++++++++------------------- 7 files changed, 636 insertions(+), 328 deletions(-) diff --git a/image.scss b/image.scss index 740416d..3e2b802 100644 --- a/image.scss +++ b/image.scss @@ -105,3 +105,64 @@ div.slider-1 { } } } + +.slider-3 { + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + + .icon-cards { + position: relative; + width: 60vw; + height: 40vw; + max-width: 380px; + max-height: 250px; + margin: 0; + perspective: 1000px; + + + + &-content { + position: absolute; + width: 100%; + height: 100%; + transform-style: preserve-3d; + transform: translateZ(-30vw) rotateY(0); + animation: carousel 30s infinite cubic-bezier(0.77, 0, 0.175, 1) forwards; + } + + &-item { + position: absolute; + top: 0; + left: 0; + width: 60vw; + height: 40vw; + max-width: 380px; + max-height: 250px; + + &:nth-child(1) { + transform: rotateY(0) translateZ(35vw); + } + + &:nth-child(2) { + transform: rotateY(120deg) translateZ(35vw); + } + + &:nth-child(3) { + transform: rotateY(240deg) translateZ(35vw); + } + } + + img { + width: 100%; + } + } +} + +@keyframes carousel { + 0%, 17.5% { transform: translateZ(-35vw) rotateY(0); } + 27.5%, 45% { transform: translateZ(-35vw) rotateY(-120deg); } + 55%, 72.5% { transform: translateZ(-35vw) rotateY(-240deg); } + 82.5%, 100% { transform: translateZ(-35vw) rotateY(-360deg); } +} \ No newline at end of file diff --git a/table.scss b/table.scss index 49de9b3..26cb71f 100644 --- a/table.scss +++ b/table.scss @@ -14,8 +14,8 @@ table:not([id]) > thead .sort-asc, table:not([id]) > thead .sort-desc { display: none; } -table .sort-asc, table .sort-desc { - padding-left: 5px; +table .sort-asc, table .sort-desc, table .filter { + padding: 0 5px 0 5px; cursor: pointer; } diff --git a/tests/app/forms.php b/tests/app/forms.php index 24f34f8..923138d 100644 --- a/tests/app/forms.php +++ b/tests/app/forms.php @@ -116,194 +116,4 @@ - -
-
-

Custom

-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
-
- - -
-
-
- -
-
-
-
-
-
- - -
-
- - - - - -
ID - Name - Email -
-
-
-
-
-
- -
-
-
- - - - - - -
ID - Name - Email -
-
-
-
-
- - -
-
-
-
-
-
-
-
-
- - - \ No newline at end of file + \ No newline at end of file diff --git a/tests/app/forms_input.php b/tests/app/forms_input.php index e69de29..c3d3526 100644 --- a/tests/app/forms_input.php +++ b/tests/app/forms_input.php @@ -0,0 +1,191 @@ +
+
+
+

Custom

+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+
+ + +
+
+
+ +
+
+
+
+
+
+ + +
+
+ + + + + +
ID + Name + Email +
+
+
+
+
+
+ +
+
+
+ + + + + + +
ID + Name + Email +
+
+
+
+
+ + +
+
+
+
+
+
+
+
+
+
+ + \ No newline at end of file diff --git a/tests/app/forms_table.php b/tests/app/forms_table.php index e69de29..b20529d 100644 --- a/tests/app/forms_table.php +++ b/tests/app/forms_table.php @@ -0,0 +1,267 @@ +
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Form Add
+ + Col1 TitleCol2 TitleCol3 TitleCol4 TitleCol5 TitleCol6 Title
+ 		+ Col2Col1Col4Col3Col5Col6
+ 		+ Col4Col1Col2Col3Col5Col6
+ 		+ Col1Col2Col3Col4Col5Col6
+ + +
    +
  • 1
    • +
  • 2
    • +
  • 3
    • +
  • 4
    • +
  • ...
    • +
  • 20
    • +
+
+
+
+
+ +
+
+
+
+
+ + +
+
+
+
+
+
+
+
+
+
+ + + +
+
+ + + + + + + + + + + + +
+ +
+
+
+
+
+
+ +
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Inline Add
+ + Col1 TitleCol2 TitleCol3 TitleCol4 TitleCol5 TitleCol6 Title
+ 		+ Col2Col1Col4Col3Col5Col6
+ 		+ Col4Col1Col2Col3Col5Col6
+ 		+ Col1Col2Col3Col4Col5Col6
+ + +
    +
  • 1
    • +
  • 2
    • +
  • 3
    • +
  • 4
    • +
  • ...
    • +
  • 20
    • +
+ +
+
+
+
\ No newline at end of file diff --git a/tests/app/sliders.php b/tests/app/sliders.php index 227bae5..2a02976 100644 --- a/tests/app/sliders.php +++ b/tests/app/sliders.php @@ -43,4 +43,26 @@ + + +
+
+
+
+
+
+
+ +
+
+ +
+
+ +
+
+
+
+
+
\ No newline at end of file diff --git a/tests/app/tables.php b/tests/app/tables.php index 2abd523..30cf95b 100644 --- a/tests/app/tables.php +++ b/tests/app/tables.php @@ -5,10 +5,10 @@ Table Title - Col1 Title - Col2 Title - Col3 Title - Col4 Title + Col1 Title + Col2 Title + Col3 Title + Col4 Title @@ -129,10 +129,12 @@
- +
+ + @@ -141,25 +143,33 @@ + - + - + - + @@ -191,10 +201,38 @@ +
+
+
+
Table Title
Col1 Title Col2 Title Col3 Title
+ 		Col1 Col2 Col3 Col4
Col1
+ 		+ Col2 Col2 Col3 Col4
Col1
+ 		+ Col3 Col2 Col3 Col4
Col1
+ 		+ Col4 Col2 Col3 Col4
+ + + + + + + + + +
Remote Data
+ + IDNameEmail
+
+
+
+
- +
@@ -257,7 +295,7 @@
-
Table Title
+
@@ -322,7 +360,7 @@
-
Table Title
+
@@ -385,7 +423,7 @@
-
Table Title
+
@@ -447,130 +485,49 @@ -
-
-
-
Table Title
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Table Title
Col1 TitleCol2 TitleCol3 TitleCol4 Title
Col2Col1Col4Col3
Col4Col1Col2Col3
Col1Col2Col3Col4
Col2Col1Col3Col4
- + -
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Table Title
Col1 TitleCol2 TitleCol3 TitleCol4 Title
Col3Col4Col2Col1
Col1Col2Col4Col3
Col1Col2Col3Col4
Col4Col2Col1Col3
- - -
    -
  • 1
    • -
  • 2
    • -
  • 3
    • -
  • 4
    • -
  • ...
    • -
  • 20
    • -
-
-
-
- \ No newline at end of file + \ No newline at end of file