fix styles font and constants

This commit is contained in:
Sergey Krylov 2021-03-21 16:15:02 +03:00
parent 83f8350f52
commit f9c0c8483e
21 changed files with 40 additions and 40 deletions

View File

@ -26,13 +26,11 @@ const getCss = async (mode = 'develop') => {
} }
return src('src/sass/**/*.sass') return src('src/sass/**/*.sass')
// .pipe(sourcemaps.init()) .pipe(newer('*'))
// .pipe(newer('*')) .pipe(sourcemaps.init())
.pipe(sass()) .pipe(sass.sync().on('error', sass.logError))
.pipe(autoprefixer()) .pipe(sourcemaps.write('./maps'))
// .pipe(sourcemaps.write('./maps'))
.pipe(dest('assets/css')) .pipe(dest('assets/css'))
// .pipe(browser.stream({match: '**/*.css'}));
.pipe(browser.reload({stream: true})); .pipe(browser.reload({stream: true}));
} }
@ -44,10 +42,16 @@ function getJs() {
.pipe(dest('./assets/js')) .pipe(dest('./assets/js'))
} }
function getFonts() {
return src('src/fonts/**/*.{ttf,woff,woff2,svg,eot}')
.pipe(dest('assets/fonts/'))
}
function check() { function check() {
watch('src/sass/**/*.sass', getCss.bind(null, 'develop')).on('change', browser.reload.bind(null, {stream: true})); watch('src/sass/**/*.sass', getCss.bind(null, 'develop')).on('change', browser.reload.bind(null, {stream: true}));
watch('src/js/**/*.js', getJs).on('change', browser.reload); watch('src/js/**/*.js', getJs).on('change', browser.reload);
watch('src/img/*', compressImages).on('change', browser.reload); watch('src/img/*', compressImages).on('change', browser.reload);
watch('src/fonts/**/*.{ttf,woff,woff2,svg,eot}', getFonts).on('change', browser.reload);
watch('**/*.php').on('change', browser.reload); watch('**/*.php').on('change', browser.reload);
watch('templates/*.php').on('add', checkNewTemplates); watch('templates/*.php').on('add', checkNewTemplates);

View File

@ -4,6 +4,7 @@ function armanty_get_styles(){
wp_enqueue_style( 'styles', get_stylesheet_uri()); wp_enqueue_style( 'styles', get_stylesheet_uri());
wp_enqueue_style('fonts', "https://fonts.googleapis.com/css?family=PT+Sans:400,700&display=swap&subset=cyrillic"); wp_enqueue_style('fonts', "https://fonts.googleapis.com/css?family=PT+Sans:400,700&display=swap&subset=cyrillic");
wp_enqueue_style('my_fonts', get_template_directory_uri() . '/assets/css/fonts.css');
wp_enqueue_style('fontawesome', get_template_directory_uri() . '/assets/libs/font-awesome-4.7.0/css/font-awesome.min.css'); wp_enqueue_style('fontawesome', get_template_directory_uri() . '/assets/libs/font-awesome-4.7.0/css/font-awesome.min.css');
wp_enqueue_style('bootstrap', get_template_directory_uri() . '/assets/libs/bootstrap-4.4.1-dist/css/bootstrap.min.css'); wp_enqueue_style('bootstrap', get_template_directory_uri() . '/assets/libs/bootstrap-4.4.1-dist/css/bootstrap.min.css');
wp_enqueue_style('owlcarousel', get_template_directory_uri() . '/assets/libs/OwlCarousel2-2.3.4/dist/assets/owl.carousel.min.css'); wp_enqueue_style('owlcarousel', get_template_directory_uri() . '/assets/libs/OwlCarousel2-2.3.4/dist/assets/owl.carousel.min.css');
@ -14,8 +15,8 @@ function armanty_get_styles(){
wp_enqueue_style('bootstrapselect', get_template_directory_uri() . '/assets/libs/bootstrap-select/bootstrap-select.min.css'); wp_enqueue_style('bootstrapselect', get_template_directory_uri() . '/assets/libs/bootstrap-select/bootstrap-select.min.css');
wp_enqueue_style('slick', 'http://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css'); wp_enqueue_style('slick', 'http://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css');
wp_enqueue_style('armanty_style', get_template_directory_uri() . '/assets/css/style.css');
wp_enqueue_style('armanty_other', get_template_directory_uri() . '/assets/css/other.css'); wp_enqueue_style('armanty_other', get_template_directory_uri() . '/assets/css/other.css');
wp_enqueue_style('armanty_style', get_template_directory_uri() . '/assets/css/style.css');
if (is_page_template('templates/about.php')) wp_enqueue_style('armanty_about', get_template_directory_uri() . '/assets/css/pages/about.css'); if (is_page_template('templates/about.php')) wp_enqueue_style('armanty_about', get_template_directory_uri() . '/assets/css/pages/about.css');
if (is_page_template('templates/certificates.php')) wp_enqueue_style('armanty_certificates', get_template_directory_uri() . '/assets/css/pages/certificates.css'); if (is_page_template('templates/certificates.php')) wp_enqueue_style('armanty_certificates', get_template_directory_uri() . '/assets/css/pages/certificates.css');

4
src/sass/constansts.sass Normal file
View File

@ -0,0 +1,4 @@
$main-color: #dc3545
$title-color: #732B3C
$text-color: #5A5A5A
$btn-color: #00C981

View File

@ -1,45 +1,43 @@
$main-color: #dc3545
@font-face @font-face
font-family: 'Museo Thin' // Имя шрифта font-family: 'Museo Thin' // Имя шрифта
src: url(../../fonts/Museo-Sans-Cyr/MuseoSansCyrl.otf) //Путь к файлу со шрифтом src: url(../fonts/Museo-Sans-Cyr/MuseoSansCyrl.otf) //Путь к файлу со шрифтом
@font-face @font-face
font-family: 'Museo Light' // Имя шрифта font-family: 'Museo Light' // Имя шрифта
src: url(../../fonts/Museo-Sans-Cyr/MuseoSansCyrl_0.otf) //Путь к файлу со шрифтом src: url(../fonts/Museo-Sans-Cyr/MuseoSansCyrl_0.otf) //Путь к файлу со шрифтом
@font-face @font-face
font-family: 'Museo Regular' // Имя шрифта font-family: 'Museo Regular' // Имя шрифта
src: url(../../fonts/Museo-Sans-Cyr/MuseoSansCyrl_1.otf) //Путь к файлу со шрифтом src: url(../fonts/Museo-Sans-Cyr/MuseoSansCyrl_1.otf) //Путь к файлу со шрифтом
@font-face @font-face
font-family: 'Museo Bold' // Имя шрифта font-family: 'Museo Bold' // Имя шрифта
src: url(../../fonts/Museo-Sans-Cyr/MuseoSansCyrl_2.otf) //Путь к файлу со шрифтом src: url(../fonts/Museo-Sans-Cyr/MuseoSansCyrl_2.otf) //Путь к файлу со шрифтом
@font-face @font-face
font-family: 'Museo Black' // Имя шрифта font-family: 'Museo Black' // Имя шрифта
src: url(../../fonts/Museo-Sans-Cyr/MuseoSansCyrl_3.otf) //Путь к файлу со шрифтом src: url(../fonts/Museo-Sans-Cyr/MuseoSansCyrl_3.otf) //Путь к файлу со шрифтом
src: url(../../fonts/Museo-Sans-Cyr/MuseoSansCyrl_2.otf) //Путь к файлу со шрифтом src: url(../fonts/Museo-Sans-Cyr/MuseoSansCyrl_2.otf) //Путь к файлу со шрифтом
@font-face @font-face
font-family: 'Shadow Regular' font-family: 'Shadow Regular'
src: url('../../fonts/Shadow/Shadow-Regular.ttf') format('truetype') src: url('../fonts/Shadow/Shadow-Regular.ttf') format('truetype')
font-style: normal font-style: normal
font-weight: normal font-weight: normal
@font-face @font-face
font-family: 'Montserrat' font-family: 'Montserrat'
src: url('../../fonts/Montserrat/Montserrat-Regular.ttf') format('truetype') src: url('../fonts/Montserrat/Montserrat-Regular.ttf') format('truetype')
@font-face @font-face
font-family: 'Montserrat' font-family: 'Montserrat'
src: url('../../fonts/Montserrat/Montserrat-Medium.ttf') format('truetype') src: url('../fonts/Montserrat/Montserrat-Medium.ttf') format('truetype')
font-weight: 500 font-weight: 500
@font-face @font-face
font-family: 'Roboto' font-family: 'Roboto'
src: url('../../fonts/Roboto/Roboto-Regular.ttf') format('truetype') src: url('../fonts/Roboto/Roboto-Regular.ttf') format('truetype')
font-weight: 400 font-weight: 400
@font-face @font-face
font-family: 'Roboto' font-family: 'Roboto'
src: url('../../fonts/Roboto/Roboto-Medium.ttf') format('truetype') src: url('../fonts/Roboto/Roboto-Medium.ttf') format('truetype')
font-weight: 500 font-weight: 500

View File

@ -1,4 +1,4 @@
@import "fonts" @import './constansts'
.full-page__border .full-page__border
margin-top: -20px margin-top: -20px

View File

@ -1,4 +1,4 @@
@import "../fonts" @import "../constansts"
.about .about
&-text &-text

View File

@ -1,4 +1,4 @@
@import '../fonts' @import '../constansts'
.contacts .contacts
font-family: 'Museo Regular', sans-serif font-family: 'Museo Regular', sans-serif

View File

@ -1,4 +1,4 @@
@import '../fonts' @import '../constansts'
@import "../parts/order" @import "../parts/order"
.btn, body .btn, body

View File

@ -1,8 +1,4 @@
@import '../fonts' @import '../constansts'
$title-color: #732B3C
$text-color: #5A5A5A
$btn-color: #00C981
h1, h2 h1, h2
font-family: 'Shadow Regular' font-family: 'Shadow Regular'

View File

@ -1,4 +1,3 @@
@import '../fonts'
@import "../parts/adding-service" @import "../parts/adding-service"
@import "../parts/packages" @import "../parts/packages"
@import "../parts/options" @import "../parts/options"

View File

@ -1,4 +1,4 @@
@import '../fonts' @import '../constansts'
@import '../parts/main-block' @import '../parts/main-block'
.prices .prices

View File

@ -1,4 +1,3 @@
@import '../fonts'
@import "../parts/compound" @import "../parts/compound"
.quests .quests

View File

@ -1,4 +1,4 @@
@import "../fonts" @import "../constansts"
.compound .compound
font-family: 'PT Sans', sans-serif font-family: 'PT Sans', sans-serif

View File

@ -1,4 +1,4 @@
@import "../fonts" @import "../constansts"
.discount .discount
padding-top: 40px padding-top: 40px

View File

@ -1,4 +1,4 @@
@import "../fonts" @import '../constansts'
.header-number .header-number
color: #fff color: #fff

View File

@ -1,4 +1,4 @@
@import "../fonts" @import '../constansts'
.map-block .map-block
font-family: 'PT Sans', sans-serif font-family: 'PT Sans', sans-serif

View File

@ -1,4 +1,4 @@
@import "../fonts" @import "../constansts"
.order .order
align-items: center align-items: center

View File

@ -1,4 +1,4 @@
@import '../fonts' @import '../constansts'
.packages .packages
padding-top: 15px padding-top: 15px

View File

@ -1,4 +1,4 @@
@import "../fonts" @import "../constansts"
.principals .principals
background: #f2f2f2 background: #f2f2f2

View File

@ -1,4 +1,3 @@
@import "fonts"
@import 'parts/header' @import 'parts/header'
@import 'parts/footer' @import 'parts/footer'