mti
/
ptut-vhost
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

moved [container.list] to a new file

This commit is contained in:
xdrm-brackets 2018-03-14 17:43:44 +01:00
parent ae69cdbb42
commit 3f1037900c
3 changed files with 58 additions and 54 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
webpack/component/ue/manage.vue
View File

@ -2,7 +2,7 @@
<div id='CONTAINER' class='card'>
<div class='card container'>
<div class='list container'>
<section
data-anim-incoming='1'

56
webpack/scss/container.scss
View File

@ -34,59 +34,9 @@
/* [1] List style
---------------------------------*/
#CONTAINER > div.list{
display: flex;
// flex properties
flex-direction: column;
justify-content: flex-start;
& > *:first-child{ margin-top: 1em; }
& > *:last-child{ margin-bottom: 3em; }
/* (1) List element */
& > section{
display: block;
margin: .3em 1em;
padding: .8em 1em;
border-radius: 5px / 5px;
background-color: #fff;
}
/* (2) List title */
& > h1{
display: inline-block;
margin: 0 1.2em;
margin-top: .8em;
font-size: inherit;
color: darken($secondary-color, 5%);
}
/* (3) List separator */
& > hr{
display: block;
position: relative;
margin: 1em 1.5em;
border: 0;
border-bottom: 2px solid darken($bg-color, 5%);
}
}
@import 'container/list';
/* [2] Card style
---------------------------------*/
@import 'container/card';

54
webpack/scss/container/list.scss Normal file
View File

@ -0,0 +1,54 @@
@import '../constants';
/* [3] List style -> container
---------------------------------*/
#CONTAINER > div.list{
display: flex;
// flex properties
flex-direction: column;
justify-content: flex-start;
& > *:first-child{ margin-top: 1em; }
& > *:last-child{ margin-bottom: 3em; }
/* (1) List element */
& > section{
display: block;
margin: .3em 1em;
padding: .8em 1em;
border-radius: 5px / 5px;
background-color: #fff;
}
/* (2) List title */
& > h1{
display: inline-block;
margin: 0 1.2em;
margin-top: .8em;
font-size: inherit;
color: darken($secondary-color, 5%);
}
/* (3) List separator */
& > hr{
display: block;
position: relative;
margin: 1em 1.5em;
border: 0;
border-bottom: 2px solid darken($bg-color, 5%);
}
}