added contrib theme basic
This commit is contained in:
Bachir Soussi Chiadmi
+32
@@ -0,0 +1,32 @@
|
||||
// Button styles
|
||||
#{$all-buttons}
|
||||
appearance: none
|
||||
background-color: $action-color
|
||||
border: 0
|
||||
border-radius: $base-border-radius
|
||||
color: #fff
|
||||
cursor: pointer
|
||||
display: inline-block
|
||||
font-family: $base-font-family
|
||||
font-size: $base-font-size
|
||||
-webkit-font-smoothing: antialiased
|
||||
font-weight: 600
|
||||
line-height: 1
|
||||
padding: $small-spacing $base-spacing
|
||||
text-decoration: none
|
||||
transition: background-color $base-duration $base-timing
|
||||
user-select: none
|
||||
vertical-align: middle
|
||||
white-space: nowrap
|
||||
|
||||
&:hover,
|
||||
&:focus
|
||||
background-color: shade($action-color, 20%)
|
||||
color: #fff
|
||||
|
||||
&:disabled
|
||||
cursor: not-allowed
|
||||
opacity: 0.5
|
||||
|
||||
&:hover
|
||||
background-color: $action-color
|
||||
+71
@@ -0,0 +1,71 @@
|
||||
// Form styles
|
||||
fieldset
|
||||
background-color: transparent
|
||||
border: 0
|
||||
margin: 0
|
||||
padding: 0
|
||||
|
||||
legend
|
||||
font-weight: 600
|
||||
margin-bottom: $small-spacing / 2
|
||||
padding: 0
|
||||
|
||||
label
|
||||
display: block
|
||||
font-weight: normal
|
||||
margin-bottom: $small-spacing / 2
|
||||
|
||||
input,
|
||||
select
|
||||
display: block
|
||||
font-family: $base-font-family
|
||||
font-size: $base-font-size
|
||||
|
||||
#{$all-text-inputs},
|
||||
select[multiple]
|
||||
background-color: $base-background-color
|
||||
border: $base-border
|
||||
border-radius: $base-border-radius
|
||||
box-shadow: $form-box-shadow
|
||||
box-sizing: border-box
|
||||
font-family: $base-font-family
|
||||
font-size: $base-font-size
|
||||
margin-bottom: $small-spacing
|
||||
padding: $base-spacing / 3
|
||||
transition: border-color $base-duration $base-timing
|
||||
width: 100%
|
||||
|
||||
&:hover
|
||||
border-color: shade($base-border-color, 20%)
|
||||
|
||||
&:focus
|
||||
border-color: $action-color
|
||||
box-shadow: $form-box-shadow-focus
|
||||
outline: none
|
||||
|
||||
&:disabled
|
||||
background-color: shade($base-background-color, 5%)
|
||||
cursor: not-allowed
|
||||
|
||||
&:hover
|
||||
border: $base-border
|
||||
|
||||
textarea
|
||||
resize: vertical
|
||||
|
||||
[type="search"]
|
||||
appearance: none
|
||||
|
||||
[type="checkbox"],
|
||||
[type="radio"]
|
||||
display: inline
|
||||
margin-right: $small-spacing / 2
|
||||
|
||||
[type="file"]
|
||||
margin-bottom: $small-spacing
|
||||
width: 100%
|
||||
|
||||
select
|
||||
margin-bottom: $base-spacing
|
||||
max-width: 100%
|
||||
width: auto
|
||||
+16
@@ -0,0 +1,16 @@
|
||||
// List styles
|
||||
ul,
|
||||
ol
|
||||
list-style-type: none
|
||||
margin: 0
|
||||
padding: 0
|
||||
|
||||
dl
|
||||
margin-bottom: $small-spacing
|
||||
|
||||
dt
|
||||
font-weight: 600
|
||||
margin-top: $small-spacing
|
||||
|
||||
dd
|
||||
margin: 0
|
||||
@@ -0,0 +1,9 @@
|
||||
// Media styles
|
||||
figure
|
||||
margin: 0
|
||||
|
||||
img,
|
||||
picture
|
||||
max-width: 100%
|
||||
height: auto
|
||||
vertical-align: top
|
||||
+21
@@ -0,0 +1,21 @@
|
||||
// Table styles
|
||||
table
|
||||
border-collapse: collapse
|
||||
margin: $small-spacing 0
|
||||
table-layout: fixed
|
||||
width: 100%
|
||||
|
||||
th
|
||||
border-bottom: 1px solid shade($base-border-color, 25%)
|
||||
font-weight: 600
|
||||
padding: $small-spacing 0
|
||||
text-align: left
|
||||
|
||||
td
|
||||
border-bottom: $base-border
|
||||
padding: $small-spacing 0
|
||||
|
||||
tr,
|
||||
td,
|
||||
th
|
||||
vertical-align: middle
|
||||
@@ -0,0 +1,71 @@
|
||||
// Typographic styles
|
||||
body
|
||||
color: $base-font-color
|
||||
font-family: $base-font-family
|
||||
font-size: $base-font-size
|
||||
line-height: $base-line-height
|
||||
letter-spacing: $base-letter-spacing
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6
|
||||
font-family: $heading-font-family
|
||||
font-size: $base-font-size
|
||||
line-height: $heading-line-height
|
||||
margin: 0 0 $small-spacing
|
||||
|
||||
h1
|
||||
font-size: 2.2em
|
||||
|
||||
h2
|
||||
font-size: 1.8em
|
||||
|
||||
h3
|
||||
font-size: 1.4em
|
||||
|
||||
h4
|
||||
font-size: 1.2em
|
||||
|
||||
h5
|
||||
font-size: 1.1em
|
||||
|
||||
p
|
||||
margin: 0 0 $small-spacing
|
||||
|
||||
a
|
||||
color: $action-color
|
||||
text-decoration: none
|
||||
transition: color $base-duration $base-timing
|
||||
|
||||
&:active,
|
||||
&:focus,
|
||||
&:hover
|
||||
color: shade($action-color, 25%)
|
||||
|
||||
hr
|
||||
border-bottom: $base-border
|
||||
border-left: 0
|
||||
border-right: 0
|
||||
border-top: 0
|
||||
margin: $base-spacing 0
|
||||
|
||||
// Code
|
||||
pre, code, tt
|
||||
font: 1em "andale mono", "lucida console", monospace
|
||||
line-height: 1.5
|
||||
|
||||
pre
|
||||
background-color: #efefef
|
||||
display: block
|
||||
padding: 5px
|
||||
margin: 5px 0
|
||||
border: 1px solid #aaaaaa
|
||||
|
||||
// Abbreviation
|
||||
abbr
|
||||
border-bottom: 1px dotted #666666
|
||||
cursor: help
|
||||
white-space: nowrap
|
||||
@@ -0,0 +1,13 @@
|
||||
@import "../config/config"
|
||||
|
||||
// BASE: HTML element styling Read more about SMACSS categorization for Drupal
|
||||
// Themes: https://www.drupal.org/node/1887922
|
||||
|
||||
// This file is complied separately so we can pull in config dependencies above
|
||||
// while also maintaining Drupal SMACSS structure.
|
||||
@import "buttons"
|
||||
@import "forms"
|
||||
@import "lists"
|
||||
@import "media"
|
||||
@import "tables"
|
||||
@import "typography"
|
||||
Reference in New Issue
Block a user