mirror_css/destyle
1
0
Fork 0
mirror of https://github.com/nicolas-cusan/destyle.css.git synced 2025-08-30 08:20:18 +02:00
Code Issues Releases Wiki Activity

prefix css

Browse Source
This commit is contained in:
Nicolas Cusan
2019-01-10 21:38:46 +01:00
parent 4c8e58cb18
commit 62d411f117
1 changed files with 31 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
style.css
View File

@@ -8,7 +8,12 @@ body {
font: 16px/1.4 'Fira Sans', sans-serif; font: 16px/1.4 'Fira Sans', sans-serif;
color: #333; color: #333;
height: 100%; height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex; display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; flex-direction: column;
} }
@@ -19,6 +24,8 @@ body {
padding: 30px 20px; padding: 30px 20px;
max-width: 600px; max-width: 600px;
margin: 0 auto; margin: 0 auto;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto; flex: 1 0 auto;
} }
@@ -108,6 +115,8 @@ body {
background-color: #f4f4f4; background-color: #f4f4f4;
text-align: center; text-align: center;
padding: 30px 20px; padding: 30px 20px;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none; flex: none;
} }
@@ -119,8 +128,15 @@ body {
========================================================== */ ========================================================== */
.compare-container { .compare-container {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto; flex: 1 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex; display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; flex-direction: column;
} }
@@ -130,6 +146,8 @@ body {
max-width: 600px; max-width: 600px;
margin: 0 auto; margin: 0 auto;
padding: 30px 20px; padding: 30px 20px;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none; flex: none;
width: 100%; width: 100%;
} }
@@ -187,7 +205,11 @@ body {
@media (min-width: 750px) { @media (min-width: 750px) {
.compare { .compare {
display: -webkit-box;
display: -ms-flexbox;
display: flex; display: flex;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto; flex: 1 0 auto;
} }
} }
@@ -198,7 +220,12 @@ body {
@media (min-width: 750px) { @media (min-width: 750px) {
.compare-item { .compare-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex; display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; flex-direction: column;
width: 33.33333%; width: 33.33333%;
padding: 20px 20px 0; padding: 20px 20px 0;
@@ -208,6 +235,8 @@ body {
@media (min-width: 750px) { @media (min-width: 750px) {
.compare-item-header { .compare-item-header {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none; flex: none;
margin-bottom: 0; margin-bottom: 0;
padding-bottom: 10px; padding-bottom: 10px;
@@ -257,6 +286,8 @@ body {
.compare-frame { .compare-frame {
display: block; display: block;
width: 100%; width: 100%;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto; flex: 1 0 auto;
} }
} }