simongehrig.de/scss-grid
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

SCSS Framework

Browse Source 
Added mail-button
Added arrow-button
Added search-button
This commit is contained in:
Simon Gehrig
2017-05-04 17:15:27 +02:00
parent 7df2406a6e
commit 16f1da1357
5 changed files with 244 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
examples/layout/buttons/buttons.scss
+104
View File
@@ -0,0 +1,104 @@
@import "../../../framework";
body {
background-color: #8faf91;
}
$color-ln: #bab7ff;
$color-bgr: #1d9d73;
.mail {
.mail-15 {
@include mail-button(
15px,
$color-ln,
$color-bgr
)
}
.mail-30 {
@include mail-button(
30px,
$color-ln,
$color-bgr
)
}
.mail-60 {
@include mail-button(
60px,
$color-ln,
$color-bgr
)
}
.mail-120 {
@include mail-button(
120px,
$color-ln,
$color-bgr
)
}
}
.search {
.search-15 {
@include search-symbol-button(
15px,
$color-ln,
$color-bgr
)
}
.search-30 {
@include search-symbol-button(
30px,
$color-ln,
$color-bgr
)
}
.search-60 {
@include search-symbol-button(
60px,
$color-ln,
$color-bgr
)
}
.search-120 {
@include search-symbol-button(
120px,
$color-ln,
$color-bgr
)
}
}
.arrow {
.arrow-15 {
@include arrow-button(
15px,
$color-ln,
$color-bgr
)
}
.arrow-30 {
@include arrow-button(
30px,
$color-ln,
$color-bgr
)
}
.arrow-60 {
@include arrow-button(
60px,
$color-ln,
$color-bgr
)
}
.arrow-120 {
@include arrow-button(
120px,
$color-ln,
$color-bgr
)
}
}