Commit 92c8ba04 authored by Aldo's avatar Aldo

start basic theme

parent c091f2d0
......@@ -116,6 +116,9 @@ composer require 'drupal/search_api:^1.13'
composer require 'drupal/search_api_autocomplete:^1.2'
#composer require 'drupal/search_api_solr:^3.1'
composer require 'drupal/easy_breadcrumb:^1.12'
composer require 'drupal/paragraphs_trimmed:^1.0' #fix for bodt of Paragraph in Header Image
composer require 'drupal/scss_compiler:^1.0' #fix for not abe to use Ruby (
# Enable
drush en address -y
......@@ -135,6 +138,14 @@ drush en media_library -y
drush en search_api_db -y
```
```
# install sass-compiler
sudo apt install ruby-full
sudo apt install ruby-compass
gem install sass
compass watch --poll
```
----------------------------------
......
......@@ -307,7 +307,7 @@ npm_config_prefix: "/home/{{ drupalvm_user }}/.npm-global"
# Ruby Configuration (if enabled above).
ruby_install_gems_user: "{{ drupalvm_user }}"
ruby_install_gems:
ruby_install_gems:
- sass
- compass
......
name: Calibrate
type: theme
base theme: stable
base theme: classy
description: A flexible theme with a responsive, mobile-first layout.
package: Custom
core: 8.x
......@@ -11,8 +11,9 @@ regions:
primary_menu: 'Primary menu'
secondary_menu: 'Secondary menu'
page_top: 'Page top'
page_bottom: 'Page bottom'
page_bottom: 'Page bottom'
featured: 'Featured'
content_image: 'Content image'
breadcrumb: 'Breadcrumb'
content: 'Content'
sidebar_first: 'Sidebar first'
......
css_dir = "css"
sass_dir = "scss"
javascripts_dir = "js"
fonts_dir = "fonts"
images_dir = "images"
relative_assets = true
environment = :development
output_style = (environment == :production) ? :expanded : :nested
# line_comments = (environment == :production) ? false : true
\ No newline at end of file
/* line 5, ../../scss/layouts/layout.sass */
* {
box-sizing: border-box; }
/* line 8, ../../scss/layouts/layout.sass */
main {
content: "";
clear: both;
display: table; }
/* line 13, ../../scss/layouts/layout.sass */
body {
font: 100% "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
background-color: #fff;
margin: 0 10%; }
/* line 18, ../../scss/layouts/layout.sass */
#block-calibrate-main-menu,
#block-calibrate-account-menu {
background-color: #f5f5f5; }
/* line 21, ../../scss/layouts/layout.sass */
#block-calibrate-main-menu > ul,
#block-calibrate-account-menu > ul {
padding: 0;
list-style-type: none; }
/* line 25, ../../scss/layouts/layout.sass */
#block-calibrate-main-menu > ul > li,
#block-calibrate-account-menu > ul > li {
display: inline-block; }
/* line 28, ../../scss/layouts/layout.sass */
#block-calibrate-main-menu > ul {
float: left; }
/* line 32, ../../scss/layouts/layout.sass */
#block-calibrate-account-menu > ul {
float: right; }
/* line 35, ../../scss/layouts/layout.sass */
#block-calibrate-views-block-content-header-image-block-1 {
clear: both; }
/* line 40, ../../scss/layouts/layout.sass */
img {
max-width: 100%;
height: auto; }
/* line 44, ../../scss/layouts/layout.sass */
.views-field-field-image, #block-calibrate-views-block-content-header-image-block-1 img {
width: 100%;
height: auto; }
/* line 48, ../../scss/layouts/layout.sass */
.layout-sidebar-second,
.layout-content {
margin: 0; }
/* line 52, ../../scss/layouts/layout.sass */
.layout-content {
width: 74vw;
float: left;
padding: 0.5em; }
/* line 57, ../../scss/layouts/layout.sass */
.layout-sidebar-second {
width: 25vw;
float: right;
background-color: #f5f5f5;
padding: 0.5em; }
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 25.6 25.7" style="enable-background:new 0 0 25.6 25.7;" xml:space="preserve" width="60" height="60">
<svg version="1.1" id="Layer_1" height="35" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 25.6 25.7" style="enable-background:new 0 0 25.6 25.7;" xml:space="preserve">
<style type="text/css">
.st0{fill:#231F20;}
.st1{fill:#83C341;}
......
$font-stack: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif
$color-bg: #fff
$well: #f5f5f5
*
box-sizing: border-box
main
content: ""
clear: both
display: table
body
font: 100% $font-stack
background-color: $color-bg
margin: 0 10%
#block-calibrate-main-menu,
#block-calibrate-account-menu
background-color: $well
>ul
padding: 0
list-style-type: none
>li
display: inline-block
#block-calibrate-main-menu
>ul
float: left
#block-calibrate-account-menu
>ul
float: right
#block-calibrate-views-block-content-header-image-block-1
clear: both
img
max-width: 100%
height: auto
.views-field-field-image, #block-calibrate-views-block-content-header-image-block-1 img
width: 100%
height: auto
.layout-sidebar-second,
.layout-content
margin: 0
.layout-content
width: 74vw
float: left
padding: 0.5em
.layout-sidebar-second
width: 25vw
float: right
background-color: $well
padding: 0.5em
\ No newline at end of file
$font-stack: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
body {
font: 100% $font-stack;
background-color: red;
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment