Skip to content

719: Configured bootstrap grid system's breakpoints #128

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
adriennedao wants to merge 1 commit into
base: develop
Choose a base branch
from
Open

719: Configured bootstrap grid system's breakpoints #128

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
26 changes: 0 additions & 26 deletions config/sync/block.block.posse_theme_tools.yml
View file
Open in desktop

This file was deleted.

17 changes: 2 additions & 15 deletions web/themes/custom/posse_theme/css/style.css
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

24 changes: 4 additions & 20 deletions web/themes/custom/posse_theme/scss/_posse_misc.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -32,15 +32,12 @@
color: $alternate-bg-heading-secondary;
}
ul {
padding-left: 5.7em;
padding-right: 5.7em;

margin-bottom: 10px;
}
li {
display: inline-block;
width: 30%;
padding: 110px 10px 70px 10px;
margin: 0px 15px;
padding-top: 110px;
padding-bottom: 70px;
&.web-development {
background: url("../images/icon-comp.jpg") no-repeat center top;
}
Expand All @@ -52,20 +49,7 @@
}
}

@media screen and (max-width: 993px) {
ul {
padding-left: 0em;
padding-right: 0em;
}
li {
padding: 110px 0px 70px 0px;
}
}
@media screen and (max-width: 630px) {
li {
width: 37%;
}
}

@media screen and (max-width: 560px) {
h3 {
font-size: 1.1em;
Expand Down
62 changes: 62 additions & 0 deletions web/themes/custom/posse_theme/scss/_posse_misc_bh.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,62 @@
/***** Blog Page *****/


/* Blog Header */

.blog_section {
height: 500px;
width: 1140px;
background-color: #1c3243;
display: inline-flex;
font-family: 'Montserrat', sans-serif;
img {
width: 50%;
}
}

.content_section {
width: 570px;
color: #ffff;
text-align: center;
}

.top_section {
margin-top: 42px;
margin-bottom: 42px;
word-spacing: 90px;
}

.mid_section span {
color: #FFA500;
font-size: 18px;
font-weight: lighter;
text-transform: uppercase;
font-family: 'Montserrat', sans-serif;
}

.mid_section p {
font-size: 40px;
text-transform: uppercase;
padding: 10px 40px;
letter-spacing: 5px;
font-family: 'Montserrat', sans-serif;
}

.top_section ul {
list-style-type: none;
li {
display: inline;
font-weight: 100;
font-size: 24px;
}
}

.lower_section p {
text-transform: uppercase;
padding-top: 30px;
letter-spacing: 8px;
}

.lower_section p span {
margin-bottom: 18px;
}
77 changes: 77 additions & 0 deletions web/themes/custom/posse_theme/templates/block--blogheader.html.twig
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,77 @@
{% extends "block.html.twig" %}
{#
/**
* @file
* Default theme implementation to display a block.
*
* Available variables:
* - $block->subject: Block title.
* - $content: Block content.
* - $block->module: Module that generated the block.
* - $block->delta: An ID for the block, unique within each module.
* - $block->region: The block region embedding the current block.
* - $classes: String of classes that can be used to style contextually through
* CSS. It can be manipulated through the variable $classes_array from
* preprocess functions. The default values can be one or more of the
* following:
* - block: The current template type, i.e., "theming hook".
* - block-[module]: The module generating the block. For example, the user
* module is responsible for handling the default user navigation block. In
* that case the class would be 'block-user'.
* - $title_prefix (array): An array containing additional output populated by
* modules, intended to be displayed in front of the main title tag that
* appears in the template.
* - $title_suffix (array): An array containing additional output populated by
* modules, intended to be displayed after the main title tag that appears in
* the template.
*
* Helper variables:
* - $classes_array: Array of html class attribute values. It is flattened
* into a string within the variable $classes.
* - $block_zebra: Outputs 'odd' and 'even' dependent on each block region.
* - $zebra: Same output as $block_zebra but independent of any block region.
* - $block_id: Counter dependent on each block region.
* - $id: Same output as $block_id but independent of any block region.
* - $is_front: Flags true when presented in the front page.
* - $logged_in: Flags true when the current user is a logged-in member.
* - $is_admin: Flags true when the current user is an administrator.
* - $block_html_id: A valid HTML ID and guaranteed unique.
*
* @ingroup templates
*
* @see bootstrap_preprocess_block()
* @see template_preprocess()
* @see template_preprocess_block()
* @see bootstrap_process_block()
* @see template_process()
*/
#}
{% block content %}
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">

<div class="blog_section">
<img src="{{ base_path ~ directory }}/images/blog-donut.png" alt="donutpic">
<div class="content_section">
<div class="top_section">
<ul>
<li>Work</li>
<li>Blog</li>
<li>Contact</li>
</ul>
</div>

<div class="mid_section">
<span>Blog</span>
<p>New Site Launch: Sullivan Street Bakery</p>
</div>

<div class="lower_section">
<p>By | <span>Reed Richards</span></p>
</div>
</div>
</div>

{% endblock %}



10 changes: 6 additions & 4 deletions web/themes/custom/posse_theme/templates/block--services.html.twig
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -50,16 +50,18 @@

{% block content %}
<h3>{{ content }}</h3>
<ul>
<li class="web-development">
<div class="col-md-1"></div>
<ul class="col-xs-12 col-md-10 row">
<li class="web-development col-xs-12 col-sm-6" col-md-4">
<h4>Web Development</h4>
<span>Lorem ipsum dolor sit amet, consectetur adipisicing elit, Nunc convallis lectus non est condimentum, commodo mollis.</span>
</li>
<li class="app-development">
<li class="app-development col-xs-12 col-sm-6 col-md-4">
<h4>App Development</h4>
<span>Lorem ipsum dolor sit amet, consectetur adipisicing elit, Nunc convallis lectus non est condimentum, commodo mollis.</span>
</li>
<li class="seo-assistance">
<div class="col-sm-3"></div>
<li class="seo-assistance col-xs-12 col-sm-6 col-md-4">
<h4>SEO Assistance</h4>
<span>Lorem ipsum dolor sit amet, consectetur adipisicing elit, Nunc convallis lectus non est condimentum, commodo mollis.</span>
</li>
Expand Down