ordered content in aside for accordions
This commit is contained in:
parent
11876929d2
commit
7500b4bf28
|
|
@ -1,22 +1,21 @@
|
|||
//content {
|
||||
|
||||
// general styles
|
||||
//----------------
|
||||
//
|
||||
// mods on fonts and typography
|
||||
// not in foundation variables
|
||||
// -----------------------------
|
||||
// general styles
|
||||
//----------------
|
||||
//
|
||||
// mods on fonts and typography
|
||||
// not in foundation variables
|
||||
// -----------------------------
|
||||
|
||||
h1,h2,h3,h4,h5,h6,
|
||||
.h1,.h2,.h3,.h4,.h5,.h6,
|
||||
button,.button,
|
||||
header nav {
|
||||
h1,h2,h3,h4,h5,h6,
|
||||
.h1,.h2,.h3,.h4,.h5,.h6,
|
||||
button,.button,
|
||||
header nav {
|
||||
font-variant:all-small-caps;
|
||||
a {
|
||||
color: $body-font-color;
|
||||
}
|
||||
}
|
||||
.excerpt,.post-excerpt{
|
||||
}
|
||||
.excerpt,.post-excerpt{
|
||||
a {
|
||||
color: $body-font-color;
|
||||
&:hover {
|
||||
|
|
@ -25,14 +24,14 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// main block
|
||||
//--------------
|
||||
//
|
||||
// main block
|
||||
//--------------
|
||||
|
||||
|
||||
main {
|
||||
main {
|
||||
article {
|
||||
@include xy-grid;
|
||||
header {
|
||||
|
|
@ -63,14 +62,14 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// news category
|
||||
//--------------
|
||||
//
|
||||
// news category
|
||||
//--------------
|
||||
|
||||
.news,.news-category {
|
||||
.news,.news-category {
|
||||
@include xy-grid;
|
||||
header,main,aside {
|
||||
@include breakpoint(small){
|
||||
|
|
@ -139,16 +138,17 @@
|
|||
|
||||
}
|
||||
}
|
||||
}
|
||||
// end news category
|
||||
}
|
||||
// end news category
|
||||
|
||||
|
||||
//
|
||||
// collections category
|
||||
//--------------
|
||||
//
|
||||
// collections category
|
||||
//--------------
|
||||
|
||||
.collections-list {
|
||||
.collections-list {
|
||||
@include xy-grid;
|
||||
width:100vw;
|
||||
header,main{
|
||||
@include xy-cell(12);
|
||||
@include flex;
|
||||
|
|
@ -181,20 +181,34 @@
|
|||
}
|
||||
}
|
||||
.accordion-content {
|
||||
@include xy-grid(12);
|
||||
section {
|
||||
@include xy-grid;
|
||||
@include breakpoint(small){
|
||||
figure {
|
||||
@include xy-cell(4);
|
||||
@include xy-cell(12);
|
||||
}
|
||||
p {
|
||||
@include xy-cell(6);
|
||||
@include xy-cell(12);
|
||||
}
|
||||
}
|
||||
@include breakpoint(medium){
|
||||
figure {
|
||||
@include xy-cell(3);
|
||||
}
|
||||
p {
|
||||
@include xy-cell(9);
|
||||
}
|
||||
}
|
||||
@include breakpoint(large){
|
||||
}
|
||||
}
|
||||
}
|
||||
// end collections category
|
||||
}
|
||||
// end collections category
|
||||
|
||||
// partners
|
||||
// for big announcemnts
|
||||
//---------------------
|
||||
// partners
|
||||
// for big announcemnts
|
||||
//---------------------
|
||||
|
||||
.partners {
|
||||
.entry-content {
|
||||
|
|
@ -221,15 +235,15 @@
|
|||
margin: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// hero
|
||||
// for big announcemnts
|
||||
//---------------------
|
||||
//
|
||||
// hero
|
||||
// for big announcemnts
|
||||
//---------------------
|
||||
|
||||
|
||||
.hero {
|
||||
.hero {
|
||||
border-top: 2px solid $primary-color;
|
||||
.slides {
|
||||
@include xy-grid();
|
||||
|
|
@ -354,8 +368,13 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
//end hero
|
||||
}
|
||||
//end hero
|
||||
|
||||
//}
|
||||
// end content
|
||||
// omeka specific styles
|
||||
#user-bar {
|
||||
width: 100%;
|
||||
|
||||
}
|
||||
|
||||
//end omeka specific styles
|
||||
|
|
|
|||
|
|
@ -17,10 +17,12 @@
|
|||
</ul>
|
||||
</a>
|
||||
<aside class="accordion-content" data-tab-content>
|
||||
<section>
|
||||
<figure>
|
||||
</figure>
|
||||
<p>
|
||||
</p>
|
||||
</section>
|
||||
</aside>
|
||||
</li>
|
||||
<li class="accordion-item" data-accordion-item>
|
||||
|
|
@ -33,9 +35,13 @@
|
|||
</ul>
|
||||
</a>
|
||||
<aside class="accordion-content" data-tab-content>
|
||||
<section>
|
||||
<figure>
|
||||
</figure>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eaque unde quaerat reprehenderit ipsa ipsam, adipisci facere repellendus impedit at, quisquam dicta optio veniam quia nesciunt, inventore quod in neque magni?</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eaque unde quaerat reprehenderit ipsa ipsam, adipisci facere repellendus impedit at, quisquam dicta optio veniam quia nesciunt, inventore quod in neque magni?
|
||||
</p>
|
||||
</section>
|
||||
</aside>
|
||||
</li>
|
||||
|
||||
|
|
@ -49,12 +55,18 @@
|
|||
</ul>
|
||||
</a>
|
||||
<aside class="accordion-content" data-tab-content>
|
||||
<section>
|
||||
<figure>
|
||||
<img src="https://dev-archive.hangar.org/files/large/81/3D-Panoramic-Landscape-Image-768x288.jpg">
|
||||
<p>You can extend the functionality of Omeka S by writing an add-on component called a module. Zend Framework provides a substantial framework for writing modules, but Omeka S provides extra structure that makes the modules installable, upgradeable, and integratable. You can extend the functionality of Omeka S by writing an add-on component called a module. Zend Framework provides a substantial framework for writing modules, but Omeka S provides extra structure that makes the modules installable, upgradeable, and integratable.</p>
|
||||
</figure>
|
||||
<p>
|
||||
You can extend the functionality of Omeka S by writing an add-on component called a module. Zend Framework provides a substantial framework for writing modules, but Omeka S provides extra structure that makes the modules installable, upgradeable, and integratable. You can extend the functionality of Omeka S by writing an add-on component called a module. Zend Framework provides a substantial framework for writing modules, but Omeka S provides extra structure that makes the modules installable, upgradeable, and integratable.
|
||||
<br>
|
||||
<button class="go_to_site_button" onclick="window.location.href = '/s/modules'">
|
||||
View
|
||||
</button>
|
||||
</p>
|
||||
</section>
|
||||
</aside>
|
||||
</li>
|
||||
<li class="accordion-item" data-accordion-item>
|
||||
|
|
@ -67,14 +79,18 @@
|
|||
</ul>
|
||||
</a>
|
||||
<aside class="accordion-content" data-tab-content>
|
||||
<section>
|
||||
<figure>
|
||||
</figure>
|
||||
<p>
|
||||
Here, some footnotes of structural imagination <br>
|
||||
<button class="go_to_site_button" onclick="window.location.href = '/s/trees-and-cells'">
|
||||
View
|
||||
</button>
|
||||
</p>
|
||||
</section>
|
||||
</aside>
|
||||
</li>
|
||||
|
||||
|
||||
<li class="accordion-item" data-accordion-item>
|
||||
<a href="#" class="accordion-title">
|
||||
<ul class="">
|
||||
|
|
@ -85,6 +101,7 @@
|
|||
</ul>
|
||||
</a>
|
||||
<aside class="accordion-content" data-tab-content>
|
||||
<section>
|
||||
<figure>
|
||||
</figure>
|
||||
<p>
|
||||
|
|
@ -92,6 +109,7 @@
|
|||
View
|
||||
</button>
|
||||
</p>
|
||||
</section>
|
||||
</aside>
|
||||
</li>
|
||||
<li class="accordion-item" data-accordion-item>
|
||||
|
|
@ -104,6 +122,7 @@
|
|||
</ul>
|
||||
</a>
|
||||
<aside class="accordion-content" data-tab-content>
|
||||
<section>
|
||||
<figure>
|
||||
<img src="https://dev-archive.hangar.org/files/large/89/scary-werewolf.jpg">
|
||||
</figure>
|
||||
|
|
@ -113,6 +132,7 @@
|
|||
View
|
||||
</button>
|
||||
</p>
|
||||
</section>
|
||||
</aside>
|
||||
</li>
|
||||
</ul>
|
||||
|
|
|
|||
Loading…
Reference in New Issue