edlp d8 theme starter operatinal with bower and gulp : y'a plus k'a
This commit is contained in:
@@ -0,0 +1,36 @@
|
||||
@import 'base/reset';
|
||||
|
||||
@import 'base/vars';
|
||||
@import 'base/grid';
|
||||
@import 'base/colors';
|
||||
@import 'base/buttons';
|
||||
|
||||
|
||||
body, html{
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height:100%;
|
||||
font-family: Georgia, serif;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
|
||||
div.layout-container{
|
||||
position: relative;
|
||||
width:100%; height:100%;
|
||||
padding:1em;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
header[role="banner"]{
|
||||
outline: 1px solid blue;
|
||||
}
|
||||
|
||||
|
||||
main[role="main"]{
|
||||
outline:1px solid green;
|
||||
}
|
||||
|
||||
footer[role="contentinfo"]{
|
||||
outline: 1px solid pink;
|
||||
}
|
||||
@@ -0,0 +1,25 @@
|
||||
|
||||
// Buttons
|
||||
//
|
||||
// Buttons
|
||||
//
|
||||
// Markup:
|
||||
// <a href="" class="btn {{modifier_class}}">Button</a>
|
||||
//
|
||||
// .btn--hollow - Hollow button
|
||||
// .btn--hollow-white - Hollow button
|
||||
// .btn--blue - Blue button
|
||||
// .btn--block - Block button
|
||||
// .btn--small - Small button
|
||||
// .btn--plain - Plain button
|
||||
//
|
||||
// Styleguide Common.Buttons
|
||||
|
||||
|
||||
.btn {
|
||||
&--hollow {
|
||||
background: red;
|
||||
display: inline-block;
|
||||
padding: 10px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,3 @@
|
||||
body {
|
||||
background: white;
|
||||
}
|
||||
Reference in New Issue
Block a user