mirror of
https://github.com/andrewgioia/keyrune.git
synced 2024-11-05 08:34:45 +00:00
Successfully convereted (and improved) variables.less, path.less, core.less, sizes.less into .scss versions.
This commit is contained in:
parent
1028c81401
commit
0f3cedb6f0
27
sass/components/_setsymbol.scss
Normal file
27
sass/components/_setsymbol.scss
Normal file
@ -0,0 +1,27 @@
|
||||
// set symbol class
|
||||
.#{$keyrune_prefix} {
|
||||
display: $setsymbol_display;
|
||||
font: $setsymbol_font;
|
||||
font-size: $setsymbol_font_size;
|
||||
line-height: $setsymbol_line_height;
|
||||
text-rendering: $setsymbol_text_rendering;
|
||||
transform: $setsymbol_transform;
|
||||
speak: $setsymbol_speak;
|
||||
text-transform: $setsymbol_text_transform;
|
||||
vertical-align: $setsymbol_vertical_align;
|
||||
// Better font rendering
|
||||
-webkit-font-smoothing: $setsymbol_webkit_font_smoothing;
|
||||
-moz-font-smoothing: $setsymbol_moz_font_smoothing;
|
||||
|
||||
// default symbol if the set does not exist yet, or setcode does not match
|
||||
&:before {
|
||||
content: $setsymbol_default_content;
|
||||
}
|
||||
}
|
||||
|
||||
// set symbol size modifier classes
|
||||
@each $size in $symbol_sizes {
|
||||
.#{$keyrune_prefix}.#{nth($size, 1)} {
|
||||
font-size: #{nth($size, 2)}
|
||||
}
|
||||
}
|
11
sass/components/_typography.scss
Normal file
11
sass/components/_typography.scss
Normal file
@ -0,0 +1,11 @@
|
||||
@font-face {
|
||||
font-family: "#{$keyrune_font_face}";
|
||||
src:url( '#{$global_font_path}/keyrune.eot?v=#{$keyrune_version}' );
|
||||
src:url( '#{$global_font_path}/keyrune.eot?#iefix&v=#{$keyrune_version}' ) format( 'embedded-opentype' ),
|
||||
url( '#{$global_font_path}/keyrune.woff2?v=#{$keyrune_version}' ) format( 'woff2' ),
|
||||
url( '#{$global_font_path}/keyrune.woff?v=#{$keyrune_version}' ) format( 'woff' ),
|
||||
url( '#{$global_font_path}/keyrune.ttf?v=#{$keyrune_version}' ) format( 'truetype' ),
|
||||
url( '#{$global_font_path}/keyrune.svg?v=#{$keyrune_version}#keyrune' ) format( 'svg' );
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
1
sass/config/_settings.scss
Normal file
1
sass/config/_settings.scss
Normal file
@ -0,0 +1 @@
|
||||
// this is a generated copy of _variables.scss for users.
|
54
sass/config/_variables.scss
Normal file
54
sass/config/_variables.scss
Normal file
@ -0,0 +1,54 @@
|
||||
// _variables.scss
|
||||
|
||||
// Table of Contents: ===========================
|
||||
// 1. Global
|
||||
// 2. Keyrune
|
||||
// 3. Symbol Sizes
|
||||
// 4. Rarity Colors
|
||||
// 5. Set Symbol
|
||||
// 6. MtG Setlist
|
||||
|
||||
// 1. Global ====================================
|
||||
$global_font_path: '../fonts' !default;
|
||||
$global_font_size: 14px !default;
|
||||
|
||||
// 2. Keyrune ===================================
|
||||
$keyrune_font_face: "Keyrune" !default;
|
||||
$keyrune_version: '1.7.2' !default;
|
||||
$keyrune_prefix: 'ss' !default;
|
||||
|
||||
// 3. Symbol Sizes ==============================
|
||||
$symbol_sizes: (
|
||||
'2x': 2em,
|
||||
'3x': 3em,
|
||||
'4x': 4em,
|
||||
'5x': 5em,
|
||||
'6x': 6em
|
||||
) !default;
|
||||
|
||||
// 4. Rarity Colors =============================
|
||||
$rarity_palette: (
|
||||
('common', #1a1718, #302b2c, #474040, #000),
|
||||
('uncommon', #707883, #5a6572, #9e9e9e, #111),
|
||||
('rare', #a58e4a, #876a3b, #dfbd6b, #333),
|
||||
('mythic', #bf4427, #b21f0f, #f38300, #333)
|
||||
) !default;
|
||||
|
||||
// 5. Set Symbol ================================
|
||||
$setsymbol_display: inline-block !default;
|
||||
$setsymbol_font: normal normal normal $global_font_size/1 $keyrune_font_face !default;
|
||||
$setsymbol_font_size: inherit !default;
|
||||
$setsymbol_line_height: 1em !default;
|
||||
$setsymbol_text_rendering: auto !default;
|
||||
$setsymbol_transform: translate(0, 0) !default;
|
||||
$setsymbol_speak: none !default;
|
||||
$setsymbol_text_transform: none !default;
|
||||
$setsymbol_vertical_align: middle !default;
|
||||
$setsymbol_webkit_font_smoothing: antialiased !default;
|
||||
$setsymbol_moz_font_smoothing: grayscale !default;
|
||||
$setsymbol_default_content: "\e684" !default;
|
||||
|
||||
// MtG Setlist ===================================
|
||||
$mtg_setlist: (
|
||||
|
||||
) !default;
|
9
sass/keyrune.scss
Normal file
9
sass/keyrune.scss
Normal file
@ -0,0 +1,9 @@
|
||||
// keyrune.scss
|
||||
|
||||
// Config ==============
|
||||
@import 'config/variables';
|
||||
//@import 'config/settings'; // used for other users to overwrite default styles.
|
||||
|
||||
// Components ==========
|
||||
@import 'components/typography';
|
||||
@import 'components/setsymbol';
|
Loading…
Reference in New Issue
Block a user